prs/prs.mobile.new/PRS.Mobile/Modules/Deliveries/FrameScanner/Views/FrameScannerDetails.xaml

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

<local:FrameScannerView xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:PRS.Mobile;assembly=PRS.Mobile"
             xmlns:mobile="clr-namespace:InABox.Mobile;assembly=InABox.Mobile.Shared"
             xmlns:views="http://xamarin.com/schemas/2020/toolkit"
             xmlns:forms="clr-namespace:ZXing.Net.Mobile.Forms;assembly=ZXing.Net.Mobile.Forms"
             x:Class="PRS.Mobile.FrameScannerDetails"
             x:DataType="{x:Type local:FrameScannerViewModel}">
    <local:FrameScannerView.Resources>
        <mobile:DoubleCalculator x:Key="ScannerHeightCalculator" Type="Product" Constants="0.65"/>
    </local:FrameScannerView.Resources>
    <local:FrameScannerView.Content>
        <StackLayout>
            
            <mobile:MobileCard 
                Padding="0" 
                IsClippedToBounds="True"
                views:DockLayout.Dock="Top"
                Background="DimGray">
                
                <mobile:MobileCard.HeightRequest>
                    <MultiBinding Converter="{StaticResource ScannerHeightCalculator}">
                        <Binding Source="{RelativeSource AncestorType={x:Type local:FrameScanner}}" Path="Width" />
                    </MultiBinding>
                </mobile:MobileCard.HeightRequest>

                <Grid 
                    VerticalOptions="Fill"
                    HorizontalOptions="Center"
                    x:Name="scannerGrid" 
                    WidthRequest="{Binding Source={RelativeSource Self}, Path=Height}" >
                    
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="21"/>
                        <RowDefinition Height="4*"/>
                        <RowDefinition Height="21"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="21"/>
                        <ColumnDefinition Width="4*"/>
                        <ColumnDefinition Width="21"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                
                    <forms:ZXingScannerView
                        Grid.Row="0"
                        Grid.Column="0"
                        Grid.RowSpan="5"
                        Grid.ColumnSpan="5"
                        x:Name="_scanView"
                        Background="Gray"
                        OnScanResult="ScanView_OnScanResult"/>
 
                    <Polyline Points="20,00 00,00 00,20" Grid.Row="1" Grid.Column="1" x:Name="topleft" Stroke="Red" StrokeThickness="2"/>
                    <Polyline Points="00,00 20,00 20,20" Grid.Row="1" Grid.Column="3" x:Name="topright" Stroke="Red"  StrokeThickness="2"/>
                    <Polyline Points="20,00 20,20 00,20" Grid.Row="3" Grid.Column="3" x:Name="bottomright" Stroke="Red"  StrokeThickness="2"/>
                    <Polyline Points="20,20 00,20 00,00" Grid.Row="3" Grid.Column="1" x:Name="bottomleft" Stroke="Red"  StrokeThickness="2"/>
                
                    <Label
                        Text="Scan Barcode"
                        TextColor="White"
                        BackgroundColor="Transparent"
                        Grid.Row="4"
                        Grid.Column="0"
                        Grid.ColumnSpan="5"
                        HorizontalTextAlignment="Center"
                        VerticalTextAlignment="Center"/>
                </Grid>
            </mobile:MobileCard>
            
            <Label 
                TextColor="{StaticResource Theme.OnBackground}" 
                FontSize="{StaticResource Theme.Text.Header.Size}" 
                FontAttributes="Bold"
                Text="Barcode" 
                HorizontalTextAlignment="Center"/>
            <Label 
                TextColor="{StaticResource Theme.OnBackground}" 
                FontSize="{StaticResource Theme.Text.Body.Size}" 
                Text="{Binding Item.Barcode}" 
                HorizontalTextAlignment="Center"/>

            <Label 
                TextColor="{StaticResource Theme.OnBackground}" 
                FontSize="{StaticResource Theme.Text.Header.Size}" 
                FontAttributes="Bold"
                Text="Description" 
                HorizontalTextAlignment="Center"/>
            <Label 
                TextColor="{StaticResource Theme.OnBackground}" 
                FontSize="{StaticResource Theme.Text.Body.Size}" 
                Text="{Binding Item.Description}" 
                HorizontalTextAlignment="Center"/>
            
            <Label 
                TextColor="{StaticResource Theme.OnBackground}"  
                FontSize="{StaticResource Theme.Text.Header.Size}"
                FontAttributes="Bold"
                Text="Location" 
                HorizontalTextAlignment="Center"/>
            <Label 
                TextColor="{StaticResource Theme.OnBackground}" 
                FontSize="{StaticResource Theme.Text.Body.Size}" 
                Text="{Binding Item.Location}" 
                HorizontalTextAlignment="Center"/>
            
            <Label 
                TextColor="{StaticResource Theme.OnBackground}"  
                FontSize="{StaticResource Theme.Text.Header.Size}" 
                FontAttributes="Bold"
                Text="Job Details" 
                HorizontalTextAlignment="Center"/>
            <Label 
                TextColor="{StaticResource Theme.OnBackground}" 
                FontSize="{StaticResource Theme.Text.Body.Size}" 
                Text="{Binding Item.Job}"  
                HorizontalTextAlignment="Center"/>
            
            <Label 
                TextColor="{StaticResource Theme.OnBackground}"  
                FontSize="{StaticResource Theme.Text.Header.Size}"
                FontAttributes="Bold"
                Text="Setout Details" 
                HorizontalTextAlignment="Center"/>
            <Label 
                TextColor="{StaticResource Theme.OnBackground}" 
                FontSize="{StaticResource Theme.Text.Body.Size}" 
                Text="{Binding Item.Setout}" 
                HorizontalTextAlignment="Center"/>
            
            <Label
                TextColor="{StaticResource Theme.OnBackground}"  
                FontSize="{StaticResource Theme.Text.Header.Size}" 
                FontAttributes="Bold"
                Text="Serial Number" 
                HorizontalTextAlignment="Center"/>
            <Label 
                TextColor="{StaticResource Theme.OnBackground}" 
                FontSize="{StaticResource Theme.Text.Body.Size}" 
                Text="{Binding Item.SerialNumber}" 
                HorizontalTextAlignment="Center"/>
            
        </StackLayout>
    </local:FrameScannerView.Content>
</local:FrameScannerView>