ModuleMenu.xaml 5.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <ContentView xmlns="http://xamarin.com/schemas/2014/forms"
  3. xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
  4. xmlns:ui="clr-namespace:XF.Material.Forms.UI;assembly=XF.Material"
  5. xmlns:timesheets="clr-namespace:comal.timesheets"
  6. x:Class="comal.timesheets.ModuleMenu" BackgroundColor="Transparent">
  7. <ContentView.Content>
  8. <ListView
  9. x:Name="Modules"
  10. RowHeight="120"
  11. SeparatorVisibility="None"
  12. BackgroundColor="Transparent">
  13. <ListView.ItemTemplate>
  14. <DataTemplate>
  15. <ViewCell>
  16. <ViewCell.View>
  17. <ContentView BackgroundColor="WhiteSmoke">
  18. <ui:MaterialCard
  19. HeightRequest="100"
  20. CornerRadius="5"
  21. Elevation="0"
  22. HorizontalOptions="FillAndExpand"
  23. BorderColor="{Binding BorderColor}"
  24. Margin="7,3.5,7,3.5"
  25. BackgroundColor="{Binding BackgroundColor}"
  26. Padding="5"
  27. Clicked="MaterialCard_OnClicked"
  28. IsEnabled="{Binding IsEnabled}"
  29. IsClickable="{Binding IsEnabled}"
  30. >
  31. <ui:MaterialCard.Triggers>
  32. <DataTrigger TargetType="ui:MaterialCard" Binding="{Binding IsEnabled}" Value="False">
  33. <Setter Property="BackgroundColor" Value="Silver" />
  34. </DataTrigger>
  35. <DataTrigger TargetType="ui:MaterialCard" Binding="{Binding IsEnabled}" Value="False">
  36. <Setter Property="BorderColor" Value="Gray" />
  37. </DataTrigger>
  38. </ui:MaterialCard.Triggers>
  39. <Grid RowSpacing="0">
  40. <Grid.ColumnDefinitions>
  41. <ColumnDefinition Width="Auto"/>
  42. <ColumnDefinition Width="*"/>
  43. </Grid.ColumnDefinitions>
  44. <Grid.RowDefinitions>
  45. <RowDefinition Height="0.8*"/>
  46. <RowDefinition Height="1.2*"/>
  47. </Grid.RowDefinitions>
  48. <Image Source="{Binding Thumbnail}" Grid.Row="0" Grid.Column="0" Grid.RowSpan="2" Margin="10"/>
  49. <ui:MaterialLabel
  50. Text="{Binding Header}"
  51. Grid.Row="0"
  52. Grid.Column="1"
  53. HorizontalTextAlignment="Start"
  54. VerticalTextAlignment="End"
  55. TypeScale="H6"
  56. TextColor="{Binding TextColor}">
  57. <ui:MaterialLabel.Triggers>
  58. <DataTrigger TargetType="ui:MaterialLabel" Binding="{Binding IsEnabled}" Value="False">
  59. <Setter Property="TextColor" Value="Gray" />
  60. </DataTrigger>
  61. </ui:MaterialLabel.Triggers>
  62. </ui:MaterialLabel>
  63. <ui:MaterialLabel
  64. Text="{Binding Description}"
  65. Grid.Row="1"
  66. Grid.Column="1"
  67. HorizontalTextAlignment="Start"
  68. VerticalTextAlignment="Center"
  69. TypeScale="Body1"
  70. LineBreakMode="WordWrap"
  71. TextColor="{Binding TextColor}">
  72. <ui:MaterialLabel.Triggers>
  73. <DataTrigger TargetType="ui:MaterialLabel" Binding="{Binding IsEnabled}" Value="False">
  74. <Setter Property="TextColor" Value="Gray" />
  75. </DataTrigger>
  76. </ui:MaterialLabel.Triggers>
  77. </ui:MaterialLabel>
  78. </Grid>
  79. </ui:MaterialCard>
  80. </ContentView>
  81. </ViewCell.View>
  82. </ViewCell>
  83. </DataTemplate>
  84. </ListView.ItemTemplate>
  85. </ListView>
  86. </ContentView.Content>
  87. </ContentView>