inital

FasdDesktopUi/Pages/SlimPage/UserControls/SlimPageWidgetCollection.xaml

@@ -0,0 +1,77 @@
+<UserControl x:Class="FasdDesktopUi.Pages.SlimPage.UserControls.SlimPageWidgetCollection"
+             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:local="clr-namespace:FasdDesktopUi.Pages.SlimPage.UserControls"
+             xmlns:ico="clr-namespace:FasdDesktopUi.Basics.UserControls.AdaptableIcon;assembly=F4SD-AdaptableIcon"
+             xmlns:converter="clr-namespace:FasdDesktopUi.Basics.Converter"
+             mc:Ignorable="d"
+             x:Name="WidgetCollection"
+             d:DesignHeight="450"
+             d:DesignWidth="800"
+             Initialized="WidgetCollection_Initialized"
+             Loaded="WidgetCollection_Loaded"
+             MouseUp="WidgetCollection_MouseUp"
+             TouchDown="WidgetCollection_TouchDown">
+
+    <UserControl.Resources>
+        <BooleanToVisibilityConverter x:Key="BoolToVisibility" />
+    </UserControl.Resources>
+
+    <Grid>
+
+        <Border x:Name="ValueBorder"
+                CornerRadius="7.5 7.5 0 0"
+                Background="{DynamicResource BackgroundColor.SlimPage.WidgetCollection}"
+                Padding="10"
+                Cursor="Hand">
+
+            <StackPanel>
+                <Grid x:Name="HeaderGrid">
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="*" />
+                        <ColumnDefinition Width="*" />
+                    </Grid.ColumnDefinitions>
+
+                    <StackPanel x:Name="UserStack"
+                                Orientation="Horizontal">
+                        <ico:AdaptableIcon x:Name="UserIcon"
+                                           Style="{DynamicResource SlimPage.Widget.Header.Icon}"
+                                           SelectedInternIcon="misc_user" />
+                    </StackPanel>
+
+                    <StackPanel x:Name="ComputerStack"
+                                Orientation="Horizontal"
+                                Grid.Column="1">
+                        <ico:AdaptableIcon x:Name="ComputerIcon"
+                                           Style="{DynamicResource SlimPage.Widget.Header.Icon}"
+                                           SecondaryIconColor="{DynamicResource Color.FunctionMarker}"
+                                           SelectedInternIcon="misc_computer" />
+                    </StackPanel>
+
+                </Grid>
+
+                <Grid x:Name="WidgetGrid">
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="*" />
+                        <ColumnDefinition Width="*" />
+                    </Grid.ColumnDefinitions>
+
+                    <StackPanel Grid.Column="0" />
+                    <StackPanel Grid.Column="1" />
+                </Grid>
+            </StackPanel>
+        </Border>
+
+        <Border x:Name="BlurBorder"
+                CornerRadius="7.5 7.5 0 0"
+                Background="{DynamicResource Color.BlurBorder}"
+                Opacity="0.7"
+                Height="{Binding ActualHeight, ElementName=ValueBorder}"
+                Width="{Binding ActualWidth, ElementName=ValueBorder}"
+                Visibility="{Binding IsBlurred, ElementName=WidgetCollection, Converter={StaticResource BoolToVisibility}}" />
+
+    </Grid>
+
+</UserControl>