WPF

Kevin Marois wrote:

Each pane must load independant of the other

Kevin Marois wrote:

C#

foreach (var navigationPaneModel in NavigationPanes)
{
    await Task.Run(() =>
    {
        // Go the the back end & get the data
        return _apiProxy.GetNavigationItems(navigationPaneModel.NavigationItemType);
    }).ContinueWith(task =>
    {
        App.Current.Dispatcher.BeginInvoke(() =>
        {
            // Find the container for the data
            var container = ContainerItems.FirstOrDefault(x => x.NavigationItemType == navigationPaneModel.NavigationItemType);
            if (container != null && task.Result != null)
            {
                // Assign the data to it
                container.Items = new ObservableCollection<NavigationEntity>(task.Result);
            }
        });
    });
}

private async Task LoadPane(NavigationPane navigationPaneModel)
{
    var result = await Task.Run(() => _apiProxy.GetNavigationItems(navigationPaneModel.NavigationItemType);
    if (result is null) return;
    
    var container = ContainerItems.FirstOrDefault(x => x.NavigationItemType == navigationPaneModel.NavigationItemType);
    if (container is null) return;
    
    container.Items = new ObservableCollection<NavigationEntity>(result);
}

List<Task> tasks = new List<Task>(NavigationPanes.Count);
foreach (var navigationPaneModel in NavigationPanes)
{
    tasks.Add(LoadPane(navigationPaneModel));
}

await Task.WhenAll(tasks);

Kevin Marois wrote:

C#

control.IsBusyVisible = Visibility.Collapsed;  //<==== THIS IS BEING HIT, BUT THE INDICATOR STILL SHOWS. AND NO DATA ITEMS APPEAR

public static readonly DependencyProperty IsBusyVisibleProperty = DependencyProperty.Register(
    "IsBusyVisible", typeof(Visibility), typeof(NavigationPane),
    new PropertyMetadata(Visibility.Visible));

public Visibility IsBusyVisible
{
    get { return (Visibility)GetValue(IsBusyVisibleProperty); }
    set { SetValue(IsBusyVisibleProperty, value); }
}

public static readonly DependencyProperty ContainerItemsProperty
    = DependencyProperty.Register("ContainerItems",
        typeof(List<NavigationPane>),
        typeof(NavigationContainer),
        new PropertyMetadata(null));

public List<NavigationPane> ContainerItems
{
    get { return (List<NavigationPane>)GetValue(ContainerItemsProperty); }
    set { SetValue(ContainerItemsProperty, value); }
}

private async Task Load()
{
    if (NavigationPanes != null)
    {
        var items = new List<NavigationPane>();

        List<Task> tasks = new List<Task>(NavigationPanes.Count);
        foreach (var navigationPaneModel in NavigationPanes)
        {
            tasks.Add(LoadPane(navigationPaneModel, items));
        }

        await Task.WhenAll(tasks);
		ContainerItems = items;
	}
}

private async Task LoadPane(NavigationPaneModel navigationPaneModel, List<NavigationPane> containerItems)

<ctrls:NavigationPane BorderBrush="Yellow" 
    BorderThickness="1"
    Background="Red"
    HorizontalAlignment="Stretch"
    Header="{Binding Header}"
    Margin="0,0,0,1"/>

<Window.Resources>

<pre>
<Path x:Key="PathKey"
        Width="20"
        Height="20"
        Data="M15,9H5V5H15M12,19A3,3 0 0,1 9,16A3,3 0 0,1 12,13A3,3 0 0,1 15,16A3,3 0 0,1 12,19M17,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V7L17,3Z"
        Fill="Red"
        Stretch="Uniform" />

<Style TargetType="{x:Type Button}">

    <Setter Property="Content">
        <Setter.Value>
            <DynamicResource ResourceKey='PathKey' />
        </Setter.Value>
    </Setter>

</Style>

public class MaroisPathImageButton : Button
{
    #region CTOR
    static MaroisPathImageButton()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(MaroisPathImageButton), new FrameworkPropertyMetadata(typeof(MaroisPathImageButton)));
    }
    #endregion

    #region Dependency Properties
    #region DP Caption
    public static readonly DependencyProperty CaptionProperty =
                DependencyProperty.Register("Caption",
                typeof(string),
                typeof(MaroisPathImageButton),
                new PropertyMetadata(""));

    public string Caption
    {
        get { return (string)GetValue(CaptionProperty); }
        set { SetValue(CaptionProperty, value); }
    }
    #endregion

    #region DP PathData
    public static readonly DependencyProperty PathDataProperty =
                DependencyProperty.Register("PathData",
                typeof(System.Windows.Media.Geometry),
                typeof(MaroisPathImageButton),
                new PropertyMetadata(null, new PropertyChangedCallback(OnPathDataChanged)));

    public System.Windows.Media.Geometry PathData
    {
        get { return (System.Windows.Media.Geometry)GetValue(PathDataProperty); }
        set { SetValue(PathDataProperty, value); }
    }

    private static void OnPathDataChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        MaroisPathImageButton control = (MaroisPathImageButton)d;
    }
    #endregion

    #endregion
}

