prs/prs.mobile/comal.timesheets/Main/Settings.xaml

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage
    xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:material="clr-namespace:XF.Material.Forms.UI;assembly=XF.Material" xmlns:maskededit="clr-namespace:Syncfusion.XForms.MaskedEdit;assembly=Syncfusion.SfMaskedEdit.XForms"
    material:MaterialNavigationPage.AppBarTitleTextFontSize="16.0"
     
    x:Class="comal.timesheets.Settings"
>
    <NavigationPage.TitleView>
        <Grid Margin="0" Padding="0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Button Grid.Column="0" HorizontalOptions="Start" VerticalOptions="Center" TextColor="White" BackgroundColor="Transparent" Margin="0" Padding="0"
                Text="Exit" Clicked="ExitBtn_Clicked"/>
            <Label Grid.Column="1"  Text="Settings" VerticalOptions="Center" x:Name="titleLbl"
                   HorizontalOptions="Center" HorizontalTextAlignment="Center" TextColor="White" FontSize="Medium" FontAttributes="Bold"/>
            <Button Grid.Column="2" HorizontalOptions="End" VerticalOptions="Center" TextColor="White" BackgroundColor="Transparent" Margin="0" Padding="0"
                Text="Save" Clicked="SaveBtn_Clicked"/>
        </Grid>
    </NavigationPage.TitleView>

    <ScrollView>
        <Grid x:Name="SettingsGrid" Margin="5" RowSpacing="10">

            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"></ColumnDefinition>
                <ColumnDefinition Width="*"></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"></RowDefinition>
                <!--row 0-->
                <RowDefinition Height="Auto"></RowDefinition>
                <!--row 1-->
                <RowDefinition Height="Auto"></RowDefinition>
                <!--row 2-->
                <RowDefinition Height="Auto"></RowDefinition>
                <!--row 3-->
                <RowDefinition Height="Auto"></RowDefinition>
                <!--row 4-->
                <RowDefinition Height="50"></RowDefinition>
                <!--row 5-->
                <RowDefinition Height="Auto"></RowDefinition>
                <!--row 6-->
                <RowDefinition Height="Auto"></RowDefinition>
                <!--row 7-->
                <RowDefinition Height="Auto"></RowDefinition>
                <!--row 8-->
                <RowDefinition Height="Auto"></RowDefinition>
                <!--row 9-->
                <RowDefinition Height="Auto"></RowDefinition>
                <!--row 10-->
            </Grid.RowDefinitions>

            <!--row 0-->
            <Label Text="URL" Grid.Row="0" Grid.Column="0"  VerticalOptions="CenterAndExpand" FontSize="Small"/>
            <Entry x:Name="URL" Grid.Row="0" Grid.Column="1"  Text="{Binding URL}" Keyboard="Url" VerticalOptions="Fill" HorizontalOptions="Fill" FontSize="Small"/>

            <!--row 1-->
            <Label Text="Port" Grid.Row="1" Grid.Column="0"  VerticalOptions="CenterAndExpand" FontSize="Small"/>
            <Entry x:Name="Port" Grid.Row="1" Grid.Column="1" Text="{Binding Port}" Keyboard="Numeric" VerticalOptions="Fill" HorizontalOptions="Fill" FontSize="Small"/>

            <!--row 2-->
            <Label Text="User ID" Grid.Row="2" Grid.Column="0"  VerticalOptions="CenterAndExpand" FontSize="Small"/>
            <Entry x:Name="UserID" Grid.Row="2" Grid.Column="1" Text="{Binding UserID}" Keyboard="Url" VerticalOptions="Fill" HorizontalOptions="Fill" FontSize="Small" 
                   TextChanged="UserID_Changed"/>

            <!--row 3-->
            <Label Text="Password" Grid.Row="3" Grid.Column="0"  VerticalOptions="CenterAndExpand" FontSize="Small"/>
            <Entry x:Name="Password" Grid.Row="3" Grid.Column="1" Text="{Binding Password}" Keyboard="Url" IsPassword="True" VerticalOptions="Fill" HorizontalOptions="Fill" FontSize="Small"
                   TextChanged="UserPassword_Changed"/>

            <!--<maskededit:SfMaskedEdit x:Name="Password" Grid.Row="3" Grid.Column="0"  VerticalOptions="Fill" HorizontalOptions="Fill" FontSize="Small" ClearButtonVisibility="WhileEditing"
                        Value="{Binding Password}" ValueChanged="UserPassword_Changed" PasswordChar="*" EnablePasswordDelay="True" PasswordDelayDuration="2"
                                     />-->

            <!--<Grid Grid.Row="3" Grid.Column="1" >
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="30"/>
                </Grid.ColumnDefinitions>
                <Grid Grid.Column="0" ColumnSpacing="0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition x:Name="passwordOne" Width="*"/>
                        <ColumnDefinition x:Name="passwordTwo" Width="0"/>
                    </Grid.ColumnDefinitions>
                    <maskededit:SfMaskedEdit x:Name="Password" Grid.Column="0"  VerticalOptions="Fill" HorizontalOptions="Fill" FontSize="Small" ClearButtonVisibility="WhileEditing"
                        Value="{Binding Password}" ValueChanged="UserPassword_Changed" PasswordChar="*" EnablePasswordDelay="True" PasswordDelayDuration="0.5"
                                     />
                    <Entry Grid.Column="1" x:Name="showPassword" HorizontalOptions="Fill" FontSize="Small" IsEnabled="False" VerticalOptions="Fill"/>
                </Grid>
                
                <Image Grid.Column="1" VerticalOptions="Center" HorizontalOptions="Center" HeightRequest="30" WidthRequest="30" Source="view.png">
                    <Image.GestureRecognizers>
                        <TapGestureRecognizer Tapped="ShowPW_Tapped"/>
                    </Image.GestureRecognizers>
                </Image>
            </Grid>-->


            <!--row 4-->
            <Button Grid.Row="4" Grid.Column="0" Grid.ColumnSpan="2" x:Name="changePasswordBtn" Clicked="ChangePasswordBtn_Clicked" IsVisible="False"
               Text="Change Password" Padding="3" FontSize="Medium" TextColor="White" BackgroundColor="#15C7C1" FontAttributes="Bold" CornerRadius="10"/>

            <!--row 5-->
            <!--
            <Button Text="Clear Docs URL" Grid.Row="5" Grid.Column="0" Grid.ColumnSpan="2" CornerRadius="10" Clicked="ClearDocsBtn_Clicked"
                    VerticalOptions="Center" HorizontalOptions="Fill" BackgroundColor="#15C7C1" TextColor="White"/>-->

            <!--row 6-->
            <Label Text="" Grid.Row="6" Grid.Column="0" FontSize="Small"/>

            <!--row 7-->
            <Label Text="Device ID" Grid.Row="7" Grid.Column="0"  VerticalOptions="CenterAndExpand" FontSize="Small"/>
            <Entry x:Name="DeviceID" Grid.Row="7" Grid.Column="1" Text="{Binding DeviceID}" IsEnabled="false" VerticalOptions="Fill" HorizontalOptions="Fill" FontSize="Small"/>

            <!--row 8-->
            <Label x:Name="AppVersionLabel" Text="App Version" Grid.Row="8" Grid.Column="0"  VerticalOptions="CenterAndExpand" FontSize="Small"/>
            <Entry x:Name="AppVersion" Grid.Row="8" Grid.Column="1" Text="{Binding AppVersion}" IsEnabled="false" VerticalOptions="Fill" HorizontalOptions="Fill" FontSize="Small"/>

            <!--row 9-->
            <Button Grid.Row="9" Grid.Column="0" Grid.ColumnSpan="2" x:Name="updateVersionBtn" IsEnabled="False" Clicked="UpdateVersionBtn_Clicked"
               Text="Checking Version" Padding="3" FontSize="Medium" TextColor="White" BackgroundColor="#15C7C1" FontAttributes="Bold" CornerRadius="10"/>

            <!--row 10-->
            <Button Grid.Row="10" Grid.Column="0" Grid.ColumnSpan="2" x:Name="clearStorageBtn" IsEnabled="True" Clicked="ClearStorageBtn_Clicked" VerticalOptions="Start"
               Text="Clear Login Info" Padding="3" FontSize="Medium" TextColor="White" BackgroundColor="#15C7C1" FontAttributes="Bold" CornerRadius="10"/>
            
            <!--<Label Text="Shared Device" Grid.Row="10" Grid.Column="0" FontSize="Small" VerticalOptions="Center" VerticalTextAlignment="Center"/>
            <CheckBox Grid.Row="10" Grid.Column="1" x:Name="sharedDeviceRb" VerticalOptions="Center"
                      CheckedChanged="sharedDeviceRb_Changed"/>-->
            <!--row 11-->
            <Button Grid.Row="11" Grid.Column="0" Grid.ColumnSpan="2" x:Name="sendErrorsBtn" IsEnabled="False" Clicked="SendErrorsBtn_Clicked" VerticalOptions="Start"
               Text="Email Error Log" Padding="3" FontSize="Medium" TextColor="White" BackgroundColor="#15C7C1" FontAttributes="Bold" CornerRadius="10"/>
        </Grid>
    </ScrollView>
</ContentPage>