PDFOffice_Windows_exe/PDF Office/Views/Dialog/ServiceDialog/LoginPasswordRegion.xaml

<UserControl
    x:Class="PDF_Office.Views.Dialog.ServiceDialog.LoginPasswordRegion"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:help="clr-namespace:PDF_Office.Helper"
    xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
    xmlns:local="clr-namespace:PDF_Office.Views.Dialog.ServiceDialog"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:prism="http://prismlibrary.com/"
    Width="326"
    Height="420"
    prism:ViewModelLocator.AutoWireViewModel="True"
    mc:Ignorable="d">
    <UserControl.Resources>
        <Style x:Key="EyeCheckbox" TargetType="CheckBox">
            <Setter Property="Cursor" Value="Hand" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type CheckBox}">
                        <Grid>
                            <Border
                                VerticalAlignment="Center"
                                Background="Transparent"
                                BorderBrush="White"
                                BorderThickness="1"
                                CornerRadius="0">
                                <Grid
                                    Name="Grid"
                                    Width="{Binding ActualHeight, RelativeSource={RelativeSource Self}}"
                                    Height="{TemplateBinding Height}">
                                    <Path
                                        Name="Path"
                                        Data="M1.46967 1.5304L13.4699 13.5304L14.5306 12.4697L2.53032 0.469727L1.46967 1.5304ZM9.99623 11.1174L11.1401 12.2613C10.176 12.7137 9.11463 13.0001 8 13.0001C3.58172 13.0001 0 8.50006 0 7.00006C0 6.2525 0.889611 4.75982 2.32903 3.45038L3.39107 4.5124L3.35064 4.54885C2.71795 5.12245 2.22043 5.72507 1.89225 6.23808C1.62112 6.66189 1.53702 6.91174 1.51122 6.98839L1.50727 7.00006L1.51122 7.01173C1.53702 7.08838 1.62112 7.33823 1.89225 7.76205C2.22043 8.27505 2.71795 8.87768 3.35064 9.45128C4.63846 10.6188 6.29481 11.5001 8 11.5001C8.67993 11.5001 9.3521 11.3599 9.99623 11.1174ZM8 1.00006C6.88543 1.00006 5.82409 1.28643 4.86006 1.73876L6.00394 2.88262C6.64802 2.64015 7.32013 2.50006 8 2.50006C9.70519 2.50006 11.3615 3.3813 12.6494 4.54885C13.2821 5.12245 13.7796 5.72507 14.1078 6.23808C14.3789 6.66189 14.463 6.91174 14.4888 6.98839L14.4927 7.00006L14.4888 7.01173C14.463 7.08838 14.3789 7.33823 14.1078 7.76205C13.7796 8.27505 13.2821 8.87768 12.6494 9.45128L12.6091 9.48762L13.6711 10.5496C15.1104 9.24022 16 7.7476 16 7.00006C16 5.50006 12.4183 1.00006 8 1.00006ZM5 7.00006C5 6.7313 5.03534 6.47079 5.10163 6.22293L6.92836 8.04962C6.93565 8.05707 6.94301 8.06444 6.95046 8.07172L8.77718 9.89842C8.52931 9.96472 8.26878 10.0001 8 10.0001C6.34315 10.0001 5 8.65692 5 7.00006ZM7.223 4.10166L10.8984 7.77701C10.9647 7.5292 11 7.26876 11 7.00006C11 5.34321 9.65685 4.00006 8 4.00006C7.73128 4.00006 7.47082 4.03539 7.223 4.10166Z"
                                        Fill="#616469"
                                        SnapsToDevicePixels="False" />
                                </Grid>
                            </Border>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsChecked" Value="True">
                                <Setter TargetName="Path" Property="Data" Value="M14.4888 7.98833L14.4927 8L14.4888 8.01167C14.463 8.08832 14.3789 8.33817 14.1078 8.76198C13.7796 9.27499 13.2821 9.87762 12.6494 10.4512C11.3615 11.6188 9.70519 12.5 8 12.5C6.29481 12.5 4.63846 11.6188 3.35064 10.4512C2.71795 9.87762 2.22043 9.27499 1.89225 8.76198C1.62112 8.33817 1.53702 8.08832 1.51122 8.01167L1.50727 8L1.51122 7.98833C1.53702 7.91168 1.62112 7.66183 1.89225 7.23802C2.22043 6.72501 2.71795 6.12238 3.35064 5.54879C4.63846 4.38124 6.29481 3.5 8 3.5C9.70519 3.5 11.3615 4.38124 12.6494 5.54879C13.2821 6.12238 13.7796 6.72501 14.1078 7.23802C14.3789 7.66183 14.463 7.91168 14.4888 7.98833ZM16 8C16 9.5 12.4183 14 8 14C3.58172 14 0 9.5 0 8C0 6.5 3.58172 2 8 2C12.4183 2 16 6.5 16 8ZM9.5 8C9.5 8.82843 8.82843 9.5 8 9.5C7.17157 9.5 6.5 8.82843 6.5 8C6.5 7.17157 7.17157 6.5 8 6.5C8.82843 6.5 9.5 7.17157 9.5 8ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8Z" />
                            </Trigger>
                            <Trigger Property="IsChecked" Value="False">
                                <Setter TargetName="Path" Property="Data" Value="M1.46967 1.5304L13.4699 13.5304L14.5306 12.4697L2.53032 0.469727L1.46967 1.5304ZM9.99623 11.1174L11.1401 12.2613C10.176 12.7137 9.11463 13.0001 8 13.0001C3.58172 13.0001 0 8.50006 0 7.00006C0 6.2525 0.889611 4.75982 2.32903 3.45038L3.39107 4.5124L3.35064 4.54885C2.71795 5.12245 2.22043 5.72507 1.89225 6.23808C1.62112 6.66189 1.53702 6.91174 1.51122 6.98839L1.50727 7.00006L1.51122 7.01173C1.53702 7.08838 1.62112 7.33823 1.89225 7.76205C2.22043 8.27505 2.71795 8.87768 3.35064 9.45128C4.63846 10.6188 6.29481 11.5001 8 11.5001C8.67993 11.5001 9.3521 11.3599 9.99623 11.1174ZM8 1.00006C6.88543 1.00006 5.82409 1.28643 4.86006 1.73876L6.00394 2.88262C6.64802 2.64015 7.32013 2.50006 8 2.50006C9.70519 2.50006 11.3615 3.3813 12.6494 4.54885C13.2821 5.12245 13.7796 5.72507 14.1078 6.23808C14.3789 6.66189 14.463 6.91174 14.4888 6.98839L14.4927 7.00006L14.4888 7.01173C14.463 7.08838 14.3789 7.33823 14.1078 7.76205C13.7796 8.27505 13.2821 8.87768 12.6494 9.45128L12.6091 9.48762L13.6711 10.5496C15.1104 9.24022 16 7.7476 16 7.00006C16 5.50006 12.4183 1.00006 8 1.00006ZM5 7.00006C5 6.7313 5.03534 6.47079 5.10163 6.22293L6.92836 8.04962C6.93565 8.05707 6.94301 8.06444 6.95046 8.07172L8.77718 9.89842C8.52931 9.96472 8.26878 10.0001 8 10.0001C6.34315 10.0001 5 8.65692 5 7.00006ZM7.223 4.10166L10.8984 7.77701C10.9647 7.5292 11 7.26876 11 7.00006C11 5.34321 9.65685 4.00006 8 4.00006C7.73128 4.00006 7.47082 4.03539 7.223 4.10166Z" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="LoginPasswordBoxStyle" TargetType="PasswordBox">
            <Setter Property="Height" Value="32" />
            <Setter Property="FontSize" Value="14" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="PasswordBox">
                        <Border
                            x:Name="border"
                            Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            CornerRadius="4"
                            SnapsToDevicePixels="True">
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition />
                                    <ColumnDefinition Width="24" />
                                </Grid.ColumnDefinitions>
                                <Grid Grid.Column="0">
                                    <TextBlock
                                        Name="markText"
                                        Grid.Column="1"
                                        VerticalAlignment="Center"
                                        FontSize="12"
                                        Foreground="#BBB"
                                        Text="{TemplateBinding help:PasswordBoxHelper.DisplayText}"
                                        Visibility="Collapsed" />
                                    <ScrollViewer
                                        x:Name="PART_ContentHost"
                                        MinHeight="20"
                                        VerticalAlignment="Center"
                                        Focusable="false"
                                        HorizontalScrollBarVisibility="Hidden"
                                        VerticalScrollBarVisibility="Hidden" />
                                </Grid>
                            </Grid>
                        </Border>

                        <ControlTemplate.Triggers>
                            <Trigger Property="IsEnabled" Value="false">
                                <Setter TargetName="border" Property="Opacity" Value="0.56" />
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="true">
                                <Setter TargetName="border" Property="BorderBrush" Value="#FF7EB4EA" />
                            </Trigger>
                            <Trigger Property="IsKeyboardFocused" Value="true">
                                <Setter TargetName="border" Property="BorderBrush" Value="#FF569DE5" />
                            </Trigger>
                            <DataTrigger Binding="{Binding Path=LoginPassword}" Value="">
                                <Setter TargetName="markText" Property="Visibility" Value="Visible" />
                            </DataTrigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="LoginEmailBoxStyle" TargetType="PasswordBox">
            <Setter Property="Height" Value="32" />
            <Setter Property="FontSize" Value="14" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="PasswordBox">
                        <Border
                            x:Name="border"
                            Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            CornerRadius="4"
                            SnapsToDevicePixels="True">
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition />
                                    <ColumnDefinition Width="24" />
                                </Grid.ColumnDefinitions>
                                <Grid Grid.Column="0">
                                    <TextBlock
                                        Name="markText"
                                        Grid.Column="1"
                                        VerticalAlignment="Center"
                                        FontSize="12"
                                        Foreground="#BBB"
                                        Text="{TemplateBinding help:PasswordBoxHelper.DisplayText}"
                                        Visibility="Collapsed" />
                                    <ScrollViewer
                                        x:Name="PART_ContentHost"
                                        MinHeight="20"
                                        VerticalAlignment="Center"
                                        Focusable="false"
                                        HorizontalScrollBarVisibility="Hidden"
                                        VerticalScrollBarVisibility="Hidden" />
                                </Grid>
                            </Grid>
                        </Border>

                        <ControlTemplate.Triggers>
                            <Trigger Property="IsEnabled" Value="false">
                                <Setter TargetName="border" Property="Opacity" Value="0.56" />
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="true">
                                <Setter TargetName="border" Property="BorderBrush" Value="#FF7EB4EA" />
                            </Trigger>
                            <Trigger Property="IsKeyboardFocused" Value="true">
                                <Setter TargetName="border" Property="BorderBrush" Value="#FF569DE5" />
                            </Trigger>
                            <DataTrigger Binding="{Binding Path=LoginPassword}" Value="">
                                <Setter TargetName="markText" Property="Visibility" Value="Visible" />
                            </DataTrigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="LoginPasswordTextBoxStyle" TargetType="TextBox">
            <Setter Property="Height" Value="32" />
            <Setter Property="FontSize" Value="14" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="TextBox">
                        <Border
                            x:Name="border"
                            Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            CornerRadius="5"
                            SnapsToDevicePixels="True">
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition />
                                    <ColumnDefinition Width="24" />
                                </Grid.ColumnDefinitions>
                                <Grid Grid.Column="0">
                                    <TextBlock
                                        Name="markText"
                                        Grid.Column="1"
                                        VerticalAlignment="Center"
                                        FontSize="12"
                                        Foreground="#BBB"
                                        Text="{TemplateBinding help:PasswordBoxHelper.DisplayText}"
                                        Visibility="Collapsed" />
                                    <ScrollViewer
                                        x:Name="PART_ContentHost"
                                        MinHeight="20"
                                        VerticalAlignment="Center"
                                        Focusable="false"
                                        HorizontalScrollBarVisibility="Hidden"
                                        VerticalScrollBarVisibility="Hidden" />
                                </Grid>
                            </Grid>
                        </Border>

                        <ControlTemplate.Triggers>
                            <Trigger Property="IsEnabled" Value="false">
                                <Setter TargetName="border" Property="Opacity" Value="0.56" />
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="true">
                                <Setter TargetName="border" Property="BorderBrush" Value="#FF7EB4EA" />
                            </Trigger>
                            <Trigger Property="IsKeyboardFocused" Value="true">
                                <Setter TargetName="border" Property="BorderBrush" Value="#FF569DE5" />
                            </Trigger>
                            <DataTrigger Binding="{Binding Path=LoginPassword}" Value="">
                                <Setter TargetName="markText" Property="Visibility" Value="Visible" />
                            </DataTrigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="LoginEmailTextBoxStyle" TargetType="TextBox">
            <Setter Property="Height" Value="32" />
            <Setter Property="FontSize" Value="14" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="TextBox">
                        <Border
                            x:Name="border"
                            Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            CornerRadius="4"
                            SnapsToDevicePixels="True">
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition />
                                    <ColumnDefinition Width="24" />
                                </Grid.ColumnDefinitions>
                                <Grid Grid.Column="0">
                                    <TextBlock
                                        Name="markText"
                                        Grid.Column="1"
                                        VerticalAlignment="Center"
                                        FontSize="12"
                                        Foreground="#BBB"
                                        Text="{TemplateBinding help:PasswordBoxHelper.DisplayText}"
                                        Visibility="Collapsed" />
                                    <ScrollViewer
                                        x:Name="PART_ContentHost"
                                        MinHeight="20"
                                        VerticalAlignment="Center"
                                        Focusable="false"
                                        HorizontalScrollBarVisibility="Hidden"
                                        VerticalScrollBarVisibility="Hidden" />
                                </Grid>
                            </Grid>
                        </Border>

                        <ControlTemplate.Triggers>
                            <Trigger Property="IsEnabled" Value="false">
                                <Setter TargetName="border" Property="Opacity" Value="0.56" />
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="true">
                                <Setter TargetName="border" Property="BorderBrush" Value="#FF7EB4EA" />
                            </Trigger>
                            <Trigger Property="IsKeyboardFocused" Value="true">
                                <Setter TargetName="border" Property="BorderBrush" Value="#FF569DE5" />
                            </Trigger>
                            <DataTrigger Binding="{Binding Path=LoginEmail}" Value="">
                                <Setter TargetName="markText" Property="Visibility" Value="Visible" />
                            </DataTrigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </UserControl.Resources>
    <Grid Background="White">
        <Grid
            Width="262"
            Margin="0,48,0,0"
            HorizontalAlignment="Center"
            VerticalAlignment="Top">
            <StackPanel>
                <TextBlock
                    Width="72"
                    Height="28"
                    HorizontalAlignment="Left"
                    VerticalAlignment="Top"
                    FontFamily="Segoe UI"
                    FontSize="20"
                    FontStyle="Normal"
                    FontWeight="SemiBold"
                    Text="Login" />
                <WrapPanel Margin="0,34,0,0">
                    <TextBlock
                        Width="Auto"
                        Height="20"
                        FontFamily="Segoe UI"
                        FontSize="12"
                        FontStyle="Normal"
                        Foreground="#616469"
                        LineHeight="20"
                        Text="{Binding LoginEmail}" />
                    <TextBlock
                        Height="20"
                        Margin="8,0,0,0"
                        HorizontalAlignment="Left"
                        VerticalAlignment="Top"
                        FontFamily="Segoe UI"
                        FontSize="12"
                        FontWeight="Normal"
                        Foreground="#1770F4"
                        LineHeight="20">
                        <Hyperlink Command="{Binding ChangeEmailCommand}">Change Email</Hyperlink>
                    </TextBlock>
                </WrapPanel>
                <TextBlock
                    Height="22"
                    Margin="0,18,0,0"
                    HorizontalAlignment="Left"
                    VerticalAlignment="Top"
                    FontFamily="Segoe UI"
                    FontSize="14"
                    FontStyle="Normal"
                    Text="Enter password" />
                <Grid
                    Width="262"
                    Height="32"
                    Margin="0,8,0,0"
                    HorizontalAlignment="Left"
                    VerticalAlignment="Top">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition />
                        <ColumnDefinition Width="24" />
                    </Grid.ColumnDefinitions>
                    <PasswordBox
                        Grid.ColumnSpan="2"
                        help:PasswordBoxHelper.DisplayText="{Binding LoginPasswordMsg, Mode=TwoWay}"
                        help:PasswordBoxHelper.Password="{Binding LoginPassword, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                        Style="{StaticResource LoginPasswordBoxStyle}"
                        Visibility="{Binding LoginPasswordVisibility, Mode=TwoWay}" />
                    <TextBox
                        x:Name="Text_Password"
                        Grid.ColumnSpan="2"
                        Width="262"
                        HorizontalAlignment="Left"
                        help:PasswordBoxHelper.DisplayText="{Binding LoginPasswordMsg, Mode=TwoWay}"
                        Style="{StaticResource LoginPasswordTextBoxStyle}"
                        Text="{Binding LoginPassword, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                        Visibility="{Binding LoginTextVisibility, Mode=TwoWay}">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="TextChanged">
                                <i:InvokeCommandAction Command="{Binding LoginPasswordChangedCommand}" />
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </TextBox>
                    <CheckBox
                        x:Name="DisplayLoginPasswordChk"
                        Grid.Column="1"
                        Height="16"
                        HorizontalAlignment="Left"
                        Panel.ZIndex="1"
                        Command="{Binding DisplayPasswordCommand}"
                        CommandParameter="{Binding RelativeSource={RelativeSource Self}}"
                     
                        Style="{StaticResource EyeCheckbox}"
                        Visibility="{Binding ChkVis}" />
                </Grid>
                <TextBlock
                    Width="262"
                    Height="20"
                    Margin="0,2,0,0"
                    HorizontalAlignment="Center"
                    Foreground="#F3465B"
                    Text="{Binding LoginPasswordlook, Mode=TwoWay}" />

                <Button
                    Width="262"
                    Height="32"
                    Margin="0,8,0,0"
                    HorizontalAlignment="Left"
                    VerticalAlignment="Top"
                    Command="{Binding LoginCommand}"
                    Content="Login"
                    IsEnabled="{Binding EnableNextStep, Mode=TwoWay}"
                    Style="{StaticResource Btn.cta}" />
                <TextBlock
                    Height="20"
                    Margin="0,10,0,0"
                    HorizontalAlignment="Center"
                    FontFamily="Segoe UI"
                    FontSize="12"
                    FontWeight="Normal"
                    Foreground="#1770F4"
                    LineHeight="20">
                    <Hyperlink Command="{Binding GoCodeUpdataCommand}">Forgot your password?</Hyperlink>
                </TextBlock>
            </StackPanel>
        </Grid>
        <Grid
            x:Name="Grid_msg"
            Width="326"
            Height="48"
            HorizontalAlignment="Center"
            VerticalAlignment="Bottom"
            Background="#FDC7C6"
            Visibility="{Binding LoginPasswordlookVis}">
            <WrapPanel VerticalAlignment="Center" HorizontalAlignment="Center">
                <Border    
                Margin="0,-5,5,0"
                Width="14"
                Height="14"
                Background="#F3465B"
                CornerRadius="100">
                    <Path
                    Margin="-1,-4,0,0"
                    Data="M7.25 8V13H8.75V8H7.25ZM7.25 14.5V16H8.75L8.75 14.5H7.25Z"
                    Fill="White" />
                </Border>
                <TextBlock
                HorizontalAlignment="Center"
                VerticalAlignment="Center"
                FontFamily="Segoe UI"
                FontSize="12"
                FontStyle="Normal"
                LineHeight="22"
                Text="{Binding LoginPasswordmsglook}"
                TextAlignment="Center"
                TextWrapping="Wrap" />
            </WrapPanel>
         
        </Grid>
    </Grid>

</UserControl>