prs/prs.mobile.new/PRS.Mobile/Modules/Site/Manufacturing/Setouts/SiteManufacturingSetout.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"
             x:Class="PRS.Mobile.SiteManufacturingSetout">
    
        <mobile:MobilePage.Resources>
        <local:OrderStatusConverter x:Key="OrderStatusConverter" NoOrder="Transparent" OpenOrder="Plum" ReceivedOrder="Purple" />
        <local:OrderStatusConverter x:Key="OrderStatusForegroundConverter" NoOrder="Black" OpenOrder="Black" ReceivedOrder="White" />
        <local:ProgressConverter x:Key="ProgressConverter" />
        <local:JobNameConverter x:Key="JobNameConverter" />
        <local:SerialConverter x:Key="SerialConverter" />
        <mobile:StringToBooleanConverter x:Key="StringToBooleanConverter"/>
        
        <DataTemplate x:Key="PacketTemplate" x:DataType="local:ManufacturingPacketShell">
            
            <mobile:MobileCard 
                Padding="0,0,5,0" 
                HeightRequest="100" 
                IsClickable="True"
                Clicked="Packet_Tapped">
                
                
                <Grid RowSpacing="0" ColumnSpacing="0">
                    
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="*"/>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="20"/>
                    </Grid.RowDefinitions>
                    
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="22"/>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="80"/>
                    </Grid.ColumnDefinitions>

                    <BoxView 
                        Grid.Row="0"
                        Grid.Column="0"
                        Grid.RowSpan="4"
                        WidthRequest="20"
                        HorizontalOptions="Start"
                        BackgroundColor="{Binding ., Converter={StaticResource OrderStatusConverter}}" 
                        CornerRadius="5,0,5,0">
                        <BoxView.Margin>
                            <OnPlatform x:TypeArguments="Thickness">
                                <On Platform="Android" Value="1" />
                                <On Platform="iOS" Value="0" />
                            </OnPlatform>
                        </BoxView.Margin>
                    </BoxView>
                    
                    <Grid
                        Grid.Row="0"
                        Grid.Column="0"
                        Grid.RowSpan="4"
                        Grid.ColumnSpan="5"
                        Padding="0"
                        Margin="0"
                        Rotation="270"
                        HeightRequest="100"
                        WidthRequest="100"
                        HorizontalOptions="Start"
                        BackgroundColor="Transparent"
                        RowSpacing="0"
                        ColumnSpacing="0"
                        >
                        
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        
                        <Image
                            Grid.Column="0"
                            Source="warning"
                            WidthRequest="16"
                            HeightRequest="16"
                            IsVisible="{Binding Issues, Converter={StaticResource StringToBooleanConverter}}"
                            VerticalOptions="Start"
                            HorizontalOptions="Start"
                            Rotation="90"
                            Margin="2"/>
                        
                        <Label
                            Grid.Column="1"
                            Text="{Binding ., Converter={StaticResource ProgressConverter}}"
                            VerticalTextAlignment="Center"
                            HorizontalTextAlignment="Center"
                            HeightRequest="20"
                            VerticalOptions="Start"
                            HorizontalOptions="Fill"
                            Margin="0"
                            FontSize="9"
                            LineBreakMode="NoWrap"
                            TextColor="{Binding ., Converter={StaticResource OrderStatusForegroundConverter}}"/>
                        
                    </Grid>
                    
                    <Label
                        Grid.Row="0"
                        Grid.Column="1"
                        Grid.ColumnSpan="3"
                        Text="{Binding .,Converter={StaticResource SerialConverter}}"
                        FontAttributes="Bold"
                        FontSize="Micro"
                        HorizontalOptions="Fill"
                        VerticalTextAlignment="Start"
                        LineBreakMode="TailTruncation"
                        TextColor="Black"/>
                    
                    <Label 
                        Grid.Row="0"
                        Grid.Column="4"
                        Grid.ColumnSpan="2"
                        FontSize="Micro"
                        FontAttributes="Bold"
                        HorizontalTextAlignment="End"
                        VerticalTextAlignment="Start"
                        Text="{Binding TemplateLinkCode}"
                        TextColor="Black"/>
                    
                    <Label 
                        Grid.Row="1"
                        Grid.Column="1"
                        Grid.ColumnSpan="4"
                        LineBreakMode="WordWrap" 
                        MaxLines="6" 
                        FontAttributes="Italic"
                        FontSize="Micro"
                        Text="{Binding Title}"
                        TextColor="Black"/>
                    
                    <Label 
                        Grid.Row="2" 
                        Grid.Column="1"
                        Grid.ColumnSpan="4"
                        FontSize="Micro"
                        Text="{Binding Location}"
                        TextColor="Black"/>
                    
                    <Label 
                        Grid.Row="3" 
                        Grid.Column="1"
                        Grid.ColumnSpan="3"
                        FontSize="Micro"
                        LineBreakMode="TailTruncation"
                        VerticalTextAlignment="Center"
                        Text="{Binding ., Converter={StaticResource JobNameConverter}}"
                        TextColor="Black"/>
                    
                    <Label 
                        Grid.Row="3" 
                        Grid.Column="4"
                        Grid.ColumnSpan="2"
                        FontSize="Micro" 
                        HorizontalTextAlignment="End"
                        VerticalTextAlignment="Center"
                        Text="{Binding SetoutNumber}"
                        TextColor="Black"
                    />
                    
                    <Frame
                        Grid.Row="1"
                        Grid.Column="5"
                        Grid.RowSpan="2"
                        HeightRequest="50"
                        WidthRequest="50"
                        CornerRadius="25"
                        BorderColor="Gray"
                        BackgroundColor="WhiteSmoke"
                        Padding="0"
                        HasShadow="False"
                        VerticalOptions="Center"
                        HorizontalOptions="End">
                    <Label 
                        FontSize="Large" 
                        FontAttributes="Bold"
                        Text="{Binding Quantity}"
                        HorizontalTextAlignment="Center"
                        VerticalTextAlignment="Center"
                        TextColor="Black"/>
                    </Frame>
                </Grid>
            
            </mobile:MobileCard>
            
        </DataTemplate>
        
    </mobile:MobilePage.Resources>
    
    <mobile:MobilePage.PageContent>

        <Grid Margin="5,0,5,5">
        
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>
            
            <mobile:MobilePageStack
                x:Name="PageStack"
                Grid.Row="0"
                SelectedIndex="{Binding Source={x:Reference TabStrip}, Path=SelectedIndex}"
                SelectionChanged="PageStack_OnSelectionChanged">
                <mobile:MobilePageStack.Items>
                    <mobile:MobilePageStackItem>
                        <mobile:MobilePageStackItem.Content>
                            
                                <mobile:MobileCollectionView
                                    x:Name="_packets"
                                    Grid.Row="1"
                                    Margin="0,5,0,0"
                                    ItemTemplate="{StaticResource PacketTemplate}">
                                </mobile:MobileCollectionView>
                            
                        </mobile:MobilePageStackItem.Content>    
                    </mobile:MobilePageStackItem>
                    
                    <mobile:MobilePageStackItem>
                        <mobile:MobilePageStackItem.Content>
                            <local:DocumentList x:Name="_documents" />
                        </mobile:MobilePageStackItem.Content>                      
                    </mobile:MobilePageStackItem>
                    
                </mobile:MobilePageStack.Items>
            </mobile:MobilePageStack>
            
            <mobile:MobileTabStrip
                x:Name="TabStrip"
                Grid.Row="1"
                SelectionChanged="TabStrip_OnSelectionChanged">
                <mobile:MobileTabStrip.Items>
                    <mobile:MobileTabStripItem Text="Manufacturing"/>
                    <mobile:MobileTabStripItem Text="Documents"/>
                </mobile:MobileTabStrip.Items>
            </mobile:MobileTabStrip>
                    
        </Grid>
        
    </mobile:MobilePage.PageContent>
</mobile:MobilePage>