path: root/Software/Visual_Studio/FSE/Tango.FSE.UI/Views/MainView.xaml

<UserControl x:Class="Tango.FSE.UI.Views.MainView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:global="clr-namespace:Tango.FSE.UI"
             xmlns:vm="clr-namespace:Tango.FSE.UI.ViewModels"
             xmlns:material="http://materialdesigninxaml.net/winfx/xaml/themes"
             xmlns:controls="clr-namespace:Tango.SharedUI.Controls;assembly=Tango.SharedUI"
             xmlns:commonControls="clr-namespace:Tango.FSE.Common.Controls;assembly=Tango.FSE.Common"
             xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
             xmlns:triggerAction="clr-namespace:Tango.FSE.Common.EventTriggerActions;assembly=Tango.FSE.Common"
             xmlns:local="clr-namespace:Tango.FSE.UI.Views"
             mc:Ignorable="d" 
             Background="{StaticResource FSE_PrimaryBackgroundBrush}"
             Foreground="{StaticResource FSE_PrimaryForegroundBrush}"
             d:DesignHeight="450" 
             d:DesignWidth="800" 
             d:DataContext="{d:DesignInstance Type=vm:MainViewVM, IsDesignTimeCreatable=False}" 
             DataContext="{x:Static global:ViewModelLocator.MainViewVM}">
    <Grid>
        <controls:NavigationControl x:Name="NavigationControl" TransitionType="Fade">
            <local:LoadingView/>
            <local:LoginView/>
            <local:LayoutView/>
        </controls:NavigationControl>

        <!--SNACK BARS-->
        <Grid Margin="10 10 10 40" Opacity="0.7" HorizontalAlignment="Right" VerticalAlignment="Bottom" MaxHeight="400" Width="300" Visibility="{Binding NotificationProvider.HasSnackbarItems,Converter={StaticResource BooleanToVisibilityConverter}}">
            <ScrollViewer Padding="0 0 5 0" FocusVisualStyle="{x:Null}" HorizontalScrollBarVisibility="Disabled">
                <ScrollViewer.Style>
                    <Style TargetType="ScrollViewer">
                        <Setter Property="VerticalScrollBarVisibility" Value="Disabled"></Setter>
                    </Style>
                </ScrollViewer.Style>
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="MouseEnter">
                        <i:EventTrigger.Actions>
                            <triggerAction:SetterAction PropertyName="VerticalScrollBarVisibility" Value="Auto" />
                        </i:EventTrigger.Actions>
                    </i:EventTrigger>
                    <i:EventTrigger EventName="MouseLeave">
                        <i:EventTrigger.Actions>
                            <triggerAction:SetterAction PropertyName="VerticalScrollBarVisibility" Value="Disabled" />
                        </i:EventTrigger.Actions>
                    </i:EventTrigger>
                </i:Interaction.Triggers>
                <ItemsControl FocusVisualStyle="{x:Null}" ItemsSource="{Binding NotificationProvider.SnackbarItems}">
                    <ItemsControl.ItemTemplate>
                        <DataTemplate>
                            <Border Margin="0 5" Height="60">
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="MouseDown">
                                        <i:InvokeCommandAction Command="{Binding PressCommand}" />
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                                <Border.Effect>
                                    <DropShadowEffect Opacity="0.2" />
                                </Border.Effect>
                                <Border.Style>
                                    <Style TargetType="Border">
                                        <Setter Property="Background" Value="{StaticResource FSE_PrimaryBackgroundLightBrush}"></Setter>
                                        <Setter Property="Opacity" Value="1"></Setter>
                                        <Style.Triggers>
                                            <Trigger Property="IsMouseOver" Value="True">
                                                <Setter Property="Background" Value="{StaticResource FSE_PrimaryBackgroundLighterBrush}"></Setter>
                                            </Trigger>
                                            <DataTrigger Binding="{Binding IsClosing}" Value="True">
                                                <DataTrigger.EnterActions>
                                                    <BeginStoryboard>
                                                        <Storyboard>
                                                            <DoubleAnimation Storyboard.TargetProperty="Opacity" To="0" Duration="00:00:02" />
                                                        </Storyboard>
                                                    </BeginStoryboard>
                                                </DataTrigger.EnterActions>
                                            </DataTrigger>
                                        </Style.Triggers>
                                    </Style>
                                </Border.Style>
                                <DockPanel>
                                    <Rectangle DockPanel.Dock="Top" Height="2" Fill="{Binding ElementName=msgIcon,Path=Foreground}"></Rectangle>
                                    <DockPanel>
                                        <material:PackIcon Margin="8 8 0 0" Width="16" Height="16" x:Name="msgIcon">
                                            <material:PackIcon.Style>
                                                <Style TargetType="material:PackIcon">
                                                    <Setter Property="Foreground" Value="{StaticResource FSE_InfoBrush}"></Setter>
                                                    <Setter Property="Kind" Value="InfoOutline"></Setter>
                                                    <Style.Triggers>
                                                        <DataTrigger Binding="{Binding Type}" Value="Warning">
                                                            <Setter Property="Foreground" Value="{StaticResource FSE_WarningBrush}"></Setter>
                                                            <Setter Property="Kind" Value="AlertOutline"></Setter>
                                                        </DataTrigger>
                                                        <DataTrigger Binding="{Binding Type}" Value="Error">
                                                            <Setter Property="Foreground" Value="{StaticResource FSE_ErrorBrush}"></Setter>
                                                            <Setter Property="Kind" Value="AlertCircleOutline"></Setter>
                                                        </DataTrigger>
                                                        <DataTrigger Binding="{Binding Type}" Value="Success">
                                                            <Setter Property="Foreground" Value="{StaticResource FSE_SuccessBrush}"></Setter>
                                                            <Setter Property="Kind" Value="Check"></Setter>
                                                        </DataTrigger>
                                                    </Style.Triggers>
                                                </Style>
                                            </material:PackIcon.Style>
                                        </material:PackIcon>
                                        <commonControls:IconButton Visibility="{Binding CanClose,Converter={StaticResource BooleanToVisibilityConverter}}" Margin="0 -5 -3 0" Icon="Close" DockPanel.Dock="Right" Padding="8" Command="{Binding CloseCommand}" HorizontalAlignment="Right" VerticalAlignment="Top" Width="{Binding RelativeSource={RelativeSource Self},Path=ActualHeight}"/>
                                        <StackPanel Margin="10 8 0 0">
                                            <TextBlock TextWrapping="Wrap" Text="{Binding Title}" FontSize="{StaticResource FSE_SmallFontSize}"></TextBlock>
                                            <TextBlock TextWrapping="Wrap" Margin="0 2 0 0" Text="{Binding Message}" FontSize="{StaticResource FSE_SmallerFontSize}" Foreground="{StaticResource FSE_GrayBrush}"></TextBlock>
                                        </StackPanel>
                                    </DockPanel>
                                </DockPanel>
                            </Border>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                </ItemsControl>
            </ScrollViewer>
        </Grid>
        <!--SNACK BARS-->

        <!--DIALOGS-->
        <Grid x:Name="gridDialog" IsVisibleChanged="GridDialog_IsVisibleChanged" Background="{StaticResource FSE_SemiTransparentBrush}" Visibility="{Binding NotificationProvider.HasDialog,Converter={StaticResource BooleanToVisibilityConverter}}">
            <Grid RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Center" VerticalAlignment="Center">
                <Grid.Style>
                    <Style TargetType="Grid">
                        <Setter Property="RenderTransform">
                            <Setter.Value>
                                <ScaleTransform ScaleX="0" ScaleY="0" />
                            </Setter.Value>
                        </Setter>
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding NotificationProvider.HasDialog}" Value="True">
                                <DataTrigger.EnterActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX" From="0" To="1" Duration="00:00:0.1" />
                                            <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY" From="0" To="1" Duration="00:00:0.1" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </DataTrigger.EnterActions>
                                <DataTrigger.ExitActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX" From="1" To="0" Duration="00:00:0.1" />
                                            <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY" From="1" To="0" Duration="00:00:0.1" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </DataTrigger.ExitActions>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </Grid.Style>

                <Border Background="{StaticResource FSE_PrimaryBackgroundLightBrush}" CornerRadius="5">
                    <Border.Effect>
                        <DropShadowEffect BlurRadius="10" />
                    </Border.Effect>
                    <Grid ClipToBounds="True">
                        <Grid DataContext="{Binding NotificationProvider.CurrentDialog}">
                            <DockPanel>
                                <Grid DockPanel.Dock="Bottom" Visibility="{Binding DataContext.AutoMode,Converter={StaticResource BooleanToVisibilityConverter}}">
                                    <Border Background="{StaticResource FSE_PrimaryBackgroundBrush}" CornerRadius="0 0 5 5" Padding="10">
                                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
                                            <Button Height="40" MinWidth="150" Margin="0 0 5 0" Style="{StaticResource FSE_RaisedButton_Dark_Hover}" Command="{Binding DataContext.CloseCommand}" Visibility="{Binding DataContext.CanClose,Converter={StaticResource BooleanToVisibilityConverter}}" Content="{Binding DataContext.CancelText,TargetNullValue='CANCEL'}"></Button>
                                            <Button x:Name="btnDialogOK" Height="40" MinWidth="150" IsDefault="{Binding DataContext.HasDefault}" Style="{StaticResource FSE_RaisedButton_Dark_Hover}" Command="{Binding DataContext.OKCommand}" Content="{Binding DataContext.OKText,TargetNullValue='OK'}"></Button>
                                        </StackPanel>
                                    </Border>
                                    <Rectangle VerticalAlignment="Top" DockPanel.Dock="Bottom" Stroke="{StaticResource FSE_BorderBrush}" StrokeThickness="1" StrokeDashArray="5" />
                                </Grid>

                                <ContentPresenter Margin="5" Content="{Binding}" />
                            </DockPanel>

                            <Grid HorizontalAlignment="Right" VerticalAlignment="Top" Visibility="{Binding DataContext.AutoMode,Converter={StaticResource BooleanToVisibilityConverter}}">
                                <commonControls:IconButton Icon="Close" Padding="8" Margin="0 0 5 0" Command="{Binding DataContext.CloseCommand}" Visibility="{Binding DataContext.CanClose,Converter={StaticResource BooleanToVisibilityConverter}}" Width="{Binding RelativeSource={RelativeSource Self},Path=ActualHeight}"/>
                            </Grid>
                        </Grid>
                    </Grid>
                </Border>
            </Grid>
        </Grid>
        <!--DIALOGS-->

        <!--STORAGE-->
        <Grid x:Name="gridStorage" Background="{StaticResource FSE_SemiTransparentBrush}" Visibility="{Binding StorageProvider.IsOpened,Converter={StaticResource BooleanToVisibilityConverter}}">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="1*" />
                <ColumnDefinition Width="10*" />
                <ColumnDefinition Width="1*" />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="1*" />
                <RowDefinition Height="10*" />
                <RowDefinition Height="1*" />
            </Grid.RowDefinitions>
            <Grid RenderTransformOrigin="0.5,0.5" Grid.Column="1" Grid.Row="1">
                <Grid.Style>
                    <Style TargetType="Grid">
                        <Setter Property="RenderTransform">
                            <Setter.Value>
                                <ScaleTransform ScaleX="0" ScaleY="0" />
                            </Setter.Value>
                        </Setter>
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding StorageProvider.IsOpened}" Value="True">
                                <DataTrigger.EnterActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX" From="0" To="1" Duration="00:00:0.1" />
                                            <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY" From="0" To="1" Duration="00:00:0.1" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </DataTrigger.EnterActions>
                                <DataTrigger.ExitActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX" From="1" To="0" Duration="00:00:0.1" />
                                            <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY" From="1" To="0" Duration="00:00:0.1" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </DataTrigger.ExitActions>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </Grid.Style>

                <Border Background="{StaticResource FSE_PrimaryBackgroundBrush}" CornerRadius="5" Margin="10">
                    <Border.Effect>
                        <DropShadowEffect BlurRadius="10" />
                    </Border.Effect>
                    <Grid ClipToBounds="True">
                        <Grid>
                            <DockPanel>
                                <Grid DockPanel.Dock="Bottom">
                                    <Border Background="{StaticResource FSE_PrimaryBackgroundBrush}" CornerRadius="0 0 5 5" Padding="10">
                                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
                                            <Button Height="40" MinWidth="150" Margin="0 0 5 0" Style="{StaticResource FSE_RaisedButton_Dark_Hover}" Command="{Binding StorageProvider.CancelCommand}">CANCEL</Button>
                                            <Button Height="40" MinWidth="150" Style="{StaticResource FSE_RaisedButton_Dark_Hover}" Command="{Binding StorageProvider.OKCommand}">OK</Button>
                                        </StackPanel>
                                    </Border>
                                    <Rectangle VerticalAlignment="Top" DockPanel.Dock="Bottom" Stroke="{StaticResource FSE_BorderBrush}" StrokeThickness="1" StrokeDashArray="5" />
                                </Grid>

                                <!--FILE SYSTEM CONTROL HERE-->
                                <DockPanel Margin="40 40 40 20">

                                    <DockPanel DockPanel.Dock="Top" Height="30">
                                        <ListBox x:Name="listView" SelectedIndex="1" Background="{StaticResource FSE_PrimaryBackgroundLightBrush}" SelectionChanged="ListView_SelectionChanged" Style="{StaticResource MaterialDesignToolToggleListBox}" Margin="50 0 0 0" DockPanel.Dock="Right">
                                            <ListBox.Resources>
                                                <SolidColorBrush x:Key="MaterialDesignDivider" Color="{StaticResource FSE_PrimaryBackgroundDarkColor}"/>
                                            </ListBox.Resources>
                                            <ListBoxItem Width="60" HorizontalContentAlignment="Center" Tag="Large">
                                                <material:PackIcon Kind="ViewList" Width="Auto" Height="20" />
                                            </ListBoxItem>
                                            <ListBoxItem Width="60" HorizontalContentAlignment="Center" Tag="Details">
                                                <material:PackIcon Kind="FormatListBulleted" Width="Auto" Height="20" />
                                            </ListBoxItem>
                                        </ListBox>
                                        <DockPanel>
                                            <StackPanel DockPanel.Dock="Right" Orientation="Horizontal">
                                                <Button Command="{Binding StorageProvider.NavigateCommand}" material:ButtonAssist.CornerRadius="0 3 3 0" Style="{StaticResource FSE_RaisedButton_Dark_Hover}" Padding="0" Width="60" Height="Auto">
                                                    <material:PackIcon Kind="Refresh" Width="Auto" Height="20" />
                                                </Button>
                                            </StackPanel>
                                            <StackPanel DockPanel.Dock="Left" Orientation="Horizontal">
                                                <Button Command="{Binding StorageProvider.BackCommand}" material:ButtonAssist.CornerRadius="3 0 0 3" Style="{StaticResource FSE_RaisedButton_Dark_Hover}" Padding="0" Width="60" Height="Auto">
                                                    <material:PackIcon Kind="ChevronLeft" Width="Auto" Height="20" />
                                                </Button>
                                            </StackPanel>
                                            <Border>
                                                <Border BorderThickness="3" BorderBrush="{StaticResource FSE_PrimaryBackgroundLightBrush}" Background="{StaticResource FSE_PrimaryBackgroundDarkBrush}">
                                                    <Border.Effect>
                                                        <DropShadowEffect BlurRadius="2" ShadowDepth="2" Opacity="0.3" Direction="270" />
                                                    </Border.Effect>
                                                    <Grid>
                                                        <Border IsHitTestVisible="False" Visibility="{Binding StorageProvider.IsBusy,Converter={StaticResource BooleanToVisibilityConverter}}">
                                                            <Border.Background>
                                                                <LinearGradientBrush>
                                                                    <GradientStop Offset="0" Color="Transparent" />
                                                                    <GradientStop Offset="0.5" Color="#6303A9F4" />
                                                                    <GradientStop Offset="1" Color="Transparent" />
                                                                </LinearGradientBrush>
                                                            </Border.Background>
                                                            <Border.Style>
                                                                <Style TargetType="Border">
                                                                    <Style.Triggers>
                                                                        <DataTrigger Binding="{Binding StorageProvider.IsBusy}" Value="True">
                                                                            <DataTrigger.EnterActions>
                                                                                <BeginStoryboard Name="loadingStory">
                                                                                    <Storyboard>
                                                                                        <DoubleAnimation Storyboard.TargetProperty="Background.GradientStops[1].Offset" From="0" To="1" AutoReverse="True" RepeatBehavior="Forever" />
                                                                                    </Storyboard>
                                                                                </BeginStoryboard>
                                                                            </DataTrigger.EnterActions>
                                                                            <DataTrigger.ExitActions>
                                                                                <RemoveStoryboard BeginStoryboardName="loadingStory" />
                                                                            </DataTrigger.ExitActions>
                                                                        </DataTrigger>
                                                                    </Style.Triggers>
                                                                </Style>
                                                            </Border.Style>
                                                        </Border>

                                                        <TextBox IsEnabled="{Binding StorageProvider.IsBusy,Converter={StaticResource BooleanInverseConverter}}" Padding="5 0 0 0" Text="{Binding StorageProvider.CurrentPath,UpdateSourceTrigger=PropertyChanged,Mode=TwoWay}" Foreground="{StaticResource FSE_PrimaryForegroundBrush}" CaretBrush="{StaticResource FSE_PrimaryForegroundBrush}" Background="Transparent" BorderThickness="0" VerticalContentAlignment="Center" Style="{x:Null}">
                                                            <TextBox.InputBindings>
                                                                <KeyBinding Key="Return" Command="{Binding StorageProvider.NavigateCommand}" />
                                                            </TextBox.InputBindings>
                                                        </TextBox>
                                                    </Grid>
                                                </Border>
                                            </Border>
                                        </DockPanel>
                                    </DockPanel>

                                    <DockPanel Margin="0 10 0 0">

                                        <Border Margin="0 15 20 0" Background="{StaticResource FSE_PrimaryBackgroundDarkBrush}" BorderBrush="{StaticResource FSE_PrimaryBackgroundLightBrush}" BorderThickness="3" CornerRadius="3" Padding="10 5">
                                            <StackPanel>
                                                <commonControls:TextIconButton HorizontalContentAlignment="Left" Padding="5" Icon="Computer" Background="Transparent" BorderThickness="0" FocusVisualStyle="{x:Null}">Devices</commonControls:TextIconButton>
                                                <StackPanel Margin="30 0 0 0">
                                                    <ItemsControl ItemsSource="{Binding StorageProvider.Drives}">
                                                        <ItemsControl.ItemTemplate>
                                                            <DataTemplate>
                                                                <commonControls:TextIconButton HorizontalContentAlignment="Left" Padding="5" Icon="Harddisk" Background="Transparent" BorderThickness="0" FocusVisualStyle="{x:Null}" Content="{Binding Label}" Command="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DataContext.StorageProvider.NavigateToFolderCommand}" CommandParameter="{Binding Path}"></commonControls:TextIconButton>
                                                            </DataTemplate>
                                                        </ItemsControl.ItemTemplate>
                                                    </ItemsControl>
                                                </StackPanel>

                                                <commonControls:TextIconButton HorizontalContentAlignment="Left" Padding="5" Icon="Computer" Background="Transparent" BorderThickness="0" FocusVisualStyle="{x:Null}">Computer</commonControls:TextIconButton>
                                                <StackPanel Margin="30 0 0 0">
                                                    <commonControls:TextIconButton HorizontalContentAlignment="Left" Padding="5" Icon="DesktopMac" Background="Transparent" BorderThickness="0" FocusVisualStyle="{x:Null}" Command="{Binding StorageProvider.NavigateSpecialFolderCommand}" CommandParameter="DesktopDirectory">Desktop</commonControls:TextIconButton>
                                                    <commonControls:TextIconButton HorizontalContentAlignment="Left" Padding="5" Icon="FileDocument" Background="Transparent" BorderThickness="0" FocusVisualStyle="{x:Null}" Command="{Binding StorageProvider.NavigateSpecialFolderCommand}" CommandParameter="MyDocuments">Documents</commonControls:TextIconButton>
                                                    <commonControls:TextIconButton HorizontalContentAlignment="Left" Padding="5" Icon="Application" Background="Transparent" BorderThickness="0" FocusVisualStyle="{x:Null}" Command="{Binding StorageProvider.NavigateToFolderCommand}" CommandParameter='%appdata%\Twine\Tango'>Application Data</commonControls:TextIconButton>
                                                </StackPanel>
                                            </StackPanel>
                                        </Border>

                                        <commonControls:FileSystemControl 
                                            AllowDrag="False"
                                            AllowDrop="False"
                                            Mode="{Binding ElementName=listView,Path=SelectedItem.Tag}"
                                            CurrentItem="{Binding StorageProvider.CurrentItem,Mode=TwoWay}"
                                            SelectedItems="{Binding StorageProvider.SelectedItems}"
                                            SelectedItem="{Binding StorageProvider.SelectedItem}"
                                            SelectionMode="{Binding StorageProvider.SelectionMode}"
                                            BackCommand="{Binding StorageProvider.BackCommand}"
                                            ItemDoubleClickedCommand="{Binding StorageProvider.OpenCommand}"
                                            OpenCommand="{Binding StorageProvider.OpenCommand}"/>
                                    </DockPanel>
                                </DockPanel>
                            </DockPanel>

                            <Grid HorizontalAlignment="Right" VerticalAlignment="Top">
                                <commonControls:IconButton Icon="Close" Padding="8" Margin="0 0 5 0" Command="{Binding StorageProvider.CancelCommand}" Width="{Binding RelativeSource={RelativeSource Self},Path=ActualHeight}"/>
                            </Grid>
                        </Grid>
                    </Grid>
                </Border>
            </Grid>
        </Grid>
        <!--STORAGE-->

        <!--TASK ITEMS-->
        <Grid x:Name="gridTaskItems" Cursor="AppStarting" Background="{StaticResource FSE_SemiTransparentBrush}">
            <Grid.Style>
                <Style TargetType="Grid">
                    <Setter Property="Visibility" Value="{Binding NotificationProvider.HasTaskItems,Converter={StaticResource BooleanToVisibilityConverter}}"></Setter>
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding NotificationProvider.HasMessageBox}" Value="True">
                            <Setter Property="Visibility" Value="Collapsed"></Setter>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </Grid.Style>
            <Grid HorizontalAlignment="Center" VerticalAlignment="Center" RenderTransformOrigin="0.5,0.5" Grid.Column="1" Grid.Row="1">
                <Grid.Style>
                    <Style TargetType="Grid">
                        <Setter Property="RenderTransform">
                            <Setter.Value>
                                <ScaleTransform ScaleX="0" ScaleY="0" />
                            </Setter.Value>
                        </Setter>
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding NotificationProvider.HasTaskItems}" Value="True">
                                <DataTrigger.EnterActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX" From="0" To="1" Duration="00:00:0.1" />
                                            <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY" From="0" To="1" Duration="00:00:0.1" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </DataTrigger.EnterActions>
                                <DataTrigger.ExitActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX" From="1" To="0" Duration="00:00:0.1" />
                                            <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY" From="1" To="0" Duration="00:00:0.1" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </DataTrigger.ExitActions>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </Grid.Style>
                <Border Background="{StaticResource FSE_PrimaryBackgroundBrush}" CornerRadius="5">
                    <Border.Effect>
                        <DropShadowEffect BlurRadius="10" />
                    </Border.Effect>
                    <ItemsControl ItemsSource="{Binding NotificationProvider.TaskItems}">
                        <ItemsControl.ItemsPanel>
                            <ItemsPanelTemplate>
                                <Grid/>
                            </ItemsPanelTemplate>
                        </ItemsControl.ItemsPanel>
                        <ItemsControl.ItemTemplate>
                            <DataTemplate>
                                <Border MinWidth="650" MaxWidth="800" MaxHeight="400" MinHeight="280" Background="{StaticResource FSE_PrimaryBackgroundBrush}" CornerRadius="5">
                                    <Grid ClipToBounds="True">
                                        <Grid>
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="48" />
                                                <RowDefinition Height="1*" />
                                                <RowDefinition Height="60" />
                                            </Grid.RowDefinitions>
                                            <Grid>
                                                <Border CornerRadius="5 5 0 0" Background="{StaticResource FSE_PrimaryBackgroundLightBrush}"></Border>
                                                <Border CornerRadius="5 5 0 0" BorderBrush="{StaticResource FSE_BorderBrush}" BorderThickness="0 0 0 1">
                                                    <StackPanel VerticalAlignment="Center" Margin="10 0 0 0" Orientation="Horizontal" HorizontalAlignment="Left">
                                                        <material:PackIcon Width="24" Height="24" Margin="0 0 10 0" Kind="Clock"></material:PackIcon>
                                                        <TextBlock VerticalAlignment="Center" Text="Working..." FontSize="{StaticResource FSE_MessageBoxTitleFontSize}"></TextBlock>
                                                    </StackPanel>
                                                </Border>
                                            </Grid>

                                            <StackPanel Grid.Row="1" Orientation="Horizontal" Margin="20 40 0 0" VerticalAlignment="Top" HorizontalAlignment="Left">
                                                <ProgressBar Width="16" Height="16" VerticalAlignment="Center" Maximum="100" Value="0" IsIndeterminate="True" Style="{StaticResource MaterialDesignCircularProgressBar}" />
                                                <TextBlock Margin="20 0 0 0" Text="{Binding Progress.Message}" TextWrapping="Wrap"></TextBlock>
                                            </StackPanel>

                                            <Grid Grid.Row="2">
                                                <ProgressBar VerticalAlignment="Top" Maximum="{Binding Progress.Maximum}" Value="{Binding Progress.Value}" IsIndeterminate="{Binding Progress.IsIndeterminate}" Height="2"></ProgressBar>
                                                <StackPanel HorizontalAlignment="Right" Margin="10" Orientation="Horizontal">
                                                    <Button MinWidth="150" Height="Auto" Style="{StaticResource FSE_RaisedButton_Dark_Hover}" Command="{Binding CancelCommand}"  Content="CANCEL" IsEnabled="{Binding HasCancel}"></Button>
                                                </StackPanel>
                                            </Grid>
                                        </Grid>
                                    </Grid>
                                </Border>
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>
                </Border>
            </Grid>
        </Grid>
        <!--TASK ITEMS-->

        <!--INPUT BOX-->
        <Grid x:Name="gridInputBox" IsVisibleChanged="GridInputBox_IsVisibleChanged" Background="{StaticResource FSE_SemiTransparentBrush}" Visibility="{Binding NotificationProvider.HasInputBox,Converter={StaticResource BooleanToVisibilityConverter}}">
            <Grid MinWidth="650" MaxWidth="800" MaxHeight="400" MinHeight="280" HorizontalAlignment="Center" VerticalAlignment="Center" RenderTransformOrigin="0.5,0.5" Grid.Column="1" Grid.Row="1">
                <Grid.Style>
                    <Style TargetType="Grid">
                        <Setter Property="RenderTransform">
                            <Setter.Value>
                                <ScaleTransform ScaleX="0" ScaleY="0" />
                            </Setter.Value>
                        </Setter>
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding NotificationProvider.HasInputBox}" Value="True">
                                <DataTrigger.EnterActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX" From="0" To="1" Duration="00:00:0.1" />
                                            <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY" From="0" To="1" Duration="00:00:0.1" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </DataTrigger.EnterActions>
                                <DataTrigger.ExitActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX" From="1" To="0" Duration="00:00:0.1" />
                                            <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY" From="1" To="0" Duration="00:00:0.1" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </DataTrigger.ExitActions>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </Grid.Style>

                <Border DataContext="{Binding NotificationProvider.CurrentInputBox}" Background="{StaticResource FSE_PrimaryBackgroundBrush}" CornerRadius="5" Margin="10">
                    <Border.Effect>
                        <DropShadowEffect BlurRadius="10" />
                    </Border.Effect>
                    <Grid ClipToBounds="True">
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="48" />
                                <RowDefinition Height="80*" />
                                <RowDefinition Height="60" />
                            </Grid.RowDefinitions>
                            <Grid>
                                <Border CornerRadius="5 5 0 0" Background="{StaticResource FSE_PrimaryBackgroundLightBrush}"></Border>
                                <Border CornerRadius="5 5 0 0" BorderBrush="{StaticResource FSE_BorderBrush}" BorderThickness="0 0 0 1">
                                    <StackPanel VerticalAlignment="Center" Margin="10 0 0 0" Orientation="Horizontal" HorizontalAlignment="Left">
                                        <material:PackIcon Width="24" Height="24" Margin="0 0 10 0" Kind="{Binding Icon}" ></material:PackIcon>
                                        <TextBlock VerticalAlignment="Center" Text="{Binding Title}" FontSize="{StaticResource FSE_MessageBoxTitleFontSize}"></TextBlock>
                                    </StackPanel>
                                </Border>
                                <commonControls:IconButton Icon="Close" Padding="8" Margin="0 0 5 0" Command="{Binding CloseCommand}" CommandParameter="{Binding}" HorizontalAlignment="Right" Width="{Binding RelativeSource={RelativeSource Self},Path=ActualHeight}"/>
                            </Grid>

                            <StackPanel Grid.Row="1" Margin="40"  VerticalAlignment="Top">
                                <TextBlock Foreground="{StaticResource FSE_PrimaryForegroundBrush}" Text="{Binding Message}" TextWrapping="Wrap"></TextBlock>
                                <TextBox x:Name="txtInput" KeyDown="TxtInput_KeyDown" Margin="0 20 0 0" Text="{Binding Input,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" MaxLength="{Binding MaxCharacters}" material:HintAssist.Hint="{Binding InputHint}" />
                            </StackPanel>

                            <StackPanel HorizontalAlignment="Right" Grid.Row="2" Margin="10" Orientation="Horizontal">
                                <Button MinWidth="150" x:Name="btnInputCancel" Height="Auto" Style="{StaticResource FSE_RaisedButton_Dark_Hover}" Margin="0 0 10 0" Command="{Binding CloseCommand}" Visibility="{Binding HasCancel,Converter={StaticResource BooleanToVisibilityConverter}}" Content="{Binding CancelText}"></Button>
                                <Button MinWidth="150" x:Name="btnInputOK" IsDefault="True" Style="{StaticResource FSE_RaisedButton_Dark_Hover}" Height="Auto" Command="{Binding OKCommand}" Content="{Binding OKText}"></Button>
                            </StackPanel>
                        </Grid>
                    </Grid>
                </Border>
            </Grid>
        </Grid>
        <!--INPUT BOX-->

        <!--MESSAGE BOXES-->
        <Grid x:Name="gridMessageBox" IsVisibleChanged="GridMessageBox_IsVisibleChanged" Background="{StaticResource FSE_SemiTransparentBrush}" Visibility="{Binding NotificationProvider.HasMessageBox,Converter={StaticResource BooleanToVisibilityConverter}}">
            <Grid MinWidth="650" MaxWidth="800" MaxHeight="400" MinHeight="280" HorizontalAlignment="Center" VerticalAlignment="Center" RenderTransformOrigin="0.5,0.5" Grid.Column="1" Grid.Row="1">
                <Grid.Style>
                    <Style TargetType="Grid">
                        <Setter Property="RenderTransform">
                            <Setter.Value>
                                <ScaleTransform ScaleX="0" ScaleY="0" />
                            </Setter.Value>
                        </Setter>
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding NotificationProvider.HasMessageBox}" Value="True">
                                <DataTrigger.EnterActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX" From="0" To="1" Duration="00:00:0.1" />
                                            <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY" From="0" To="1" Duration="00:00:0.1" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </DataTrigger.EnterActions>
                                <DataTrigger.ExitActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX" From="1" To="0" Duration="00:00:0.1" />
                                            <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY" From="1" To="0" Duration="00:00:0.1" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </DataTrigger.ExitActions>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </Grid.Style>

                <Border DataContext="{Binding NotificationProvider.CurrentMessageBox}" Background="{StaticResource FSE_PrimaryBackgroundBrush}" CornerRadius="5" Margin="10">
                    <Border.Effect>
                        <DropShadowEffect BlurRadius="10" />
                    </Border.Effect>
                    <Grid ClipToBounds="True">
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="48" />
                                <RowDefinition Height="80*" />
                                <RowDefinition Height="60" />
                            </Grid.RowDefinitions>
                            <Grid>
                                <Border CornerRadius="5 5 0 0" Background="{StaticResource FSE_PrimaryBackgroundLightBrush}"></Border>
                                <Border CornerRadius="5 5 0 0" BorderBrush="{StaticResource FSE_BorderBrush}" BorderThickness="0 0 0 1">
                                    <StackPanel VerticalAlignment="Center" Margin="10 0 0 0" Orientation="Horizontal" HorizontalAlignment="Left">
                                        <material:PackIcon Width="24" Height="24" Margin="0 0 10 0" x:Name="msgIcon">
                                            <material:PackIcon.Style>
                                                <Style TargetType="material:PackIcon">
                                                    <Setter Property="Foreground" Value="{StaticResource FSE_InfoBrush}"></Setter>
                                                    <Setter Property="Kind" Value="InfoOutline"></Setter>
                                                    <Style.Triggers>
                                                        <DataTrigger Binding="{Binding Type}" Value="Question">
                                                            <Setter Property="Foreground" Value="{StaticResource FSE_InfoBrush}"></Setter>
                                                            <Setter Property="Kind" Value="QuestionMarkCircleOutline"></Setter>
                                                        </DataTrigger>
                                                        <DataTrigger Binding="{Binding Type}" Value="Warning">
                                                            <Setter Property="Foreground" Value="{StaticResource FSE_WarningBrush}"></Setter>
                                                            <Setter Property="Kind" Value="AlertOutline"></Setter>
                                                        </DataTrigger>
                                                        <DataTrigger Binding="{Binding Type}" Value="Error">
                                                            <Setter Property="Foreground" Value="{StaticResource FSE_ErrorBrush}"></Setter>
                                                            <Setter Property="Kind" Value="AlertCircleOutline"></Setter>
                                                        </DataTrigger>
                                                        <DataTrigger Binding="{Binding Type}" Value="Success">
                                                            <Setter Property="Foreground" Value="{StaticResource FSE_SuccessBrush}"></Setter>
                                                            <Setter Property="Kind" Value="Check"></Setter>
                                                        </DataTrigger>
                                                    </Style.Triggers>
                                                </Style>
                                            </material:PackIcon.Style>
                                        </material:PackIcon>
                                        <TextBlock VerticalAlignment="Center" Foreground="{Binding ElementName=msgIcon,Path=Foreground}" Text="{Binding Title}" FontSize="{StaticResource FSE_MessageBoxTitleFontSize}"></TextBlock>
                                    </StackPanel>
                                </Border>
                                <commonControls:IconButton Icon="Close" Padding="8" Margin="0 0 5 0" Command="{Binding CloseCommand}" CommandParameter="{Binding}" HorizontalAlignment="Right" Width="{Binding RelativeSource={RelativeSource Self},Path=ActualHeight}"/>
                            </Grid>

                            <TextBox Style="{x:Null}" Cursor="Arrow" Background="Transparent" Foreground="{StaticResource FSE_PrimaryForegroundBrush}" BorderThickness="0" IsReadOnly="True" AcceptsReturn="True" SelectionBrush="{StaticResource FSE_PrimaryBackgroundLightBrush}" Grid.Row="1" Margin="40" Text="{Binding Message}" VerticalAlignment="Top" HorizontalAlignment="Left" TextWrapping="Wrap"></TextBox>

                            <StackPanel HorizontalAlignment="Right" Grid.Row="2" Margin="10" Orientation="Horizontal">
                                <Button MinWidth="150" x:Name="btnCancel" Height="Auto" Style="{StaticResource FSE_RaisedButton_Dark_Hover}" Margin="0 0 10 0" Command="{Binding CloseCommand}" Visibility="{Binding HasCancel,Converter={StaticResource BooleanToVisibilityConverter}}" Content="{Binding CancelText}"></Button>
                                <Button MinWidth="150" x:Name="btnOK" IsDefault="True" Style="{StaticResource FSE_RaisedButton_Dark_Hover}" Height="Auto" Command="{Binding OKCommand}" Content="{Binding OKText}"></Button>
                            </StackPanel>
                        </Grid>
                    </Grid>
                </Border>
            </Grid>
        </Grid>
        <!--MESSAGE BOXES-->

    </Grid>
</UserControl>