aboutsummaryrefslogtreecommitdiffstats
path: root/Software/Visual_Studio/PPC/Tango.PPC.UI/Views/LayoutView.xaml
blob: fb5cb4f8b3a2503add1f2caaf16aaad1c5e1869e (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<UserControl x:Class="Tango.PPC.UI.Views.LayoutView"
             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:Tango.PPC.UI.Views"
			 xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
			 xmlns:fa="http://schemas.fontawesome.io/icons/"
			 xmlns:vm="clr-namespace:Tango.PPC.UI.ViewModels"
			 xmlns:global="clr-namespace:Tango.PPC.UI"
             xmlns:touch="clr-namespace:Tango.Touch.Controls;assembly=Tango.Touch"
			 xmlns:controls="clr-namespace:Tango.SharedUI.Controls;assembly=Tango.SharedUI"
			 xmlns:keyboard="clr-namespace:Tango.Touch.Keyboard;assembly=Tango.Touch"
             mc:Ignorable="d" 
             d:DesignHeight="1280" d:DesignWidth="800" d:DataContext="{d:DesignInstance Type=vm:LayoutViewVM, IsDesignTimeCreatable=False}" DataContext="{x:Static global:ViewModelLocator.LayoutViewVM}">

    <Grid>
        <touch:TouchSideMenu x:Name="menu">
            <touch:TouchSideMenu.MenuContent>
                <Border x:Name="border" BorderThickness="0 0 1 0" BorderBrush="{StaticResource TangoDividerBrush}">
                    <DockPanel LastChildFill="False" Background="{StaticResource TangoPrimaryBackgroundBrush}">
                        <StackPanel MinWidth="300" DockPanel.Dock="Top">
                            <Grid>
                                <touch:TouchToggleButton Style="{StaticResource TangoTouchToggleButtonHamburger}" 
                                    HorizontalAlignment="Right" Margin="16"
                                    IsChecked="{Binding ElementName=menu,Path=IsOpened}" />

                                <StackPanel Margin="5 0 0 0" Orientation="Horizontal" HorizontalAlignment="Left" VerticalAlignment="Center">
                                    <Image Source="/Images/account.png" RenderOptions.BitmapScalingMode="Fant" VerticalAlignment="Center" Width="50" Height="50"></Image>
                                    <StackPanel Margin="0 5 0 0">
                                        <TextBlock FontSize="16" TextTrimming="CharacterEllipsis" MaxWidth="170" FontStyle="Italic" FontWeight="Bold" Margin="10 0 0 0" VerticalAlignment="Center" Text="{Binding AuthenticationProvider.CurrentUser.Contact.FullName,FallbackValue='User Full Name'}"></TextBlock>
                                        <TextBlock FontSize="12" TextTrimming="CharacterEllipsis" MaxWidth="170" FontStyle="Italic" Margin="10 5 0 0" VerticalAlignment="Center">
                                        <Run Text="{Binding AuthenticationProvider.CurrentUser.Organization.Name,FallbackValue='Organization'}"></Run>
                                        ,
                                        <Run Text="{Binding AuthenticationProvider.CurrentUser.Roles[0].Name,FallbackValue='User Roles'}">
                                            <Run.ToolTip>
                                                <ItemsControl ItemsSource="{Binding AuthenticationProvider.CurrentUser.Roles}">
                                                    <ItemsControl.ItemTemplate>
                                                        <DataTemplate>
                                                            <StackPanel Orientation="Horizontal" Margin="2">
                                                                <fa:ImageAwesome Icon="User" Width="16" Height="16" />
                                                                <TextBlock Margin="5 0 0 0" Text="{Binding Name}"></TextBlock>
                                                             </StackPanel>
                                                        </DataTemplate>
                                                    </ItemsControl.ItemTemplate>
                                                </ItemsControl>
                                            </Run.ToolTip>
                                        </Run>
                                        <Run>...</Run>
                                    </TextBlock>
                                    </StackPanel>
                                </StackPanel>
                            </Grid>
                            <StackPanel Margin="0 16 0 0">
                                <touch:TouchButton Style="{StaticResource TangoFlatButton}">
                                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
                                        <fa:ImageAwesome VerticalAlignment="Center" Icon="Home" Width="32" Height="32"></fa:ImageAwesome>
                                        <TextBlock FontSize="16" VerticalAlignment="Center" Margin="10 0 0 0">Home</TextBlock>
                                    </StackPanel>
                                </touch:TouchButton>
                            </StackPanel>
                        </StackPanel>

                        <StackPanel DockPanel.Dock="Bottom">
                            <Separator Margin="0 10 0 0" Background="Gainsboro" />
                            <touch:TouchButton Style="{StaticResource TangoFlatButton}">
                                <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
                                    <fa:ImageAwesome VerticalAlignment="Center" Icon="SignOut" Width="32" Height="32"></fa:ImageAwesome>
                                    <TextBlock FontSize="16" VerticalAlignment="Center" Margin="10 0 0 0">Sign Out</TextBlock>
                                </StackPanel>
                            </touch:TouchButton>
                        </StackPanel>
                    </DockPanel>
                </Border>
            </touch:TouchSideMenu.MenuContent>

            <DockPanel>
                <Border BorderThickness="0 0 0 1" BorderBrush="{StaticResource TangoDividerBrush}" DockPanel.Dock="Top">
                    <DockPanel>
                        <Border Padding="20" BorderThickness="0 0 1 0" BorderBrush="{StaticResource TangoDividerBrush}">
                            <touch:TouchToggleButton Width="50" Height="50" Foreground="{StaticResource TangoPrimaryAccentBrush}" Style="{StaticResource TangoTouchToggleButtonHamburger}" IsChecked="{Binding ElementName=menu,Path=IsOpened}">
                                <ToggleButton.Effect>
                                    <DropShadowEffect ShadowDepth="15" BlurRadius="20" Color="Silver" />
                                </ToggleButton.Effect>
                            </touch:TouchToggleButton>
                        </Border>
                        <Grid>
                            <StackPanel HorizontalAlignment="Right" Margin="30 0" Orientation="Horizontal">
                                <touch:TouchButton Height="54" Padding="0" Width="184" CornerRadius="30" BlurRadius="20">
                                    DYE
                                </touch:TouchButton>
                            </StackPanel>
                        </Grid>
                    </DockPanel>
                </Border>

                <Grid Background="{StaticResource TangoKeyboardBackground}">
                    <Grid>
                        <keyboard:KeyboardView>
                            <controls:NavigationControl x:Name="NavigationControl" x:FieldModifier="public" TransitionAlwaysFades="False" TransitionType="Slide">
                                <local:JobsView controls:NavigationControl.NavigationName="JobsView"></local:JobsView>
                            </controls:NavigationControl>
                        </keyboard:KeyboardView>
                    </Grid>
                </Grid>
            </DockPanel>
        </touch:TouchSideMenu>
    </Grid>
</UserControl>