Software/Visual_Studio/FSE/Modules/Tango.FSE.UsersAndRoles/Views/OrganizationSelectionView.xaml


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

<UserControl x:Class="Tango.FSE.UsersAndRoles.Views.OrganizationSelectionView"
             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:material="http://materialdesigninxaml.net/winfx/xaml/themes"
             xmlns:global="clr-namespace:Tango.FSE.UsersAndRoles"
             xmlns:vm="clr-namespace:Tango.FSE.UsersAndRoles.ViewModels"
             xmlns:local="clr-namespace:Tango.FSE.UsersAndRoles.Views"
             xmlns:autoComplete="clr-namespace:Tango.AutoComplete.Editors;assembly=Tango.AutoComplete"
             mc:Ignorable="d" 
             d:DesignHeight="720" d:DesignWidth="1280" d:DataContext="{d:DesignInstance Type=vm:OrganizationSelectionViewVM, IsDesignTimeCreatable=False}" DataContext="{x:Static global:ViewModelLocator.OrganizationSelectionViewVM}" d:DesignStyle="{StaticResource FSE_User_Control_Designer}">
    <Grid>
        <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">

            <TextBlock HorizontalAlignment="Center" FontSize="{StaticResource FSE_ModuleHeaderFontSize}">Users &amp; Roles</TextBlock>
            <TextBlock TextWrapping="Wrap" Margin="0 20 0 0" TextAlignment="Center" LineHeight="25">
                <Run>As an organization administrator you will be able to manage/create organization users and assigned them appropriate roles.</Run>
            </TextBlock>

            <StackPanel Margin="0 40 0 0" Width="500" HorizontalAlignment="Center">
            <Image Source="../Images/users_and_roles.png" Stretch="None" />

            <TextBlock Margin="60" HorizontalAlignment="Center" FontWeight="SemiBold" Foreground="{StaticResource FSE_PrimaryAccentBrush}" FontSize="{StaticResource FSE_LargerFontSize}">Select Organization</TextBlock>
            <autoComplete:AutoCompleteTextBox material:HintAssist.Hint="Name" MaxPopupHeight="300" Margin="0 5 0 0" Provider="{Binding Organizations}" SelectedItem="{Binding SelectedOrganization,Mode=TwoWay}" DisplayMember="Name">
                <autoComplete:AutoCompleteTextBox.SelectedItemTemplate>
                    <DataTemplate>
                        <DockPanel VerticalAlignment="Center">
                            <material:PackIcon Kind="Company" Width="24" Height="24" />
                            <StackPanel VerticalAlignment="Center" Margin="10 0 0 0" Orientation="Horizontal">
                                <TextBlock Text="{Binding Name}" FontSize="{StaticResource FSE_LargerFontSize}"></TextBlock>
                            </StackPanel>
                        </DockPanel>
                    </DataTemplate>
                </autoComplete:AutoCompleteTextBox.SelectedItemTemplate>
                <autoComplete:AutoCompleteTextBox.ItemTemplate>
                    <DataTemplate>
                        <DockPanel VerticalAlignment="Center">
                            <material:PackIcon Kind="Company" Width="32" Height="32" />
                            <StackPanel Margin="5 0 0 0" VerticalAlignment="Center">
                                <TextBlock Text="{Binding Name}" FontSize="{StaticResource FSE_LargerFontSize}"></TextBlock>
                            </StackPanel>
                        </DockPanel>
                    </DataTemplate>
                </autoComplete:AutoCompleteTextBox.ItemTemplate>
            </autoComplete:AutoCompleteTextBox>

            <Button material:ButtonAssist.CornerRadius="25" Command="{Binding ManageOrganizationCommand}" Margin="0 100 0 0" Height="50" Width="250">
                <DockPanel>
                    <TextBlock>CONTINUE</TextBlock>
                    <material:PackIcon Margin="10 0 0 0" VerticalAlignment="Center" Kind="ArrowRight" />
                </DockPanel>
            </Button>
            </StackPanel>
        </StackPanel>
    </Grid>
</UserControl>