prs/prs.mobile.new/PRS.Mobile/Modules/Manufacturing/List/ManufacturingPackets.xaml

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

<ContentView 
    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.ManufacturingPackets">
    
    <ContentView.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="ListView_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>
        
    </ContentView.Resources>
    
    <ContentView.Content>
        
        <Grid>
            
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            
            <mobile:MobileSearchBar
                x:Name="_search"
                Grid.Row="0"
                TextChanged="_search_OnTextChanged" />
            
            <mobile:MobileCollectionView
                x:Name="_items"
                Grid.Row="1"
                PullToRefresh="True"
                RefreshRequested="_items_OnRefreshRequested"
                ShowRecordCount="True"
                ItemTemplate="{StaticResource PacketTemplate}">
            </mobile:MobileCollectionView>
            

        </Grid>
        
        
    </ContentView.Content>
    
</ContentView>