prs/prs.mobile/comal.timesheets/MainPage.xaml

<?xml version="1.0" encoding="utf-8"?>
<local:BasePage 
    xmlns="http://xamarin.com/schemas/2014/forms" 
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
    xmlns:local="clr-namespace:comal.timesheets"
    xmlns:material="clr-namespace:XF.Material.Forms.UI;assembly=XF.Material"
    x:Class="comal.timesheets.MainPage"
    BackButtonEnabled="False">
    
    <local:BasePage.ActionButtons>
        <ImageButton Source="settings" Clicked="Settings_OnTapped" />
    </local:BasePage.ActionButtons>
    
    <local:BasePage.PageContent>
        <Grid x:Name="homeScreenGrid" RowSpacing="0" ColumnSpacing="0">
            <Grid.RowDefinitions>
                <RowDefinition Height="0" x:Name="LogoRow"/>
                <RowDefinition Height="5.5*" x:Name="ClockOnRow"/>
                <RowDefinition Height="55" x:Name="JobRow"/>
                <RowDefinition Height="55" x:Name="TaskRow"/>
                <RowDefinition Height="12*"/>
            </Grid.RowDefinitions>
            
            <material:MaterialCard 
                x:Name="ClockOnButton" 
                Grid.Row="1"  
                BorderColor="Black"
                CornerRadius="5" 
                BackgroundColor="Gainsboro" 
                Elevation="0" 
                Clicked="ClockOnOff_Clicked" 
                IsEnabled="False" 
                IsClickable="True" 
                Margin="10,10,10,6">
                <StackLayout Orientation="Vertical" VerticalOptions="Center" HorizontalOptions="Center">
                    <Label x:Name="ClockOnOffLabel" Text="PLEASE WAIT" FontSize="Large" FontAttributes="Bold" BackgroundColor="Transparent" HorizontalTextAlignment="Center" HorizontalOptions="Fill"/>
                    <Label x:Name="CurrentLocation" Text="Initializing.." FontSize="Medium" FontAttributes="Bold" BackgroundColor="Transparent" HorizontalTextAlignment="Center" HorizontalOptions="Fill" />
                </StackLayout>
            </material:MaterialCard>
            
            <!--row 1-->
            <Grid Grid.Row="2" RowSpacing="0" ColumnSpacing="0" x:Name="buttonsGrid">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>

                <local:ActionButton Grid.Column="0" Clicked="JobBtn_Tapped" x:Name="jobBtn" IsEnabled="False"
                    Text="Job" Margin="10, 0, 5, 5"
                    HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"
                    />

                <local:ActionButton Grid.Column="1" Clicked="AddNote_Tapped" x:Name="addNoteBtn" IsEnabled="False"
                                    Text="Add note" Margin="0, 0, 10, 5" Padding="20,0,20,0"
                                    HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"
                />
            </Grid>

            <local:ActionButton Grid.Row="3" Clicked="TaskBtn_Tapped" x:Name="taskBtn" IsEnabled="False"
                    Text="Task"  Margin="10, 0, 10, 5"
                    HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"
                    />

            <local:ToolGrid Grid.Row="4" x:Name="Tools" Margin="0,2,0,0">
                <local:ToolGrid.Items>
                    
                    <local:ToolItem
                        x:Name="Assignments"
                        Text="Assignments"
                        Image="calendar.png"
                        Tapped="Assignments_OnTapped"/>  
                    
                    <local:ToolItem
                        x:Name="Deliveries"
                        Text="Deliveries"
                        Image="deliveries.png"
                        Tapped="Deliveries_OnTapped"/>
                    
                    <local:ToolItem
                        x:Name="Equipment"
                        Text="Equipment"
                        Image="digger.png"
                        Tapped="Equipment_OnTapped"/>  
                    
                    <local:ToolItem
                        x:Name="Manufacturing"
                        Text="Factory"
                        Image="manufacturingg.png"
                        Tapped="Manufacturing_OnTapped"/>  
                                                    
                    <local:ToolItem
                        x:Name="Forms"
                        Text="Forms"
                        Image="forms.png"
                        Tapped="Forms_OnTapped"/>  
                                
                    <local:ToolItem
                        x:Name="InOut"
                        Text="In/Out"
                        Image="inout.png"
                        Tapped="InOut_OnTapped"/>  
                    
                    <local:ToolItem
                        x:Name="MyHR"
                        Text="My HR"
                        Image="myhr.png"
                        Tapped="MyHR_OnTapped"/>  
                                
                    <local:ToolItem
                        x:Name="Notifications"
                        Text="Notifications"
                        Image="notifications.png"
                        Tapped="Notifications_OnTapped"/>  
                                
                    <local:ToolItem
                        x:Name="Products"
                        Text="Products"
                        Image="products.png"
                        Tapped="Products_OnTapped"/>  
                                
                    <local:ToolItem
                        x:Name="PurchaseOrders"
                        Text="Orders"
                        Image="shoppingcart.png"
                        Tapped="PurchaseOrders_OnTapped"/>  
                                
                    <local:ToolItem
                        x:Name="Site"
                        Text="Site"
                        Image="construction.png"
                        Tapped="Site_OnTapped"/>  
                                
                    <local:ToolItem
                        x:Name="StoreRequis"
                        Text="Stores"
                        Image="storerequis.png"
                        Tapped="StoreRequis_OnTapped"/>  
                                
                    <local:ToolItem
                        x:Name="MyTasks"
                        Text="My Tasks"
                        Image="tasks.png"
                        Tapped="MyTasks_OnTapped"/>  
                                
                    <local:ToolItem
                        x:Name="Warehousing"
                        Text="Warehouse"
                        Image="newwarehousing.png"
                        Tapped="Warehousing_OnTapped"/>  
     
                </local:ToolGrid.Items>
                
            </local:ToolGrid>
            
            <!-- Modules -->
            <!-- <ScrollView x:Name="flexLayoutScrollView" Grid.Row="4" > -->
            <!--     <ScrollView.Margin> -->
            <!--         <OnPlatform x:TypeArguments="Thickness"> -->
            <!--             <On Platform="Android" Value="0, 5,0, 10"/> -->
            <!--             <On Platform="iOS" Value="5, 5, 7, 10"/> -->
            <!--         </OnPlatform> -->
            <!--     </ScrollView.Margin> -->
            <!-- -->
            <!--     <FlexLayout x:Name="flexLayout"                         -->
            <!--                 Wrap="Wrap" -->
            <!--                 Direction="Row" -->
            <!--                 JustifyContent="SpaceEvenly" -->
            <!--                 AlignItems="Start" -->
            <!--                 AlignContent="Start"> -->
            <!--          -->
            <!--         <local:ToolEntry -->
            <!--             x:Name="Assignments" -->
            <!--             Text="Assignments" -->
            <!--             Image="calendar.png" -->
            <!--             Tapped="Assignments_OnTapped"/>    -->
            <!--          -->
            <!--         <local:ToolEntry -->
            <!--             x:Name="Deliveries" -->
            <!--             Text="Deliveries" -->
            <!--             Image="deliveries.png" -->
            <!--             Tapped="Deliveries_OnTapped"/> -->
            <!--          -->
            <!--         <local:ToolEntry -->
            <!--             x:Name="Equipment" -->
            <!--             Text="Equipment" -->
            <!--             Image="digger.png" -->
            <!--             Tapped="Equipment_OnTapped"/>   -->
            <!--          -->
            <!--         <local:ToolEntry -->
            <!--             x:Name="Manufacturing" -->
            <!--             Text="Factory" -->
            <!--             Image="manufacturingg.png" -->
            <!--             Tapped="Manufacturing_OnTapped"/>   -->
            <!--                                          -->
            <!--         <local:ToolEntry -->
            <!--             x:Name="Forms" -->
            <!--             Text="Forms" -->
            <!--             Image="forms.png" -->
            <!--             Tapped="Forms_OnTapped"/>   -->
            <!--                      -->
            <!--         <local:ToolEntry -->
            <!--             x:Name="InOut" -->
            <!--             Text="In/Out" -->
            <!--             Image="inout.png" -->
            <!--             Tapped="InOut_OnTapped"/>   -->
            <!--          -->
            <!--         <local:ToolEntry -->
            <!--             x:Name="MyHR" -->
            <!--             Text="My HR" -->
            <!--             Image="myhr.png" -->
            <!--             Tapped="MyHR_OnTapped"/>   -->
            <!--                      -->
            <!--         <local:ToolEntry -->
            <!--             x:Name="Notifications" -->
            <!--             Text="Notifications" -->
            <!--             Image="notifications.png" -->
            <!--             Tapped="Notifications_OnTapped"/>   -->
            <!--                      -->
            <!--         <local:ToolEntry -->
            <!--             x:Name="Products" -->
            <!--             Text="Products" -->
            <!--             Image="products.png" -->
            <!--             Tapped="Products_OnTapped"/>   -->
            <!--                      -->
            <!--         <local:ToolEntry -->
            <!--             x:Name="PurchaseOrders" -->
            <!--             Text="Orders" -->
            <!--             Image="shoppingcart.png" -->
            <!--             Tapped="PurchaseOrders_OnTapped"/>   -->
            <!--                      -->
            <!--         <local:ToolEntry -->
            <!--             x:Name="Scanner" -->
            <!--             Text="Scanner" -->
            <!--             Image="scanner.png" -->
            <!--             Tapped="Scanner_OnTapped"/>   -->
            <!--                      -->
            <!--         <local:ToolEntry -->
            <!--             x:Name="Site" -->
            <!--             Text="Site" -->
            <!--             Image="construction.png" -->
            <!--             Tapped="Site_OnTapped"/>   -->
            <!--                      -->
            <!--         <local:ToolEntry -->
            <!--             x:Name="StoreRequis" -->
            <!--             Text="Stores" -->
            <!--             Image="storerequis.png" -->
            <!--             Tapped="StoreRequis_OnTapped"/>   -->
            <!--                      -->
            <!--         <local:ToolEntry -->
            <!--             x:Name="MyTasks" -->
            <!--             Text="My Tasks" -->
            <!--             Image="tasks.png" -->
            <!--             Tapped="MyTasks_OnTapped"/>   -->
            <!--                      -->
            <!--         <local:ToolEntry -->
            <!--             x:Name="Warehousing" -->
            <!--             Text="Warehouse" -->
            <!--             Image="newwarehousing.png" -->
            <!--             Tapped="Warehousing_OnTapped"/>   -->
            <!--          -->
            <!--     </FlexLayout> -->
            <!-- </ScrollView> -->
            
        </Grid>
    </local:BasePage.PageContent>

</local:BasePage>