prs/prs.mobile.new/PRS.Mobile/Modules/Tasks/List/KanbanList.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:local="clr-namespace:PRS.Mobile;assembly=PRS.Mobile"
    xmlns:ui="clr-namespace:XF.Material.Forms.UI;assembly=XF.Material"
    xmlns:mobile="clr-namespace:InABox.Mobile;assembly=InABox.Mobile.Shared"
    x:Class="PRS.Mobile.KanbanList">
    
    <mobile:MobilePage.Resources>
        <local:KanbanBackgroundColorConverter x:Key="KanbanBackgroundColorConverter"/>
        <local:KanbanForegroundColorConverter x:Key="KanbanForegroundColorConverter"/>
        <mobile:IntToBooleanConverter x:Key="IntToBooleanConverter"/>
        <mobile:ShellSelectedConverter x:Key="ShellSelectedConverter"/>
    </mobile:MobilePage.Resources>
    
    <mobile:MobilePage.BindingContext>
        <local:KanbanListViewModel x:Name="_viewmodel" />
    </mobile:MobilePage.BindingContext>
    
    <mobile:MobilePage.PrimaryMenu>
        
        <!-- <mobile:MobileMenuButton -->
        <!--     Grid.Row="2" -->
        <!--     Grid.Column="1" -->
        <!--     x:Name="_addtask" -->
        <!--     IsVisible="True" -->
        <!--     Image="plus" -->
        <!--     HeightRequest="50" -->
        <!--     WidthRequest="50" -->
        <!--     HorizontalOptions="End" -->
        <!--     VerticalOptions="End" -->
        <!--     Clicked="_addtask_OnClicked" /> -->
        
        <mobile:MobileMenuButton
            x:Name="_addtask"
            Image="plus"
            Clicked="_addtask_OnClicked" />
        
        
        
    </mobile:MobilePage.PrimaryMenu>
    
    <mobile:MobilePage.PageContent>
        
        <Grid RowSpacing="5" Margin="5" ColumnSpacing="5">
            
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
            
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>
        
            <mobile:MobileSearchBar
                x:Name="_search"
                Grid.Row="0"
                Grid.Column="0"
                Grid.ColumnSpan="2"
                PlaceHolder="Search"
                TextChanged="_search_OnTextChanged"
                TextSize="10"/>
            
            <mobile:MobileCollectionView
                x:Name="_tasks"
                Grid.Row="1"
                Grid.Column="0"
                Grid.ColumnSpan="2"
                PullToRefresh="True"
                RefreshRequested="_tasks_OnRefresh"
                HasUnevenRows="True"
                ShowRecordCount="True">
                
                <mobile:MobileCollectionView.ItemTemplate>
                
                    <DataTemplate x:DataType="local:IKanbanShell">
                        
                        <mobile:MobileCard
                            HorizontalOptions="FillAndExpand"
                            BackgroundColor="{Binding ., Converter={StaticResource KanbanBackgroundColorConverter}}"
                            Padding="2,2,5,5"
                            IsClickable="True"
                            Clicked="Kanban_Clicked">
                
                        <Grid
                                RowSpacing="0"
                                ColumnSpacing="0"
                                HorizontalOptions="Fill">
                
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto"/>
                                    <RowDefinition Height="Auto"/>
                                    <RowDefinition Height="Auto"/>
                                </Grid.RowDefinitions>
                
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="*"/>
                                    <ColumnDefinition Width="Auto"/>
                                </Grid.ColumnDefinitions>
                
                                <mobile:MobileCheckBox
                                    Grid.Row="0"
                                    Grid.Column="0"
                                    IsChecked="{Binding ., Converter={StaticResource ShellSelectedConverter}}"
                                    VerticalOptions="Center"
                                    Changed="CheckBox_Changed"
                                />
                
                                <ui:MaterialLabel
                                    Grid.Row="0"
                                    Grid.Column="1"
                                    Text="{Binding Number}"
                                    TextColor="{Binding ., Converter={StaticResource KanbanForegroundColorConverter}}"
                                    TypeScale="Subtitle2"
                                    HorizontalOptions="Fill"
                                    HorizontalTextAlignment="Center"
                                    VerticalOptions="Center"
                                    VerticalTextAlignment="Center"
                                    LineBreakMode="NoWrap"
                                    LineHeight="1.0"
                                    Margin="0"
                                />
                
                                <ui:MaterialLabel
                                    Grid.Row="0"
                                    Grid.Column="2"
                                    Grid.ColumnSpan="2"
                                    Text="{Binding Title}"
                                    TextColor="{Binding ., Converter={StaticResource KanbanForegroundColorConverter}}"
                                    TypeScale="Subtitle2"
                                    HorizontalOptions="Fill"
                                    HorizontalTextAlignment="Start"
                                    VerticalOptions="Center"
                                    VerticalTextAlignment="Center"
                                    LineHeight="1.0"
                                    LineBreakMode="TailTruncation"
                                    MaxLines="1"
                                    Margin="5,0,0,0"
                                />
                                
                                <Image
                                    Grid.Row="0"
                                    Grid.Column="3"
                                    Source="paperclip"
                                    HeightRequest="20"
                                    WidthRequest="20"
                                    VerticalOptions="Center"
                                    HorizontalOptions="End"
                                    IsVisible="{Binding Attachments, Converter={StaticResource IntToBooleanConverter}}"
                                />
                                
                                <ui:MaterialLabel
                                    Grid.Row="1"
                                    Grid.Column="0"
                                    Grid.ColumnSpan="4"
                                    Text="{Binding Summary}"
                                    TextColor="{Binding ., Converter={StaticResource KanbanForegroundColorConverter}}"
                                    TypeScale="Body2"
                                    HorizontalOptions="Fill"
                                    HorizontalTextAlignment="Start"
                                    VerticalOptions="Fill"
                                    VerticalTextAlignment="Start"
                                    LineBreakMode="WordWrap"
                                    LineHeight="1.0"
                                    MaxLines="10"
                                    Margin="5,0,0,5"
                                />
                
                                <ui:MaterialLabel
                                    Grid.Row="2"
                                    Grid.Column="0"
                                    Grid.ColumnSpan="3"
                                    Text="{Binding EmployeeName}"
                                    TextColor="{Binding ., Converter={StaticResource KanbanForegroundColorConverter}}"
                                    TypeScale="Caption"
                                    FontAttributes="Italic"
                                    HorizontalOptions="Fill"
                                    HorizontalTextAlignment="Start"
                                    VerticalOptions="Fill"
                                    VerticalTextAlignment="Center"
                                    LineBreakMode="TailTruncation"
                                    LineHeight="1.0"
                                    Margin="5,0,0,0"
                                />
                
                                <ui:MaterialLabel
                                    Grid.Row="2"
                                    Grid.Column="3"
                                    Text="{Binding DueDate, StringFormat='{}{0:dd MMM yy}'}"
                                    TextColor="{Binding ., Converter={StaticResource KanbanForegroundColorConverter}}"
                                    TypeScale="Caption"
                                    FontAttributes="Italic"
                                    HorizontalOptions="Fill"
                                    HorizontalTextAlignment="End"
                                    VerticalOptions="Fill"
                                    VerticalTextAlignment="Center"
                                    LineBreakMode="NoWrap"
                                    LineHeight="1.0"
                                    Margin="0">
                                    <ui:MaterialLabel.Triggers>
                                        <DataTrigger TargetType="ui:MaterialLabel" Binding="{Binding Category}" Value="Complete">
                                            <Setter Property="Text" Value="{Binding Completed, StringFormat='{}{0:dd MMM yy}'}" />
                                        </DataTrigger>
                                    </ui:MaterialLabel.Triggers>
                                </ui:MaterialLabel>
                
                            </Grid>
                
                        </mobile:MobileCard>
                
                    </DataTemplate>
                
                </mobile:MobileCollectionView.ItemTemplate>
            
            </mobile:MobileCollectionView>
            
            <mobile:MobileTabStrip
                x:Name="_tabStrip"
                Grid.Row="2"
                Grid.Column="0"
                SelectionChanged="_tabStrip_OnSelectionChanged">
                <mobile:MobileTabStrip.Items>
                    <mobile:MobileTabStripItem Text="New"/>
                    <mobile:MobileTabStripItem Text="Current"/>
                    <mobile:MobileTabStripItem Text="Waiting"/>
                    <mobile:MobileTabStripItem Text="Done"/>
                </mobile:MobileTabStrip.Items>
            </mobile:MobileTabStrip>


            <mobile:MobileCard
                Grid.Row="2"
                Grid.Column="1"
                Background="Silver">
                <mobile:MobileMenuButton
                    x:Name="_selectionmenu"
                    IsVisible="True"
                    Image="lines"
                    Position="AlignTopLeft"
                    Appearing="_selectionmenu_OnAppearing"
                    >
                
                    <mobile:MobileMenuButton.Items>
                        <mobile:MobileMenuItem x:Name="_reassign" Text="Reassign Task" Clicked="_reassign_OnClicked"/>
                        <mobile:MobileMenuItem  x:Name="_setstatus" Text="Change Status" Clicked="_setstatus_OnClicked"/>
                        <mobile:MobileMenuSeparator x:Name="_separator"/>
                        <mobile:MobileMenuItem x:Name="_selectAll" Text="Select All" Clicked="_selectAll_OnClicked" />
                        <mobile:MobileMenuItem x:Name="_selectNone" Text="Select None" IsVisible="False" Clicked="_selectNone_OnClicked" />
                    
                    </mobile:MobileMenuButton.Items>
                
                </mobile:MobileMenuButton>
            </mobile:MobileCard>

            
        </Grid>

    </mobile:MobilePage.PageContent>
    
</mobile:MobilePage>