<!--PATH DATA-->
<Geometry x:Key="toolbarHomeButtonPathData">
    M12 5.69L17 10.19V18H15V12H9V18H7V10.19L12 5.69M12 3L2 12H5V20H11V14H13V20H19V12H22
</Geometry>

<!BASE PATH IMAGE BUTTON STYLE>
<Style x:Key="pathImageButtonStyle" 
        TargetType="{x:Type mctrls:MaroisPathImageButton}">

    <Setter Property="Background" Value="Transparent"/>
    <Setter Property="Height" Value="40"/>
    <Setter Property="Width" Value="65"/>

    <Setter Property="Template">

        <Setter.Value>

            <ControlTemplate>

                <Grid x:Name="Grid">

                    <Border x:Name="border"
                            Margin="2" 
                            Background="{TemplateBinding Background}" 
                            BorderBrush="{TemplateBinding BorderBrush}" 
                            BorderThickness="0" 
                            CornerRadius="3">

                        <StackPanel Orientation="Vertical">

                            <Path x:Name="path"
                                    Width="20"
                                    Height="20"
                                    Data="{Binding PathData, RelativeSource={RelativeSource TemplatedParent}}"
                                    Fill="{StaticResource Button.Normal.Background}"
                                    Stretch="Uniform"/>

                            <TextBlock Grid.Row="1" 
                                        Grid.Column="0" 
                                        x:Name="caption" 
                                        Text="{Binding Caption, RelativeSource={RelativeSource TemplatedParent}}"
                                        Foreground="{StaticResource Button.Normal.Background}"
                                        HorizontalAlignment="Center"
                                        VerticalAlignment="Center"
                                        Margin="0,0,0,2"/>

                        </StackPanel>

                    </Border>

                </Grid>

                <ControlTemplate.Triggers>

                    <Trigger Property="IsMouseOver" Value="true">
                        <Setter TargetName="path" Property="Fill" Value="{StaticResource Button.Normal.Foreground}" />
                        <Setter TargetName="caption" Property="Foreground" Value="{StaticResource Button.Hover.Foreground}" />
                        <Setter TargetName="border" Property="BorderBrush" Value="{StaticResource Button.Hover.Foreground}" />
                        <Setter TargetName="border" Property="BorderThickness" Value="1" />
                    </Trigger>
                    <Trigger Property="IsEnabled" Value="false">
                        <Setter TargetName="path" Property="Fill" Value="{StaticResource Button.Disabled.Foreground}" />
                        <Setter TargetName="caption" Property="Foreground" Value="{StaticResource Button.Disabled.Foreground}" />
                        <Setter TargetName="border" Property="BorderBrush" Value="{StaticResource Button.Disabled.Foreground}" />
                        <Setter TargetName="border" Property="BorderThickness" Value="1" />
                    </Trigger>

                </ControlTemplate.Triggers>

            </ControlTemplate>

        </Setter.Value>

    </Setter>

</Style>

<!TOOLBAR HOME BUTTON STYLE>
<Style x:Key="toolbarHomeButtonStyle" 
        BasedOn="{StaticResource pathImageButtonStyle }"
        TargetType="{x:Type mctrls:MaroisPathImageButton}">

    <Setter Property="Caption" Value="Home"/>
    <Setter Property="PathData" Value="{StaticResource toolbarHomeButtonPathData}"/>

</Style>