bitwarden-android/src/App/Pages/Send/SendAddEditPage.xaml

<?xml version="1.0" encoding="utf-8"?>
<pages:BaseContentPage
    xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    x:Class="Bit.App.Pages.SendAddEditPage"
    xmlns:pages="clr-namespace:Bit.App.Pages"
    xmlns:u="clr-namespace:Bit.App.Utilities"
    xmlns:controls="clr-namespace:Bit.App.Controls"
    x:DataType="pages:SendAddEditPageViewModel"
    x:Name="_page"
    Title="{Binding PageTitle}">
    <ContentPage.BindingContext>
        <pages:SendAddEditPageViewModel />
    </ContentPage.BindingContext>

    <ContentPage.ToolbarItems>
        <ToolbarItem Text="{u:I18n Save}" Clicked="Save_Clicked" Order="Primary"
                     x:Key="saveItem" x:Name="_saveItem"/>
    </ContentPage.ToolbarItems>

    <ContentPage.Resources>
        <ResourceDictionary>
            <u:InverseBoolConverter x:Key="inverseBool" />
            <u:IsNullConverter x:Key="null" />
            <u:IsNotNullConverter x:Key="notNull" />
            <ToolbarItem Text="{u:I18n Close}" Clicked="Close_Clicked" Order="Primary" Priority="-1"
                         x:Key="closeItem" x:Name="_closeItem" />
            <ToolbarItem Icon="more_vert.png" Clicked="More_Clicked" Order="Primary" x:Name="_moreItem"
                         x:Key="moreItem"
                         AutomationProperties.IsInAccessibleTree="True"
                         AutomationProperties.Name="{u:I18n Options}" />
            <ToolbarItem Text="{u:I18n RemovePassword}"
                         Clicked="RemovePassword_Clicked"
                         Order="Secondary"
                         IsDestructive="True"
                         x:Name="_removePassword"
                         x:Key="removePassword" />
            <ToolbarItem Text="{u:I18n CopyLink}"
                         Clicked="CopyLink_Clicked"
                         Order="Secondary"
                         IsDestructive="True"
                         x:Name="_copyLink"
                         x:Key="copyLink" />
            <ToolbarItem Text="{u:I18n ShareLink}"
                         Clicked="ShareLink_Clicked"
                         Order="Secondary"
                         IsDestructive="True"
                         x:Name="_shareLink"
                         x:Key="shareLink" />
            <ToolbarItem Text="{u:I18n Delete}"
                         Clicked="Delete_Clicked"
                         Order="Secondary"
                         IsDestructive="True"
                         x:Name="_deleteItem"
                         x:Key="deleteItem" />

            <Style x:Key="segmentedButtonBase" TargetType="Button">
                <Setter Property="HeightRequest" Value="{Binding SegmentedButtonHeight}" />
                <Setter Property="FontSize" Value="{Binding SegmentedButtonFontSize}" />
                <Setter Property="CornerRadius" Value="0" />
            </Style>
            <Style x:Key="segmentedButtonNormal" BaseResourceKey="segmentedButtonBase" TargetType="Button">
                <Setter Property="TextColor" Value="{StaticResource PrimaryColor}" />
                <Setter Property="FontAttributes" Value="None" />
                <Setter Property="BackgroundColor" Value="Transparent" />
                <Setter Property="BorderColor" Value="{StaticResource PrimaryColor}" />
                <Setter Property="BorderWidth" Value="1" />

            </Style>
            <Style x:Key="segmentedButtonDisabled" BaseResourceKey="segmentedButtonBase" TargetType="Button">
                <Setter Property="TextColor" Value="{StaticResource TitleTextColor}" />
                <Setter Property="FontAttributes" Value="Bold" />
                <Setter Property="BackgroundColor" Value="{StaticResource PrimaryColor}" />
                <Setter Property="BorderWidth" Value="0" />
            </Style>

            <ScrollView x:Key="scrollView" x:Name="_scrollView">
                <StackLayout Spacing="20">
                    <StackLayout StyleClass="box">
                        <Frame
                            IsVisible="{Binding SendEnabled, Converter={StaticResource inverseBool}}"
                            Padding="10"
                            Margin="0, 12, 0, 0"
                            HasShadow="False"
                            BackgroundColor="Transparent"
                            BorderColor="Accent">
                            <Label
                                Text="{u:I18n SendDisabledWarning}"
                                StyleClass="text-muted, text-sm, text-bold"
                                HorizontalTextAlignment="Center" />
                        </Frame>
                        <StackLayout StyleClass="box-row">
                            <Label
                                Text="{u:I18n Name}"
                                StyleClass="box-label" />
                            <Entry
                                x:Name="_nameEntry"
                                Text="{Binding Send.Name}"
                                IsEnabled="{Binding SendEnabled}"
                                StyleClass="box-value" />
                            <Label
                                Text="{u:I18n NameInfo}"
                                StyleClass="box-footer-label"
                                Margin="0,5,0,0" />
                        </StackLayout>
                        <StackLayout
                            StyleClass="box-row"
                            IsVisible="{Binding EditMode, Converter={StaticResource inverseBool}}">
                            <Label
                                Text="{u:I18n Type}"
                                StyleClass="box-label" />
                            <Grid
                                RowSpacing="0"
                                ColumnSpacing="0"
                                Margin="{Binding SegmentedButtonMargins}">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="*" />
                                    <ColumnDefinition Width="*" />
                                </Grid.ColumnDefinitions>
                                <Button
                                    Text="{u:I18n TypeFile}"
                                    IsEnabled="{Binding IsText}"
                                    Clicked="FileType_Clicked"
                                    AutomationProperties.IsInAccessibleTree="True"
                                    AutomationProperties.Name="{u:I18n File}"
                                    Grid.Column="0">
                                    <VisualStateManager.VisualStateGroups>
                                        <!-- Rider users, if the x:Name values below are red, it's a known issue: -->
                                        <!-- https://youtrack.jetbrains.com/issue/RSRP-479388 -->
                                        <VisualStateGroup x:Name="CommonStates">
                                            <VisualState x:Name="Normal">
                                                <VisualState.Setters>
                                                    <Setter Property="Style"
                                                            Value="{StaticResource segmentedButtonNormal}" />
                                                </VisualState.Setters>
                                            </VisualState>
                                            <VisualState x:Name="Disabled">
                                                <VisualState.Setters>
                                                    <Setter Property="Style"
                                                            Value="{StaticResource segmentedButtonDisabled}" />
                                                </VisualState.Setters>
                                            </VisualState>
                                        </VisualStateGroup>
                                    </VisualStateManager.VisualStateGroups>
                                </Button>
                                <Button
                                    Text="{u:I18n TypeText}"
                                    IsEnabled="{Binding IsFile}"
                                    Clicked="TextType_Clicked"
                                    AutomationProperties.IsInAccessibleTree="True"
                                    AutomationProperties.Name="{u:I18n Text}"
                                    Grid.Column="1">
                                    <VisualStateManager.VisualStateGroups>
                                        <!-- Rider users, if the x:Name values below are red, it's a known issue: -->
                                        <!-- https://youtrack.jetbrains.com/issue/RSRP-479388 -->
                                        <VisualStateGroup x:Name="CommonStates">
                                            <VisualState x:Name="Normal">
                                                <VisualState.Setters>
                                                    <Setter Property="Style"
                                                            Value="{StaticResource segmentedButtonNormal}" />
                                                </VisualState.Setters>
                                            </VisualState>
                                            <VisualState x:Name="Disabled">
                                                <VisualState.Setters>
                                                    <Setter Property="Style"
                                                            Value="{StaticResource segmentedButtonDisabled}" />
                                                </VisualState.Setters>
                                            </VisualState>
                                        </VisualStateGroup>
                                    </VisualStateManager.VisualStateGroups>
                                </Button>
                            </Grid>
                        </StackLayout>
                        <StackLayout
                            StyleClass="box-row"
                            IsVisible="{Binding IsFile}">
                            <Label
                                Text="{u:I18n TypeFile}"
                                StyleClass="box-label" />
                            <StackLayout 
                                IsVisible="{Binding EditMode}"
                                Orientation="Horizontal">
                                <Label
                                    Text="{Binding Send.File.FileName, Mode=OneWay}"
                                    StyleClass="box-value"
                                    VerticalTextAlignment="Center"
                                    HorizontalOptions="StartAndExpand" />
                                <Label
                                    Text="{Binding Send.File.SizeName, Mode=OneWay}"
                                    StyleClass="box-sub-label"
                                    HorizontalTextAlignment="End"
                                    VerticalTextAlignment="Center" />
                            </StackLayout>
                            <StackLayout
                                IsVisible="{Binding EditMode, Converter={StaticResource inverseBool}}"
                                StyleClass="box-row">
                                <Label
                                    IsVisible="{Binding FileName, Converter={StaticResource null}}"
                                    Text="{u:I18n NoFileChosen}"
                                    LineBreakMode="CharacterWrap"
                                    StyleClass="text-sm, text-muted"
                                    HorizontalOptions="FillAndExpand"
                                    HorizontalTextAlignment="Center" />
                                <Label
                                    IsVisible="{Binding FileName, Converter={StaticResource notNull}}"
                                    Text="{Binding FileName}"
                                    LineBreakMode="CharacterWrap"
                                    StyleClass="text-sm, text-muted"
                                    HorizontalOptions="FillAndExpand"
                                    HorizontalTextAlignment="Center" />
                                <Button
                                    Text="{u:I18n ChooseFile}"
                                    IsEnabled="{Binding SendEnabled}"
                                    StyleClass="box-button-row"
                                    Clicked="ChooseFile_Clicked" />
                                <Label
                                    Margin="0, 5, 0, 0"
                                    Text="{u:I18n MaxFileSize}"
                                    StyleClass="text-sm, text-muted"
                                    HorizontalOptions="FillAndExpand"
                                    HorizontalTextAlignment="Center" />
                            </StackLayout>
                            <Label
                                Text="{u:I18n TypeFileInfo}"
                                IsVisible="{Binding EditMode, Converter={StaticResource inverseBool}}"
                                StyleClass="box-footer-label"
                                Margin="0,5,0,0" />
                        </StackLayout>
                        <StackLayout
                            StyleClass="box-row"
                            IsVisible="{Binding IsText}">
                            <Label
                                Text="{u:I18n TypeText}"
                                StyleClass="box-label" />
                            <Editor
                                x:Name="_textEditor"
                                AutoSize="TextChanges"
                                Text="{Binding Send.Text.Text}"
                                IsEnabled="{Binding SendEnabled}"
                                StyleClass="box-value"
                                Margin="{Binding EditorMargins}" />
                            <BoxView
                                StyleClass="box-row-separator"
                                IsVisible="{Binding ShowEditorSeparators}" />
                            <Label
                                Text="{u:I18n TypeTextInfo}"
                                StyleClass="box-footer-label"
                                Margin="0,5,0,10" />
                            <StackLayout
                                StyleClass="box-row, box-row-switch"
                                Margin="0,10,0,0">
                                <Label
                                    Text="{u:I18n HideTextByDefault}"
                                    StyleClass="box-label-regular"
                                    VerticalOptions="Center"
                                    HorizontalOptions="StartAndExpand" />
                                <Switch
                                    IsToggled="{Binding Send.Text.Hidden}"
                                    IsEnabled="{Binding SendEnabled}"
                                    HorizontalOptions="End"
                                    Margin="10,0,0,0" />
                            </StackLayout>
                        </StackLayout>
                        <StackLayout StyleClass="box-row, box-row-switch">
                            <Label
                                Text="{u:I18n ShareOnSave}"
                                StyleClass="box-label-regular"
                                VerticalOptions="Center"
                                HorizontalOptions="StartAndExpand" />
                            <Switch
                                IsToggled="{Binding ShareOnSave}"
                                IsEnabled="{Binding SendEnabled}"
                                HorizontalOptions="End"
                                Margin="10,0,0,0" />
                        </StackLayout>
                        <StackLayout
                            Orientation="Horizontal"
                            Spacing="0">
                            <Button
                                Text="{u:I18n Options}"
                                x:Name="_btnOptions"
                                StyleClass="box-row-button"
                                TextColor="{StaticResource PrimaryColor}"
                                Margin="0"
                                Clicked="ToggleOptions_Clicked" />
                            <controls:FaButton
                                x:Name="_btnOptionsUp"
                                Text="&#xf077;"
                                StyleClass="box-row-button"
                                TextColor="{StaticResource PrimaryColor}"
                                Clicked="ToggleOptions_Clicked"
                                IsVisible="{Binding ShowOptions}" />
                            <controls:FaButton
                                x:Name="_btnOptionsDown"
                                Text="&#xf078;"
                                StyleClass="box-row-button"
                                TextColor="{StaticResource PrimaryColor}"
                                Clicked="ToggleOptions_Clicked"
                                IsVisible="{Binding ShowOptions, Converter={StaticResource inverseBool}}" />
                        </StackLayout>
                        <StackLayout IsVisible="{Binding ShowOptions}">
                            <StackLayout
                                StyleClass="box-row"
                                Margin="0,10,0,0">
                                <Label
                                    Text="{u:I18n DeletionDate}"
                                    StyleClass="box-label" />
                                <Picker
                                    x:Name="_deletionDateTypePicker"
                                    IsVisible="{Binding EditMode, Converter={StaticResource inverseBool}}"
                                    ItemsSource="{Binding DeletionTypeOptions, Mode=OneTime}"
                                    SelectedIndex="{Binding DeletionDateTypeSelectedIndex}"
                                    IsEnabled="{Binding SendEnabled}"
                                    StyleClass="box-value"
                                    AutomationProperties.IsInAccessibleTree="True"
                                    AutomationProperties.Name="{u:I18n DeletionTime}" />
                                <Grid
                                    IsVisible="{Binding ShowDeletionCustomPickers}"
                                    Margin="0,5,0,0">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="*" />
                                        <ColumnDefinition Width="*" />
                                    </Grid.ColumnDefinitions>
                                    <controls:ExtendedDatePicker
                                        NullableDate="{Binding DeletionDate, Mode=TwoWay}"
                                        Format="d"
                                        IsEnabled="{Binding SendEnabled}"
                                        AutomationProperties.IsInAccessibleTree="True"
                                        AutomationProperties.Name="{u:I18n DeletionDate}"
                                        Grid.Column="0" />
                                    <controls:ExtendedTimePicker
                                        NullableTime="{Binding DeletionTime, Mode=TwoWay}"
                                        Format="t"
                                        IsEnabled="{Binding SendEnabled}"
                                        AutomationProperties.IsInAccessibleTree="True"
                                        AutomationProperties.Name="{u:I18n DeletionTime}"
                                        Grid.Column="1" />
                                </Grid>
                                <Label
                                    Text="{u:I18n DeletionDateInfo}"
                                    StyleClass="box-footer-label"
                                    Margin="0,5,0,0" />
                            </StackLayout>
                            <StackLayout StyleClass="box-row" Margin="0,5,0,0">
                                <Label
                                    Text="{u:I18n ExpirationDate}"
                                    StyleClass="box-label" />
                                <Picker
                                    x:Name="_expirationDateTypePicker"
                                    IsVisible="{Binding EditMode, Converter={StaticResource inverseBool}}"
                                    ItemsSource="{Binding ExpirationTypeOptions, Mode=OneTime}"
                                    SelectedIndex="{Binding ExpirationDateTypeSelectedIndex}"
                                    IsEnabled="{Binding SendEnabled}"
                                    StyleClass="box-value"
                                    AutomationProperties.IsInAccessibleTree="True"
                                    AutomationProperties.Name="{u:I18n ExpirationTime}" />
                                <Grid
                                    IsVisible="{Binding ShowExpirationCustomPickers}"
                                    Margin="0,5,0,0">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="*" />
                                        <ColumnDefinition Width="*" />
                                    </Grid.ColumnDefinitions>
                                    <controls:ExtendedDatePicker
                                        NullableDate="{Binding ExpirationDate, Mode=TwoWay}"
                                        PlaceHolder="mm/dd/yyyy"
                                        Format="d"
                                        IsEnabled="{Binding SendEnabled}"
                                        AutomationProperties.IsInAccessibleTree="True"
                                        AutomationProperties.Name="{u:I18n ExpirationDate}"
                                        Grid.Column="0" />
                                    <controls:ExtendedTimePicker
                                        NullableTime="{Binding ExpirationTime, Mode=TwoWay}"
                                        PlaceHolder="--:-- --"
                                        Format="t"
                                        IsEnabled="{Binding SendEnabled}"
                                        AutomationProperties.IsInAccessibleTree="True"
                                        AutomationProperties.Name="{u:I18n ExpirationTime}"
                                        Grid.Column="1" />
                                </Grid>
                                <StackLayout
                                    Orientation="Horizontal"
                                    Margin="0,5,0,0">
                                    <Label
                                        Text="{u:I18n ExpirationDateInfo}"
                                        StyleClass="box-footer-label"
                                        HorizontalOptions="StartAndExpand" />
                                    <Button
                                        Text="{u:I18n Clear}"
                                        IsVisible="{Binding EditMode}"
                                        WidthRequest="110"
                                        HeightRequest="{Binding SegmentedButtonHeight}"
                                        FontSize="{Binding SegmentedButtonFontSize}"
                                        IsEnabled="{Binding SendEnabled}"
                                        StyleClass="box-row-button"
                                        Clicked="ClearExpirationDate_Clicked" />
                                </StackLayout>
                            </StackLayout>
                            <StackLayout
                                StyleClass="box-row"
                                Margin="0,5,0,0">
                                <Label
                                    Text="{u:I18n MaximumAccessCount}"
                                    StyleClass="box-label" />
                                <StackLayout
                                    StyleClass="box-row"
                                    Orientation="Horizontal">
                                    <Entry
                                        Text="{Binding MaxAccessCount}"
                                        IsEnabled="{Binding SendEnabled}"
                                        StyleClass="box-value"
                                        Keyboard="Numeric"
                                        MaxLength="9"
                                        TextChanged="OnMaxAccessCountTextChanged"
                                        HorizontalOptions="FillAndExpand" />
                                    <Stepper
                                        x:Name="_maxAccessCountStepper"
                                        Value="{Binding MaxAccessCount}"
                                        Maximum="999999999"
                                        IsEnabled="{Binding SendEnabled}"
                                        Margin="10,0,0,0" />
                                </StackLayout>
                                <Label
                                    Text="{u:I18n MaximumAccessCountInfo}"
                                    StyleClass="box-footer-label" />
                                <StackLayout
                                    IsVisible="{Binding EditMode}"
                                    StyleClass="box-row"
                                    Orientation="Horizontal">
                                    <Label
                                        Text="{u:I18n CurrentAccessCount}"
                                        StyleClass="box-footer-label"
                                        VerticalTextAlignment="Center" />
                                    <Label
                                        Text=": "
                                        StyleClass="box-footer-label"
                                        VerticalTextAlignment="Center" />
                                    <Label
                                        Text="{Binding Send.AccessCount, Mode=OneWay}"
                                        StyleClass="box-label"
                                        VerticalTextAlignment="Center" />
                                </StackLayout>
                            </StackLayout>
                            <StackLayout
                                StyleClass="box-row"
                                Margin="0,5,0,0">
                                <Label
                                    Text="{u:I18n NewPassword}"
                                    StyleClass="box-label" />
                                <StackLayout Orientation="Horizontal">
                                    <Entry
                                        Text="{Binding NewPassword}"
                                        IsPassword="{Binding ShowPassword, Converter={StaticResource inverseBool}}"
                                        IsEnabled="{Binding SendEnabled}"
                                        StyleClass="box-value"
                                        IsSpellCheckEnabled="False"
                                        IsTextPredictionEnabled="False"
                                        HorizontalOptions="FillAndExpand" />
                                    <controls:FaButton
                                        IsEnabled="{Binding SendEnabled}"
                                        StyleClass="box-row-button, box-row-button-platform"
                                        Text="{Binding ShowPasswordIcon}"
                                        Command="{Binding TogglePasswordCommand}"
                                        Margin="10,0,0,0"
                                        AutomationProperties.IsInAccessibleTree="True"
                                        AutomationProperties.Name="{u:I18n ToggleVisibility}" />
                                </StackLayout>
                                <Label
                                    Text="{u:I18n PasswordInfo}"
                                    StyleClass="box-footer-label"
                                    Margin="0,5,0,0" />
                            </StackLayout>
                            <StackLayout
                                StyleClass="box-row"
                                Margin="0,5,0,0">
                                <Label
                                    Text="{u:I18n Notes}"
                                    StyleClass="box-label" />
                                <Editor
                                    AutoSize="TextChanges"
                                    Text="{Binding Send.Notes}"
                                    IsEnabled="{Binding SendEnabled}"
                                    StyleClass="box-value"
                                    Margin="{Binding EditorMargins}" />
                                <BoxView
                                    StyleClass="box-row-separator"
                                    IsVisible="{Binding ShowEditorSeparators}" />
                                <Label
                                    Text="{u:I18n NotesInfo}"
                                    StyleClass="box-footer-label"
                                    Margin="0,5,0,0" />
                            </StackLayout>
                            <StackLayout
                                StyleClass="box-row, box-row-switch"
                                Margin="0,5,0,0">
                                <Label
                                    Text="{u:I18n DisableSend}"
                                    StyleClass="box-label-regular"
                                    VerticalOptions="Center"
                                    HorizontalOptions="StartAndExpand" />
                                <Switch
                                    IsToggled="{Binding Send.Disabled}"
                                    IsEnabled="{Binding SendEnabled}"
                                    HorizontalOptions="End"
                                    Margin="10,0,0,0" />
                            </StackLayout>
                        </StackLayout>

                    </StackLayout>
                </StackLayout>
            </ScrollView>

        </ResourceDictionary>
    </ContentPage.Resources>

</pages:BaseContentPage>