aboutsummaryrefslogtreecommitdiffstats
path: root/Software/Visual_Studio/PPC/Tango.PPC.UI/Views/LayoutView.xaml
blob: 78d040d2711a88bc530e900ff097574037fe77b8 (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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<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:localConverters="clr-namespace:Tango.PPC.UI.Converters"
             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}">

    <UserControl.Resources>
        <localConverters:NotificationItemConverter x:Key="NotificationItemConverter" />
    </UserControl.Resources>

    <Grid>
        <touch:TouchSideMenu x:Name="menu" IsOpened="{Binding IsMenuOpened,Mode=TwoWay}" Grid.Row="1">
            <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}" Command="{Binding HomeCommand}">
                                    <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>

                            <ItemsControl ItemsSource="{Binding ModuleLoader.UserModules}" Margin="0 20 0 0">
                                <ItemsControl.ItemTemplate>
                                    <DataTemplate>
                                        <touch:TouchButton Style="{StaticResource TangoFlatButton}" Command="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=DataContext.ModuleNavigationCommand}" CommandParameter="{Binding Name}">
                                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
                                                <Image VerticalAlignment="Center" Source="{Binding Image}" Width="32" Height="32"></Image>
                                                <TextBlock FontSize="16" VerticalAlignment="Center" Margin="10 0 0 0" Text="{Binding Name}"></TextBlock>
                                            </StackPanel>
                                        </touch:TouchButton>
                                    </DataTemplate>
                                </ItemsControl.ItemTemplate>
                            </ItemsControl>
                        </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:TouchHamburgerButton Width="50" Command="{Binding MenuOrBackCommand}" EnableDropShadow="False" Height="50" Foreground="{StaticResource TangoPrimaryAccentBrush}" IsBack="{Binding NavigationManager.CanNavigateBack}">
                                <touch:TouchHamburgerButton.Effect>
                                    <DropShadowEffect ShadowDepth="15" BlurRadius="20" Color="Silver" />
                                </touch:TouchHamburgerButton.Effect>
                            </touch:TouchHamburgerButton>
                        </Border>
                        <Grid DockPanel.Dock="Right" Margin="0 0 20 0">
                            <StackPanel VerticalAlignment="Center">
                                <Image Source="/Images/GlobalStatus/ready-to-dye.png" Width="33" />
                                <TextBlock Margin="0 10 0 0">Ready to Dye</TextBlock>
                            </StackPanel>
                        </Grid>
                        <Grid>
                            <!--External Header Content Here-->
                        </Grid>
                    </DockPanel>
                </Border>

                <Grid Background="{StaticResource TangoKeyboardBackground}">
                    <controls:NavigationControl x:Name="NavigationControl" x:FieldModifier="public" TransitionAlwaysFades="False" TransitionType="Zoom">
                        <!--MODULES GOES HERE-->
                    </controls:NavigationControl>
                </Grid>
            </DockPanel>
        </touch:TouchSideMenu>
    </Grid>
</UserControl>