83 lines
5.3 KiB
XML
83 lines
5.3 KiB
XML
<?xml version="1.0" encoding="utf-8" ?>
|
|
<ui:BillingPage xmlns="http://xamarin.com/schemas/2014/forms"
|
|
xmlns:r="clr-namespace:Billing.Languages"
|
|
xmlns:ui="clr-namespace:Billing.UI"
|
|
xmlns:v="clr-namespace:Billing.Views"
|
|
xmlns:m="clr-namespace:Billing.Models"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
|
|
x:Class="Billing.Views.AccountPage"
|
|
x:Name="accountPage"
|
|
x:DataType="v:AccountPage"
|
|
Title="{r:Text Accounts}"
|
|
BindingContext="{x:Reference accountPage}"
|
|
Shell.TabBarIsVisible="True">
|
|
|
|
<ContentPage.Resources>
|
|
<ui:MoneyConverter x:Key="moneyConverter"/>
|
|
<ui:AccountCategoryConverter x:Key="categoryConverter"/>
|
|
<ui:IconConverter x:Key="iconConverter"/>
|
|
</ContentPage.Resources>
|
|
|
|
<ContentPage.ToolbarItems>
|
|
<ToolbarItem Order="Primary" IconImageSource="plus.png" Command="{Binding EditAccount}"/>
|
|
</ContentPage.ToolbarItems>
|
|
|
|
<ScrollView>
|
|
<StackLayout>
|
|
<Grid HeightRequest="100" BackgroundColor="{DynamicResource PromptBackgroundColor}" ColumnDefinitions="Auto, *">
|
|
<!--<Grid.Effects>
|
|
<ui:ShadowEffect Offect="0, 3" Color="Black" Opacity=".4"/>
|
|
</Grid.Effects>-->
|
|
<StackLayout VerticalOptions="Center" Margin="20, 0" Spacing="4">
|
|
<Label FontSize="Small" Text="{r:Text Balance}"/>
|
|
<Label FontSize="24" FontFamily="{DynamicResource FontSemiBold}"
|
|
Text="{Binding Balance, Converter={StaticResource moneyConverter}}"/>
|
|
</StackLayout>
|
|
<Grid Grid.Column="1" Margin="20, 0" VerticalOptions="Center" HorizontalOptions="End"
|
|
ColumnDefinitions="Auto, Auto" RowDefinitions="Auto, Auto" IsVisible="False">
|
|
<Label FontSize="Small" HorizontalOptions="End" Text="{r:Text Assets}"/>
|
|
<Label Grid.Column="1" FontSize="Small" Margin="10, 0, 0, 0" HorizontalOptions="End"
|
|
Text="{Binding Asset, Converter={StaticResource moneyConverter}}"/>
|
|
<Label Grid.Row="1" FontSize="Small" HorizontalOptions="End" Text="{r:Text Liability}"/>
|
|
<Label Grid.Row="1" Grid.Column="1" FontSize="Small" Margin="10, 0, 0, 0" HorizontalOptions="End"
|
|
TextColor="{DynamicResource RedColor}"
|
|
Text="{Binding Liability, Converter={StaticResource moneyConverter}}"/>
|
|
</Grid>
|
|
</Grid>
|
|
<ui:GroupStackLayout x:Name="groupLayout" ItemsSource="{Binding Accounts}" Margin="0, 10, 0, 0"
|
|
GroupHeight="36" RowHeight="44">
|
|
<ui:GroupStackLayout.GroupHeaderTemplate>
|
|
<DataTemplate x:DataType="v:AccountGrouping">
|
|
<StackLayout Orientation="Horizontal" Padding="10, 0" VerticalOptions="End">
|
|
<Label Text="{Binding Key, Converter={StaticResource categoryConverter}}"
|
|
TextColor="{DynamicResource SecondaryTextColor}"/>
|
|
<Label Text="{Binding Balance, Converter={StaticResource moneyConverter}}"
|
|
Margin="10, 0" TextColor="{DynamicResource SecondaryTextColor}"/>
|
|
</StackLayout>
|
|
</DataTemplate>
|
|
</ui:GroupStackLayout.GroupHeaderTemplate>
|
|
<ui:GroupStackLayout.ItemTemplate>
|
|
<DataTemplate x:DataType="m:Account">
|
|
<ui:LongPressGrid Padding="20, 0, 10, 0" ColumnSpacing="10" ColumnDefinitions="Auto, *, Auto, Auto"
|
|
LongCommand="{Binding DeleteAccount, Source={x:Reference accountPage}}"
|
|
LongCommandParameter="{Binding .}">
|
|
<Grid.GestureRecognizers>
|
|
<TapGestureRecognizer Command="{Binding EditAccount, Source={x:Reference accountPage}}"
|
|
CommandParameter="{Binding .}"/>
|
|
</Grid.GestureRecognizers>
|
|
<ui:TintImage Source="{Binding Icon, Converter={StaticResource iconConverter}}"
|
|
WidthRequest="26" HeightRequest="20" VerticalOptions="Center"/>
|
|
<Label Grid.Column="1" Text="{Binding Name}" TextColor="{DynamicResource TextColor}"
|
|
HorizontalOptions="FillAndExpand" VerticalOptions="Center"
|
|
FontSize="Default" FontAttributes="Bold"/>
|
|
<Label Grid.Column="2" Text="{Binding Balance, Converter={StaticResource moneyConverter}}"
|
|
TextColor="{DynamicResource SecondaryTextColor}"
|
|
VerticalOptions="Center"/>
|
|
<ui:TintImage Grid.Column="3" Source="right.png" HeightRequest="20"/>
|
|
</ui:LongPressGrid>
|
|
</DataTemplate>
|
|
</ui:GroupStackLayout.ItemTemplate>
|
|
</ui:GroupStackLayout>
|
|
</StackLayout>
|
|
</ScrollView>
|
|
</ui:BillingPage> |