prs/prs.mobile.new/PRS.Mobile/Modules/Requisitions/Edit/Views/Items/RequisitionItemEditor.xaml

<?xml version="1.0" encoding="utf-8"?>

<mobile:MobilePage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:mobile="clr-namespace:InABox.Mobile;assembly=InABox.Mobile.Shared"
             xmlns:local="clr-namespace:PRS.Mobile;assembly=PRS.Mobile"
             xmlns:views="http://xamarin.com/schemas/2020/toolkit"
             x:Class="PRS.Mobile.RequisitionItemEditor"
             Title="Edit Site Requi Item">
    
    <mobile:MobilePage.BindingContext>
        <local:RequisitionItemEditorViewModel x:Name="_viewModel" />
    </mobile:MobilePage.BindingContext>
    
    <mobile:MobilePage.Resources>
        <local:ReqisitionItemEditorProductConverter x:Key="ProductConverter" />
        <mobile:GuidToBooleanConverter x:Key="ImageEnabled" EmptyValue="True" />
        <mobile:ByteArrayToImageSourceConverter x:Key="ImageConverter" BlankIfEmpty="True"/>
        <mobile:BooleanMatcher x:Key="Either" Type="Any"/>
        <mobile:BooleanToBooleanConverter x:Key="NotTrue" Invert="True" />
    </mobile:MobilePage.Resources>
    
    <mobile:MobilePage.PrimaryMenu>
        <mobile:MobileMenuButton Image="tick" Clicked="SaveItem_Clicked" />
    </mobile:MobilePage.PrimaryMenu>
    
    <mobile:MobilePage.PageContent>
        
        <Grid Margin="5" RowSpacing="5">
        
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="200"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>

            <Grid
                Grid.Row="0"
                ColumnSpacing="0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="Auto" />
                </Grid.ColumnDefinitions>
                
                <mobile:MobileButton
                    Grid.Column="0"
                    Text="{Binding Product, Converter={StaticResource ProductConverter}}"
                    Clicked="_selectProduct_OnClicked"/>
                
                <mobile:MobileButton
                    Grid.Column="1"
                    Text="Clear"
                    Margin="5,0,0,0"
                    WidthRequest="60"
                    IsVisible="{Binding HasProduct}"
                    Clicked="_clearProduct_OnClicked"/>
                
            </Grid>

            
            <mobile:MobileCard
                Grid.Row="1">
                <mobile:MobileEditor
                    Text="{Binding Description}"/>
            </mobile:MobileCard>
            
            <views:DockLayout 
                Grid.Row="2">
                <mobile:MobileMenuButton
                    views:DockLayout.Dock="Left"
                    Image="minus"
                    Clicked="Minus_Clicked"/>
                <mobile:MobileMenuButton
                    views:DockLayout.Dock="Right"
                    Image="plus"
                    Clicked="Plus_Clicked"/>
                <mobile:MobileCard
                    views:DockLayout.Dock="Left">
                    <mobile:MobileEntry
                        Placeholder="Enter Qty"
                        HorizontalTextAlignment="Center"
                        VerticalTextAlignment="Center"
                        Text="{Binding Quantity, Mode=TwoWay}"/>
                </mobile:MobileCard>
            </views:DockLayout>
            
            <mobile:MobileCard
                Grid.Row="3">
                <Image
                    Source="{Binding Image, Converter={StaticResource ImageConverter}}"
                    Margin="5"/>
            </mobile:MobileCard>
            
            <mobile:MobileMenuButton
                Grid.Row="3"
                HorizontalOptions="End"
                VerticalOptions="End"
                Margin="10"
                HeightRequest="40"
                WidthRequest="40"
                Image="camera">
                
                <mobile:MobileMenuButton.IsVisible>
                    <MultiBinding Converter="{StaticResource Either}">
                        <Binding Path="HasProduct" Converter="{StaticResource NotTrue}"/>
                        <Binding Path="HasProductImage" Converter="{StaticResource NotTrue}"/>
                    </MultiBinding>  
                </mobile:MobileMenuButton.IsVisible>
                <mobile:MobileMenuButton.Items>
                    <mobile:MobileMenuItem Text="Take Picture" Clicked="TakePicture_Clicked" />
                    <mobile:MobileMenuItem Text="Choose from Library" Clicked="SelectImage_Clicked" />
                </mobile:MobileMenuButton.Items>
            </mobile:MobileMenuButton>
        </Grid>
        
    </mobile:MobilePage.PageContent>
    
</mobile:MobilePage>