├── App.xaml
├── App.xaml.cs
├── Fonts
    ├── Rubik-Medium.ttf
    └── Rubik-Regular.ttf
├── Images
    ├── customer_page.png
    ├── home_page.png
    ├── img_customer.png
    ├── img_home.png
    ├── img_order.png
    ├── img_product.png
    ├── img_setting.png
    ├── img_shipment.png
    ├── img_transaction.png
    ├── order_page.png
    ├── product_page.png
    ├── setting_page.png
    ├── shipment_page.png
    ├── shutdown_def.png
    ├── shutdown_mo.png
    └── transaction_page.png
├── LICENSE
├── MainWindow.xaml
├── MainWindow.xaml.cs
├── Model
    └── PageModel.cs
├── README.md
├── Source Code
    └── Page Navigation App.rar
├── Styles
    ├── Button.xaml
    ├── Image.xaml
    ├── Page.xaml
    └── Text.xaml
├── Utilities
    ├── Btn.cs
    ├── DataTemplate.xaml
    ├── RelayCommand.cs
    └── ViewModelBase.cs
├── View
    ├── Customers.xaml
    ├── Customers.xaml.cs
    ├── Home.xaml
    ├── Home.xaml.cs
    ├── Orders.xaml
    ├── Orders.xaml.cs
    ├── Products.xaml
    ├── Products.xaml.cs
    ├── Settings.xaml
    ├── Settings.xaml.cs
    ├── Shipments.xaml
    ├── Shipments.xaml.cs
    ├── Transactions.xaml
    └── Transactions.xaml.cs
└── ViewModel
    ├── CustomerVM.cs
    ├── HomeVM.cs
    ├── NavigationVM.cs
    ├── OrderVM.cs
    ├── ProductVM.cs
    ├── SettingVM.cs
    ├── ShipmentVM.cs
    └── TransactionVM.cs


/App.xaml:
--------------------------------------------------------------------------------
 1 | <Application x:Class="Page_Navigation_App.App"
 2 |              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3 |              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4 |              xmlns:local="clr-namespace:Page_Navigation_App"
 5 |              StartupUri="MainWindow.xaml">
 6 |     
 7 |     <Application.Resources>
 8 | 
 9 |         <ResourceDictionary>
10 | 
11 |             <ResourceDictionary.MergedDictionaries>
12 | 
13 |                 <ResourceDictionary Source="Styles/Page.xaml" />
14 |                 <ResourceDictionary Source="Styles/Image.xaml" />
15 |                 <ResourceDictionary Source="Styles/Text.xaml" />
16 |                 <ResourceDictionary Source="Styles/Button.xaml" />
17 |                 <ResourceDictionary Source="Utilities/DataTemplate.xaml" />
18 | 
19 |             </ResourceDictionary.MergedDictionaries>
20 |             
21 |         </ResourceDictionary>
22 | 
23 |     </Application.Resources>
24 |     
25 | </Application>
26 | 


--------------------------------------------------------------------------------
/App.xaml.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Configuration;
 4 | using System.Data;
 5 | using System.Linq;
 6 | using System.Threading.Tasks;
 7 | using System.Windows;
 8 | 
 9 | namespace Page_Navigation_App
10 | {
11 |     /// <summary>
12 |     /// Interaction logic for App.xaml
13 |     /// </summary>
14 |     public partial class App : Application
15 |     {
16 |     }
17 | }
18 | 


--------------------------------------------------------------------------------
/Fonts/Rubik-Medium.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CSharpDesignPro/Page-Navigation-using-MVVM/a4c42a26c82bde793e6a83960f1534fb1956305e/Fonts/Rubik-Medium.ttf


--------------------------------------------------------------------------------
/Fonts/Rubik-Regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CSharpDesignPro/Page-Navigation-using-MVVM/a4c42a26c82bde793e6a83960f1534fb1956305e/Fonts/Rubik-Regular.ttf


--------------------------------------------------------------------------------
/Images/customer_page.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CSharpDesignPro/Page-Navigation-using-MVVM/a4c42a26c82bde793e6a83960f1534fb1956305e/Images/customer_page.png


--------------------------------------------------------------------------------
/Images/home_page.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CSharpDesignPro/Page-Navigation-using-MVVM/a4c42a26c82bde793e6a83960f1534fb1956305e/Images/home_page.png


--------------------------------------------------------------------------------
/Images/img_customer.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CSharpDesignPro/Page-Navigation-using-MVVM/a4c42a26c82bde793e6a83960f1534fb1956305e/Images/img_customer.png


--------------------------------------------------------------------------------
/Images/img_home.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CSharpDesignPro/Page-Navigation-using-MVVM/a4c42a26c82bde793e6a83960f1534fb1956305e/Images/img_home.png


--------------------------------------------------------------------------------
/Images/img_order.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CSharpDesignPro/Page-Navigation-using-MVVM/a4c42a26c82bde793e6a83960f1534fb1956305e/Images/img_order.png


--------------------------------------------------------------------------------
/Images/img_product.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CSharpDesignPro/Page-Navigation-using-MVVM/a4c42a26c82bde793e6a83960f1534fb1956305e/Images/img_product.png


--------------------------------------------------------------------------------
/Images/img_setting.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CSharpDesignPro/Page-Navigation-using-MVVM/a4c42a26c82bde793e6a83960f1534fb1956305e/Images/img_setting.png


--------------------------------------------------------------------------------
/Images/img_shipment.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CSharpDesignPro/Page-Navigation-using-MVVM/a4c42a26c82bde793e6a83960f1534fb1956305e/Images/img_shipment.png


--------------------------------------------------------------------------------
/Images/img_transaction.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CSharpDesignPro/Page-Navigation-using-MVVM/a4c42a26c82bde793e6a83960f1534fb1956305e/Images/img_transaction.png


--------------------------------------------------------------------------------
/Images/order_page.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CSharpDesignPro/Page-Navigation-using-MVVM/a4c42a26c82bde793e6a83960f1534fb1956305e/Images/order_page.png


--------------------------------------------------------------------------------
/Images/product_page.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CSharpDesignPro/Page-Navigation-using-MVVM/a4c42a26c82bde793e6a83960f1534fb1956305e/Images/product_page.png


--------------------------------------------------------------------------------
/Images/setting_page.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CSharpDesignPro/Page-Navigation-using-MVVM/a4c42a26c82bde793e6a83960f1534fb1956305e/Images/setting_page.png


--------------------------------------------------------------------------------
/Images/shipment_page.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CSharpDesignPro/Page-Navigation-using-MVVM/a4c42a26c82bde793e6a83960f1534fb1956305e/Images/shipment_page.png


--------------------------------------------------------------------------------
/Images/shutdown_def.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CSharpDesignPro/Page-Navigation-using-MVVM/a4c42a26c82bde793e6a83960f1534fb1956305e/Images/shutdown_def.png


--------------------------------------------------------------------------------
/Images/shutdown_mo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CSharpDesignPro/Page-Navigation-using-MVVM/a4c42a26c82bde793e6a83960f1534fb1956305e/Images/shutdown_mo.png


--------------------------------------------------------------------------------
/Images/transaction_page.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CSharpDesignPro/Page-Navigation-using-MVVM/a4c42a26c82bde793e6a83960f1534fb1956305e/Images/transaction_page.png


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2022 Arun Mutharasu
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/MainWindow.xaml:
--------------------------------------------------------------------------------
  1 | <!--/// <Summary>
  2 |     /// Author : R. Arun Mutharasu
  3 |     /// Created :25-08-2022
  4 |     /// YouTube Channel : C# Design Pro 
  5 |     /// </Summary>-->
  6 | 
  7 | <Window x:Class="Page_Navigation_App.MainWindow"
  8 |         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  9 |         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 10 |         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
 11 |         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
 12 |         xmlns:vm="clr-namespace:Page_Navigation_App.ViewModel"
 13 |         xmlns:Menu="clr-namespace:Page_Navigation_App.Utilities"
 14 |         mc:Ignorable="d"
 15 |         Title="MainWindow"
 16 |         Height="600"
 17 |         Width="850"
 18 |         AllowsTransparency="True"
 19 |         WindowStartupLocation="CenterScreen"
 20 |         WindowStyle="None"
 21 |         Background="Transparent">
 22 | 
 23 |     <Window.DataContext>
 24 |         <vm:NavigationVM />
 25 |     </Window.DataContext>
 26 | 
 27 |     <Grid>
 28 | 
 29 |         <!--// Window Border //-->
 30 | 
 31 |         <Border Background="#212529"
 32 |                 CornerRadius="20" />
 33 | 
 34 |         <Grid>
 35 | 
 36 |             <!--// Base Grid //-->
 37 | 
 38 |             <Grid.ColumnDefinitions>
 39 |                 <ColumnDefinition Width="228" />
 40 |                 <ColumnDefinition Width="622" />
 41 |             </Grid.ColumnDefinitions>
 42 | 
 43 |             <!--// Navigation Panel //-->
 44 | 
 45 |             <Grid HorizontalAlignment="Left"
 46 |                   Width="228">
 47 | 
 48 |                 <Border Background="#272B2F"
 49 |                         CornerRadius="20,0,0,20" />
 50 | 
 51 |                 <StackPanel Height="400"
 52 |                             Width="228">
 53 | 
 54 |                     <!--// Home //-->
 55 | 
 56 |                     <Menu:Btn Style="{StaticResource BtnStyle}"
 57 |                               Command="{Binding HomeCommand}"
 58 |                               IsChecked="True">
 59 | 
 60 |                         <Grid>
 61 | 
 62 |                             <Image Source="Images/img_home.png"
 63 |                                    Style="{StaticResource Image_Style}" />
 64 | 
 65 |                             <TextBlock Text="Home"
 66 |                                        Style="{StaticResource Text_Style}" />
 67 | 
 68 |                         </Grid>
 69 | 
 70 |                     </Menu:Btn>
 71 | 
 72 |                     <!--// Customer //-->
 73 | 
 74 |                     <Menu:Btn Style="{StaticResource BtnStyle}"
 75 |                               Command="{Binding CustomersCommand}">
 76 | 
 77 |                         <Grid>
 78 | 
 79 |                             <Image Source="Images/img_customer.png"
 80 |                                    Style="{StaticResource Image_Style}" />
 81 | 
 82 |                             <TextBlock Text="Customer"
 83 |                                        Style="{StaticResource Text_Style}" />
 84 | 
 85 |                         </Grid>
 86 | 
 87 |                     </Menu:Btn>
 88 | 
 89 |                     <!--// Products //-->
 90 | 
 91 |                     <Menu:Btn Style="{StaticResource BtnStyle}"
 92 |                               Command="{Binding ProductsCommand}">
 93 | 
 94 |                         <Grid>
 95 | 
 96 |                             <Image Source="Images/img_product.png"
 97 |                                    Style="{StaticResource Image_Style}" />
 98 | 
 99 |                             <TextBlock Text="Products"
100 |                                        Style="{StaticResource Text_Style}" />
101 | 
102 |                         </Grid>
103 | 
104 |                     </Menu:Btn>
105 | 
106 |                     <!--// Orders //-->
107 | 
108 |                     <Menu:Btn Style="{StaticResource BtnStyle}"
109 |                               Command="{Binding OrdersCommand}">
110 | 
111 |                         <Grid>
112 | 
113 |                             <Image Source="Images/img_order.png"
114 |                                    Style="{StaticResource Image_Style}" />
115 | 
116 |                             <TextBlock Text="Orders"
117 |                                        Style="{StaticResource Text_Style}" />
118 | 
119 |                         </Grid>
120 | 
121 |                     </Menu:Btn>
122 | 
123 |                     <!--// Transactions //-->
124 | 
125 |                     <Menu:Btn Style="{StaticResource BtnStyle}"
126 |                               Command="{Binding TransactionsCommand}">
127 | 
128 |                         <Grid>
129 | 
130 |                             <Image Source="Images/img_transaction.png"
131 |                                    Style="{StaticResource Image_Style}" />
132 | 
133 |                             <TextBlock Text="Transactions"
134 |                                        Style="{StaticResource Text_Style}" />
135 | 
136 |                         </Grid>
137 | 
138 |                     </Menu:Btn>
139 | 
140 |                     <!--// Shipments //-->
141 | 
142 |                     <Menu:Btn Style="{StaticResource BtnStyle}"
143 |                               Command="{Binding ShipmentsCommand}">
144 | 
145 |                         <Grid>
146 | 
147 |                             <Image Source="Images/img_shipment.png"
148 |                                    Style="{StaticResource Image_Style}" />
149 | 
150 |                             <TextBlock Text="Shipments"
151 |                                        Style="{StaticResource Text_Style}" />
152 | 
153 |                         </Grid>
154 | 
155 |                     </Menu:Btn>
156 | 
157 |                     <!--// Settings //-->
158 | 
159 |                     <Menu:Btn Style="{StaticResource BtnStyle}"
160 |                               Command="{Binding SettingsCommand}">
161 | 
162 |                         <Grid>
163 | 
164 |                             <Image Source="Images/img_setting.png"
165 |                                    Style="{StaticResource Image_Style}" />
166 | 
167 |                             <TextBlock Text="Settings"
168 |                                        Style="{StaticResource Text_Style}" />
169 | 
170 |                         </Grid>
171 | 
172 |                     </Menu:Btn>
173 | 
174 |                 </StackPanel>
175 | 
176 |             </Grid>
177 | 
178 |             <Grid Grid.Column="1">
179 | 
180 |                 <ContentControl x:Name="Pages"
181 |                                 Content="{Binding CurrentView}" />
182 | 
183 |             </Grid>
184 | 
185 |         </Grid>
186 | 
187 |         <Button x:Name="CloseApp"
188 |                 Style="{StaticResource ExitApp}"
189 |                 Click="CloseApp_Click" />
190 | 
191 |     </Grid>
192 | 
193 | </Window>
194 | 


--------------------------------------------------------------------------------
/MainWindow.xaml.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Linq;
 4 | using System.Text;
 5 | using System.Threading.Tasks;
 6 | using System.Windows;
 7 | using System.Windows.Controls;
 8 | using System.Windows.Data;
 9 | using System.Windows.Documents;
10 | using System.Windows.Input;
11 | using System.Windows.Media;
12 | using System.Windows.Media.Imaging;
13 | using System.Windows.Navigation;
14 | using System.Windows.Shapes;
15 | 
16 | namespace Page_Navigation_App
17 | {
18 |     /// <summary>
19 |     /// Interaction logic for MainWindow.xaml
20 |     /// </summary>
21 |     public partial class MainWindow : Window
22 |     {
23 |         public MainWindow()
24 |         {
25 |             InitializeComponent();
26 |         }
27 | 
28 |         private void CloseApp_Click(object sender, RoutedEventArgs e)
29 |         {
30 |             Close();
31 |         }
32 |     }
33 | }
34 | 


--------------------------------------------------------------------------------
/Model/PageModel.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Linq;
 4 | using System.Text;
 5 | using System.Threading.Tasks;
 6 | 
 7 | namespace Page_Navigation_App.Model
 8 | {
 9 |     public class PageModel
10 |     {
11 |         public int CustomerCount { get; set; }
12 |         public string ProductStatus { get; set; }
13 |         public DateOnly OrderDate { get; set; }
14 |         public decimal TransactionValue { get; set; }
15 |         public TimeOnly ShipmentDelivery { get; set; }
16 |         public bool LocationStatus { get; set; }
17 | 
18 |     }
19 | }
20 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # WPF - Page Navigation using MVVM
 2 | 
 3 | YouTube Video Tutorial Link : https://youtu.be/CkHyDYeImjY
 4 | 
 5 | ![Thumbnail Updated](https://user-images.githubusercontent.com/55704859/186707492-d78dc245-7219-4a64-b3f1-396af89daf08.png)
 6 | 
 7 | 
 8 | Icon Credits : https://icons8.com/icons
 9 | 
10 | GitHub Account : https://github.com/CSharpDesignPro
11 | 


--------------------------------------------------------------------------------
/Source Code/Page Navigation App.rar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CSharpDesignPro/Page-Navigation-using-MVVM/a4c42a26c82bde793e6a83960f1534fb1956305e/Source Code/Page Navigation App.rar


--------------------------------------------------------------------------------
/Styles/Button.xaml:
--------------------------------------------------------------------------------
  1 | <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  2 |                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  3 | 
  4 |     <Style x:Key="BtnStyle"
  5 |            TargetType="RadioButton">
  6 | 
  7 |         <Setter Property="HorizontalAlignment"
  8 |                 Value="Center" />
  9 |         <Setter Property="VerticalAlignment"
 10 |                 Value="Center" />
 11 |         <Setter Property="Margin"
 12 |                 Value="0,5,0,0" />
 13 | 
 14 |         <Setter Property="Template">
 15 |             <Setter.Value>
 16 |                 <ControlTemplate TargetType="RadioButton">
 17 | 
 18 |                     <Border x:Name="border"
 19 |                             Height="50"
 20 |                             Width="228"
 21 |                             BorderThickness="0">
 22 | 
 23 |                         <Border.Background>
 24 |                             <SolidColorBrush x:Name="BorderBackground"
 25 |                                              Color="#272B2F" />
 26 |                         </Border.Background>
 27 | 
 28 |                         <Grid>
 29 | 
 30 |                             <Border x:Name="Indicator"
 31 |                                     Height="35"
 32 |                                     Width="4"
 33 |                                     HorizontalAlignment="Left"
 34 |                                     VerticalAlignment="Center"
 35 |                                     Background="#FFFFFF"
 36 |                                     Visibility="Collapsed"
 37 |                                     CornerRadius="2" />
 38 | 
 39 |                             <ContentPresenter />
 40 | 
 41 |                         </Grid>
 42 |                         
 43 |                     </Border>
 44 | 
 45 |                     <ControlTemplate.Triggers>
 46 | 
 47 |                         <Trigger Property="IsMouseOver"
 48 |                                  Value="True">
 49 | 
 50 |                             <Setter Property="Visibility"
 51 |                                     TargetName="Indicator"
 52 |                                     Value="Visible" />
 53 | 
 54 |                         </Trigger>
 55 | 
 56 |                         <EventTrigger RoutedEvent="Border.MouseEnter"
 57 |                                       SourceName="border">
 58 | 
 59 |                             <BeginStoryboard>
 60 |                                 <Storyboard>
 61 |                                     <ColorAnimation Storyboard.TargetName="BorderBackground"
 62 |                                                     Storyboard.TargetProperty="Color"
 63 |                                                     From="#272B2F"
 64 |                                                     To="#3E434A"
 65 |                                                     Duration="0:0:0.3" />
 66 |                                 </Storyboard>
 67 |                             </BeginStoryboard>
 68 |                             
 69 |                         </EventTrigger>
 70 | 
 71 |                         <EventTrigger RoutedEvent="Border.MouseLeave"
 72 |                                       SourceName="border">
 73 | 
 74 |                             <BeginStoryboard>
 75 |                                 <Storyboard>
 76 |                                     <ColorAnimation Storyboard.TargetName="BorderBackground"
 77 |                                                     Storyboard.TargetProperty="Color"
 78 |                                                     From="#3E434A"
 79 |                                                     To="#272B2F"
 80 |                                                     Duration="0:0:0.3" />
 81 |                                 </Storyboard>
 82 |                             </BeginStoryboard>
 83 |                             
 84 |                         </EventTrigger>
 85 | 
 86 |                         <Trigger Property="IsChecked"
 87 |                                  Value="True">
 88 | 
 89 |                             <Setter Property="Background"
 90 |                                     TargetName="border"
 91 |                                     Value="#212529" />
 92 | 
 93 |                             <Setter Property="Visibility"
 94 |                                     TargetName="Indicator"
 95 |                                     Value="Visible" />
 96 | 
 97 |                         </Trigger>
 98 |                         
 99 |                     </ControlTemplate.Triggers>
100 |                     
101 |                 </ControlTemplate>
102 |             </Setter.Value>
103 |         </Setter>
104 | 
105 |     </Style>
106 | 
107 |     <ImageBrush x:Key="close_app_def"
108 |                 ImageSource="/Images/shutdown_def.png"
109 |                 Stretch="None" />
110 | 
111 |     <ImageBrush x:Key="close_app_mo"
112 |                 ImageSource="/Images/shutdown_mo.png"
113 |                 Stretch="None" />
114 | 
115 |     <Style x:Key="ExitApp"
116 |            TargetType="{x:Type Button}">
117 | 
118 |         <Setter Property="Height"
119 |                 Value="40" />
120 |         <Setter Property="Width"
121 |                 Value="40" />
122 |         <Setter Property="HorizontalAlignment"
123 |                 Value="Right" />
124 |         <Setter Property="VerticalAlignment"
125 |                 Value="Top" />
126 |         <Setter Property="Margin"
127 |                 Value="0,15,15,0" />
128 | 
129 |         <Setter Property="Template">
130 | 
131 |             <Setter.Value>
132 | 
133 |                 <ControlTemplate TargetType="{x:Type Button}">
134 | 
135 |                     <Border x:Name="border"
136 |                             BorderThickness="0"
137 |                             Background="{StaticResource close_app_def}">
138 | 
139 |                     </Border>
140 | 
141 |                     <ControlTemplate.Triggers>
142 | 
143 |                         <Trigger Property="IsMouseOver"
144 |                                  Value="True">
145 | 
146 |                             <Setter Property="Background"
147 |                                     TargetName="border"
148 |                                     Value="{StaticResource close_app_mo}" />
149 | 
150 |                         </Trigger>
151 | 
152 |                         <Trigger Property="IsPressed"
153 |                                  Value="True">
154 | 
155 |                             <Setter Property="Background"
156 |                                     TargetName="border"
157 |                                     Value="{StaticResource close_app_mo}" />
158 | 
159 |                         </Trigger>
160 | 
161 |                     </ControlTemplate.Triggers>
162 | 
163 |                 </ControlTemplate>
164 | 
165 |             </Setter.Value>
166 | 
167 |         </Setter>
168 | 
169 |     </Style>
170 | 
171 | </ResourceDictionary>


--------------------------------------------------------------------------------
/Styles/Image.xaml:
--------------------------------------------------------------------------------
 1 | <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 2 |                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
 3 | 
 4 |     <Style x:Key="Image_Style"
 5 |            TargetType="Image">
 6 | 
 7 |         <Setter Property="HorizontalAlignment"
 8 |                 Value="Left" />
 9 |         <Setter Property="VerticalAlignment"
10 |                 Value="Center" />
11 |         <Setter Property="Stretch"
12 |                 Value="Uniform" />
13 |         <Setter Property="Height"
14 |                 Value="30" />
15 |         <Setter Property="Width"
16 |                 Value="30" />
17 |         <Setter Property="Margin"
18 |                 Value="22,0,0,0" />
19 | 
20 |     </Style>
21 |     
22 | </ResourceDictionary>


--------------------------------------------------------------------------------
/Styles/Page.xaml:
--------------------------------------------------------------------------------
 1 | <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 2 |                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
 3 | 
 4 |     <Style x:Key="Page_Style"
 5 |            TargetType="{x:Type UserControl}">
 6 | 
 7 |         <Setter Property="RenderTransform">
 8 |             <Setter.Value>
 9 |                 <TranslateTransform X="0"
10 |                                     Y="50" />
11 |             </Setter.Value>
12 |         </Setter>
13 | 
14 |         <Style.Triggers>
15 | 
16 |             <Trigger Property="Visibility"
17 |                      Value="Collapsed">
18 | 
19 |                 <Setter Property="Opacity"
20 |                         Value="0" />
21 | 
22 |             </Trigger>
23 | 
24 |             <EventTrigger RoutedEvent="Loaded">
25 |                 <BeginStoryboard>
26 |                     <Storyboard>
27 |                         <DoubleAnimation Storyboard.TargetProperty="Opacity"
28 |                                          Duration="0:0:1"
29 |                                          From="0"
30 |                                          To="1" />
31 |                         <DoubleAnimation Storyboard.TargetProperty="(UIElement.RenderTransform).(TranslateTransform.Y)"
32 |                                          From="50"
33 |                                          To="0"
34 |                                          Duration="0:0:0.8"
35 |                                          DecelerationRatio="0.6" />
36 |                     </Storyboard>
37 |                 </BeginStoryboard>
38 |             </EventTrigger>
39 |             
40 |         </Style.Triggers>
41 |         
42 |     </Style>
43 |     
44 | </ResourceDictionary>


--------------------------------------------------------------------------------
/Styles/Text.xaml:
--------------------------------------------------------------------------------
 1 | <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 2 |                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
 3 | 
 4 |     <Style x:Key="Text_Style"
 5 |            TargetType="TextBlock">
 6 | 
 7 |         <Setter Property="FontFamily"
 8 |                 Value="/Fonts/#Rubik" />
 9 |         <Setter Property="VerticalAlignment"
10 |                 Value="Center" />
11 |         <Setter Property="HorizontalAlignment"
12 |                 Value="Left" />
13 |         <Setter Property="Foreground"
14 |                 Value="#DBDBDB" />
15 |         <Setter Property="FontSize"
16 |                 Value="18" />
17 |         <Setter Property="Margin"
18 |                 Value="70,0,0,0" />
19 | 
20 |     </Style>
21 |     
22 | </ResourceDictionary>


--------------------------------------------------------------------------------
/Utilities/Btn.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Linq;
 4 | using System.Text;
 5 | using System.Threading.Tasks;
 6 | using System.Windows;
 7 | using System.Windows.Controls;
 8 | 
 9 | namespace Page_Navigation_App.Utilities
10 | {
11 |     public class Btn : RadioButton
12 |     {
13 |         static Btn()
14 |         {
15 |             DefaultStyleKeyProperty.OverrideMetadata(typeof(Btn), new FrameworkPropertyMetadata(typeof(Btn)));
16 |         }
17 |     }
18 | }
19 | 


--------------------------------------------------------------------------------
/Utilities/DataTemplate.xaml:
--------------------------------------------------------------------------------
 1 | <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 2 |                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 3 |                     xmlns:vm="clr-namespace:Page_Navigation_App.ViewModel"
 4 |                     xmlns:view="clr-namespace:Page_Navigation_App.View">
 5 | 
 6 |     <DataTemplate DataType="{x:Type vm:HomeVM}">
 7 |         <view:Home />
 8 |     </DataTemplate>
 9 | 
10 |     <DataTemplate DataType="{x:Type vm:CustomerVM}">
11 |         <view:Customers />
12 |     </DataTemplate>
13 | 
14 |     <DataTemplate DataType="{x:Type vm:ProductVM}">
15 |         <view:Products />
16 |     </DataTemplate>
17 | 
18 |     <DataTemplate DataType="{x:Type vm:OrderVM}">
19 |         <view:Orders />
20 |     </DataTemplate>
21 | 
22 |     <DataTemplate DataType="{x:Type vm:TransactionVM}">
23 |         <view:Transactions />
24 |     </DataTemplate>
25 | 
26 |     <DataTemplate DataType="{x:Type vm:ShipmentVM}">
27 |         <view:Shipments />
28 |     </DataTemplate>
29 | 
30 |     <DataTemplate DataType="{x:Type vm:SettingVM}">
31 |         <view:Settings />
32 |     </DataTemplate>
33 |     
34 | </ResourceDictionary>


--------------------------------------------------------------------------------
/Utilities/RelayCommand.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Linq;
 4 | using System.Text;
 5 | using System.Threading.Tasks;
 6 | using System.Windows.Input;
 7 | 
 8 | namespace Page_Navigation_App.Utilities
 9 | {
10 |     class RelayCommand : ICommand
11 |     {
12 |         private readonly Action<object> _execute;
13 |         private readonly Func<object, bool> _canExecute;
14 | 
15 |         public event EventHandler CanExecuteChanged
16 |         {
17 |             add { CommandManager.RequerySuggested += value; }
18 |             remove { CommandManager.RequerySuggested -= value; }
19 |         }
20 |         public RelayCommand(Action<object> execute, Func<object, bool> canExecute = null)
21 |         {
22 |             _execute = execute;
23 |             _canExecute = canExecute;
24 |         }
25 |         public bool CanExecute(object parameter) => _canExecute == null || _canExecute(parameter);
26 |         public void Execute(object parameter) => _execute(parameter);
27 |     }
28 | }
29 | 


--------------------------------------------------------------------------------
/Utilities/ViewModelBase.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Linq;
 4 | using System.Text;
 5 | using System.Threading.Tasks;
 6 | using System.ComponentModel;
 7 | using System.Runtime.CompilerServices;
 8 | 
 9 | namespace Page_Navigation_App.Utilities
10 | {
11 |     class ViewModelBase : INotifyPropertyChanged
12 |     {
13 |         public event PropertyChangedEventHandler PropertyChanged;
14 |         public void OnPropertyChanged([CallerMemberName] string propName = null)
15 |         {
16 |             PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propName));
17 |         }
18 |     }
19 | }
20 | 


--------------------------------------------------------------------------------
/View/Customers.xaml:
--------------------------------------------------------------------------------
 1 | <UserControl x:Class="Page_Navigation_App.View.Customers"
 2 |              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3 |              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4 |              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
 5 |              xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
 6 |              xmlns:vm="clr-namespace:Page_Navigation_App.ViewModel"
 7 |              mc:Ignorable="d"
 8 |              d:DesignHeight="600"
 9 |              d:DesignWidth="622"
10 |              Style="{StaticResource Page_Style}">
11 | 
12 |     <UserControl.DataContext>
13 |         <vm:CustomerVM />
14 |     </UserControl.DataContext>
15 |     
16 |     <Grid Margin="15">
17 | 
18 |         <Border CornerRadius="0,20,20,0">
19 |             <Border.Background>
20 |                 <ImageBrush ImageSource="/Images/customer_page.png"
21 |                             Stretch="None" />
22 |             </Border.Background>
23 |         </Border>
24 | 
25 |         <TextBlock Text="Customer ID  :"
26 |                    Foreground="#DBDBDB"
27 |                    FontSize="12"
28 |                    HorizontalAlignment="Left"
29 |                    VerticalAlignment="Top"
30 |                    FontFamily="/Fonts/#Rubik Medium"
31 |                    Margin="70,138,0,0" />
32 | 
33 |         <TextBlock Text="{Binding CustomerID}"
34 |                    Foreground="#CED565"
35 |                    FontSize="12"
36 |                    HorizontalAlignment="Left"
37 |                    VerticalAlignment="Top"
38 |                    FontFamily="/Fonts/#Rubik Medium"
39 |                    Margin="160,138,0,0" />
40 |      
41 | 
42 |     </Grid>
43 | </UserControl>
44 | 


--------------------------------------------------------------------------------
/View/Customers.xaml.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Linq;
 4 | using System.Text;
 5 | using System.Threading.Tasks;
 6 | using System.Windows;
 7 | using System.Windows.Controls;
 8 | using System.Windows.Data;
 9 | using System.Windows.Documents;
10 | using System.Windows.Input;
11 | using System.Windows.Media;
12 | using System.Windows.Media.Imaging;
13 | using System.Windows.Navigation;
14 | using System.Windows.Shapes;
15 | 
16 | namespace Page_Navigation_App.View
17 | {
18 |     /// <summary>
19 |     /// Interaction logic for Customers.xaml
20 |     /// </summary>
21 |     public partial class Customers : UserControl
22 |     {
23 |         public Customers()
24 |         {
25 |             InitializeComponent();
26 |         }
27 |     }
28 | }
29 | 


--------------------------------------------------------------------------------
/View/Home.xaml:
--------------------------------------------------------------------------------
 1 | <UserControl x:Class="Page_Navigation_App.View.Home"
 2 |              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3 |              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4 |              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
 5 |              xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
 6 |              xmlns:local="clr-namespace:Page_Navigation_App.View"
 7 |              mc:Ignorable="d"
 8 |              d:DesignHeight="600"
 9 |              d:DesignWidth="622">
10 | 
11 |     <Grid>
12 | 
13 |         <Border CornerRadius="0,20,20,0" Margin="0,5,5,0">
14 | 
15 |             <Image Source="/Images/home_page.png"
16 |                    Stretch="Fill" />
17 | 
18 |         </Border>
19 | 
20 |     </Grid>
21 | </UserControl>
22 | 


--------------------------------------------------------------------------------
/View/Home.xaml.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Linq;
 4 | using System.Text;
 5 | using System.Threading.Tasks;
 6 | using System.Windows;
 7 | using System.Windows.Controls;
 8 | using System.Windows.Data;
 9 | using System.Windows.Documents;
10 | using System.Windows.Input;
11 | using System.Windows.Media;
12 | using System.Windows.Media.Imaging;
13 | using System.Windows.Navigation;
14 | using System.Windows.Shapes;
15 | 
16 | namespace Page_Navigation_App.View
17 | {
18 |     /// <summary>
19 |     /// Interaction logic for Home.xaml
20 |     /// </summary>
21 |     public partial class Home : UserControl
22 |     {
23 |         public Home()
24 |         {
25 |             InitializeComponent();
26 |         }
27 |     }
28 | }
29 | 


--------------------------------------------------------------------------------
/View/Orders.xaml:
--------------------------------------------------------------------------------
 1 | <UserControl x:Class="Page_Navigation_App.View.Orders"
 2 |              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3 |              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4 |              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
 5 |              xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
 6 |              xmlns:vm="clr-namespace:Page_Navigation_App.ViewModel"
 7 |              mc:Ignorable="d"
 8 |              d:DesignHeight="600"
 9 |              d:DesignWidth="622"
10 |              Style="{StaticResource Page_Style}">
11 | 
12 |     <UserControl.DataContext>
13 |         <vm:OrderVM />
14 |     </UserControl.DataContext>
15 |     
16 |     <Grid Margin="15">
17 | 
18 |         <Border CornerRadius="0,20,20,0">
19 |             <Border.Background>
20 |                 <ImageBrush ImageSource="/Images/order_page.png"
21 |                             Stretch="None" />
22 |             </Border.Background>
23 |         </Border>
24 | 
25 |         <Grid>
26 | 
27 |             <TextBlock Text="DATE  :"
28 |                        Foreground="#DBDBDB"
29 |                        FontSize="12"
30 |                        HorizontalAlignment="Right"
31 |                        VerticalAlignment="Top"
32 |                        FontFamily="/Fonts/#Rubik Medium"
33 |                        Margin="0,145,160,0" />
34 | 
35 |             <TextBlock Text="{Binding DisplayOrderDate}"
36 |                        Foreground="#CED565"
37 |                        FontSize="12"
38 |                        HorizontalAlignment="Right"
39 |                        VerticalAlignment="Top"
40 |                        FontFamily="/Fonts/#Rubik Medium"
41 |                        Margin="0,145,90,0" />
42 | 
43 |         </Grid>
44 | 
45 |     </Grid>
46 | </UserControl>
47 | 


--------------------------------------------------------------------------------
/View/Orders.xaml.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Linq;
 4 | using System.Text;
 5 | using System.Threading.Tasks;
 6 | using System.Windows;
 7 | using System.Windows.Controls;
 8 | using System.Windows.Data;
 9 | using System.Windows.Documents;
10 | using System.Windows.Input;
11 | using System.Windows.Media;
12 | using System.Windows.Media.Imaging;
13 | using System.Windows.Navigation;
14 | using System.Windows.Shapes;
15 | 
16 | namespace Page_Navigation_App.View
17 | {
18 |     /// <summary>
19 |     /// Interaction logic for Orders.xaml
20 |     /// </summary>
21 |     public partial class Orders : UserControl
22 |     {
23 |         public Orders()
24 |         {
25 |             InitializeComponent();
26 |         }
27 |     }
28 | }
29 | 


--------------------------------------------------------------------------------
/View/Products.xaml:
--------------------------------------------------------------------------------
 1 | <UserControl x:Class="Page_Navigation_App.View.Products"
 2 |              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3 |              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4 |              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
 5 |              xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
 6 |              xmlns:vm="clr-namespace:Page_Navigation_App.ViewModel"
 7 |              mc:Ignorable="d"
 8 |              d:DesignHeight="600"
 9 |              d:DesignWidth="622"
10 |              Style="{StaticResource Page_Style}">
11 | 
12 |     <UserControl.DataContext>
13 |         <vm:ProductVM />
14 |     </UserControl.DataContext>
15 |     
16 |     <Grid Margin="15">
17 | 
18 |         <Border CornerRadius="0,20,20,0">
19 |             <Border.Background>
20 |                 <ImageBrush ImageSource="/Images/product_page.png"
21 |                             Stretch="None" />
22 |             </Border.Background>
23 |         </Border>
24 | 
25 |         <TextBlock Text="{Binding ProductAvailability}"
26 |                    Foreground="#F25E68"
27 |                    FontSize="12"
28 |                    HorizontalAlignment="Left"
29 |                    VerticalAlignment="Center"
30 |                    FontFamily="/Fonts/#Rubik Medium"
31 |                    Margin="261,300,0,0" />
32 | 
33 |     </Grid>
34 | </UserControl>
35 | 


--------------------------------------------------------------------------------
/View/Products.xaml.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Linq;
 4 | using System.Text;
 5 | using System.Threading.Tasks;
 6 | using System.Windows;
 7 | using System.Windows.Controls;
 8 | using System.Windows.Data;
 9 | using System.Windows.Documents;
10 | using System.Windows.Input;
11 | using System.Windows.Media;
12 | using System.Windows.Media.Imaging;
13 | using System.Windows.Navigation;
14 | using System.Windows.Shapes;
15 | 
16 | namespace Page_Navigation_App.View
17 | {
18 |     /// <summary>
19 |     /// Interaction logic for Products.xaml
20 |     /// </summary>
21 |     public partial class Products : UserControl
22 |     {
23 |         public Products()
24 |         {
25 |             InitializeComponent();
26 |         }
27 |     }
28 | }
29 | 


--------------------------------------------------------------------------------
/View/Settings.xaml:
--------------------------------------------------------------------------------
 1 | <UserControl x:Class="Page_Navigation_App.View.Settings"
 2 |              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3 |              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4 |              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
 5 |              xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
 6 |              xmlns:vm="clr-namespace:Page_Navigation_App.ViewModel"
 7 |              mc:Ignorable="d"
 8 |              d:DesignHeight="600"
 9 |              d:DesignWidth="622"
10 |              Style="{StaticResource Page_Style}">
11 | 
12 |     <UserControl.DataContext>
13 |         <vm:SettingVM />
14 |     </UserControl.DataContext>
15 |     
16 |     <Grid Margin="15">
17 | 
18 |         <Border CornerRadius="0,20,20,0">
19 |             <Border.Background>
20 |                 <ImageBrush ImageSource="/Images/setting_page.png"
21 |                             Stretch="None" />
22 |             </Border.Background>
23 |         </Border>
24 | 
25 |         <TextBlock Foreground="#CED565"
26 |                    FontSize="12"
27 |                    TextAlignment="Center"
28 |                    HorizontalAlignment="Right"
29 |                    VerticalAlignment="Top"
30 |                    FontFamily="/Fonts/#Rubik Medium"
31 |                    Margin="0,270,223,0">
32 | 
33 |             <TextBlock.Style>
34 |                 <Style TargetType="{x:Type TextBlock}">
35 |                     <Setter Property="Text"
36 |                             Value="OFF" />
37 |                     <Style.Triggers>
38 |                         <DataTrigger Binding="{Binding Settings}"
39 |                                      Value="True">
40 |                             <Setter Property="Text"
41 |                                     Value="ON" />
42 |                         </DataTrigger>
43 |                     </Style.Triggers>
44 |                 </Style>
45 |             </TextBlock.Style>
46 |             
47 |         </TextBlock>
48 | 
49 |     </Grid>
50 | </UserControl>
51 | 


--------------------------------------------------------------------------------
/View/Settings.xaml.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Linq;
 4 | using System.Text;
 5 | using System.Threading.Tasks;
 6 | using System.Windows;
 7 | using System.Windows.Controls;
 8 | using System.Windows.Data;
 9 | using System.Windows.Documents;
10 | using System.Windows.Input;
11 | using System.Windows.Media;
12 | using System.Windows.Media.Imaging;
13 | using System.Windows.Navigation;
14 | using System.Windows.Shapes;
15 | 
16 | namespace Page_Navigation_App.View
17 | {
18 |     /// <summary>
19 |     /// Interaction logic for Settings.xaml
20 |     /// </summary>
21 |     public partial class Settings : UserControl
22 |     {
23 |         public Settings()
24 |         {
25 |             InitializeComponent();
26 |         }
27 |     }
28 | }
29 | 


--------------------------------------------------------------------------------
/View/Shipments.xaml:
--------------------------------------------------------------------------------
 1 | <UserControl x:Class="Page_Navigation_App.View.Shipments"
 2 |              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3 |              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4 |              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
 5 |              xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
 6 |              xmlns:vm="clr-namespace:Page_Navigation_App.ViewModel"
 7 |              mc:Ignorable="d"
 8 |              d:DesignHeight="600"
 9 |              d:DesignWidth="622"
10 |              Style="{StaticResource Page_Style}">
11 | 
12 |     <UserControl.DataContext>
13 |         <vm:ShipmentVM />
14 |     </UserControl.DataContext>
15 |     
16 |     <Grid Margin="15">
17 | 
18 |         <Border CornerRadius="0,20,20,0">
19 |             <Border.Background>
20 |                 <ImageBrush ImageSource="/Images/shipment_page.png"
21 |                             Stretch="None" />
22 |             </Border.Background>
23 |         </Border>
24 | 
25 |         <Grid>
26 | 
27 |             <TextBlock Text="Expected Delivery  :"
28 |                        Foreground="#DBDBDB"
29 |                        FontSize="12"
30 |                        HorizontalAlignment="Right"
31 |                        VerticalAlignment="Bottom"
32 |                        FontFamily="/Fonts/#Rubik Medium"
33 |                        Margin="0,0,130,100" />
34 | 
35 |             <TextBlock Text="{Binding ShipmentTracking}"
36 |                        Foreground="#CED565"
37 |                        FontSize="12"
38 |                        HorizontalAlignment="Right"
39 |                        VerticalAlignment="Bottom"
40 |                        FontFamily="/Fonts/#Rubik Medium"
41 |                        Margin="0,0,72,100" />
42 | 
43 |         </Grid>
44 |         
45 |     </Grid>
46 | </UserControl>
47 | 


--------------------------------------------------------------------------------
/View/Shipments.xaml.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Linq;
 4 | using System.Text;
 5 | using System.Threading.Tasks;
 6 | using System.Windows;
 7 | using System.Windows.Controls;
 8 | using System.Windows.Data;
 9 | using System.Windows.Documents;
10 | using System.Windows.Input;
11 | using System.Windows.Media;
12 | using System.Windows.Media.Imaging;
13 | using System.Windows.Navigation;
14 | using System.Windows.Shapes;
15 | 
16 | namespace Page_Navigation_App.View
17 | {
18 |     /// <summary>
19 |     /// Interaction logic for Shipments.xaml
20 |     /// </summary>
21 |     public partial class Shipments : UserControl
22 |     {
23 |         public Shipments()
24 |         {
25 |             InitializeComponent();
26 |         }
27 |     }
28 | }
29 | 


--------------------------------------------------------------------------------
/View/Transactions.xaml:
--------------------------------------------------------------------------------
 1 | <UserControl x:Class="Page_Navigation_App.View.Transactions"
 2 |              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3 |              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4 |              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
 5 |              xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
 6 |              xmlns:vm="clr-namespace:Page_Navigation_App.ViewModel"
 7 |              mc:Ignorable="d"
 8 |              d:DesignHeight="600"
 9 |              d:DesignWidth="622"
10 |              Style="{StaticResource Page_Style}">
11 | 
12 |     <UserControl.DataContext>
13 |         <vm:TransactionVM />
14 |     </UserControl.DataContext>
15 |     
16 |     <Grid Margin="15">
17 | 
18 |         <Border CornerRadius="0,20,20,0">
19 |             <Border.Background>
20 |                 <ImageBrush ImageSource="/Images/transaction_page.png"
21 |                             Stretch="None" />
22 |             </Border.Background>
23 |         </Border>
24 | 
25 |         <Grid>
26 | 
27 |             <TextBlock Text="Payment Amount  :"
28 |                        Foreground="#DBDBDB"
29 |                        FontSize="12"
30 |                        HorizontalAlignment="Right"
31 |                        VerticalAlignment="Top"
32 |                        FontFamily="/Fonts/#Rubik Medium"
33 |                        Margin="0,300,150,0" />
34 | 
35 |             <TextBlock Text="{Binding TransactionAmount, StringFormat='{}{0:C}'}"
36 |                        Foreground="#CED565"
37 |                        FontSize="12"
38 |                        HorizontalAlignment="Right"
39 |                        VerticalAlignment="Top"
40 |                        FontFamily="/Fonts/#Rubik Medium"
41 |                        Margin="0,300,82,0" />
42 | 
43 |         </Grid>
44 | 
45 |     </Grid>
46 | </UserControl>
47 | 


--------------------------------------------------------------------------------
/View/Transactions.xaml.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Linq;
 4 | using System.Text;
 5 | using System.Threading.Tasks;
 6 | using System.Windows;
 7 | using System.Windows.Controls;
 8 | using System.Windows.Data;
 9 | using System.Windows.Documents;
10 | using System.Windows.Input;
11 | using System.Windows.Media;
12 | using System.Windows.Media.Imaging;
13 | using System.Windows.Navigation;
14 | using System.Windows.Shapes;
15 | 
16 | namespace Page_Navigation_App.View
17 | {
18 |     /// <summary>
19 |     /// Interaction logic for Transactions.xaml
20 |     /// </summary>
21 |     public partial class Transactions : UserControl
22 |     {
23 |         public Transactions()
24 |         {
25 |             InitializeComponent();
26 |         }
27 |     }
28 | }
29 | 


--------------------------------------------------------------------------------
/ViewModel/CustomerVM.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Linq;
 4 | using System.Text;
 5 | using System.Threading.Tasks;
 6 | using Page_Navigation_App.Model;
 7 | 
 8 | namespace Page_Navigation_App.ViewModel
 9 | {
10 |     class CustomerVM : Utilities.ViewModelBase
11 |     {
12 |         private readonly PageModel _pageModel;
13 |         public int CustomerID
14 |         {
15 |             get { return _pageModel.CustomerCount; }
16 |             set { _pageModel.CustomerCount = value; OnPropertyChanged(); }
17 |         }
18 | 
19 |         public CustomerVM()
20 |         {
21 |             _pageModel = new PageModel();
22 |             CustomerID = 100528;
23 |         }
24 |     }
25 | }
26 | 


--------------------------------------------------------------------------------
/ViewModel/HomeVM.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Linq;
 4 | using System.Text;
 5 | using System.Threading.Tasks;
 6 | 
 7 | namespace Page_Navigation_App.ViewModel
 8 | {
 9 |     class HomeVM 
10 |     {
11 |     }
12 | }
13 | 


--------------------------------------------------------------------------------
/ViewModel/NavigationVM.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Linq;
 4 | using System.Text;
 5 | using System.Threading.Tasks;
 6 | using Page_Navigation_App.Utilities;
 7 | using System.Windows.Input;
 8 | 
 9 | namespace Page_Navigation_App.ViewModel
10 | {
11 |     class NavigationVM : ViewModelBase
12 |     {
13 |         private object _currentView;
14 |         public object CurrentView
15 |         {
16 |             get { return _currentView; }
17 |             set { _currentView = value; OnPropertyChanged(); }
18 |         }
19 | 
20 |         public ICommand HomeCommand { get; set; }
21 |         public ICommand CustomersCommand { get; set; }
22 |         public ICommand ProductsCommand { get; set; }
23 |         public ICommand OrdersCommand { get; set; }
24 |         public ICommand TransactionsCommand { get; set; }
25 |         public ICommand ShipmentsCommand { get; set; }
26 |         public ICommand SettingsCommand { get; set; }
27 | 
28 |         private void Home(object obj) => CurrentView = new HomeVM();
29 |         private void Customer(object obj) => CurrentView = new CustomerVM();
30 |         private void Product(object obj) => CurrentView = new ProductVM();
31 |         private void Order(object obj) => CurrentView = new OrderVM();
32 |         private void Transaction(object obj) => CurrentView = new TransactionVM();
33 |         private void Shipment(object obj) => CurrentView = new ShipmentVM();
34 |         private void Setting(object obj) => CurrentView = new SettingVM();
35 | 
36 |         public NavigationVM()
37 |         {
38 |             HomeCommand = new RelayCommand(Home);
39 |             CustomersCommand = new RelayCommand(Customer);
40 |             ProductsCommand = new RelayCommand(Product);
41 |             OrdersCommand = new RelayCommand(Order);
42 |             TransactionsCommand = new RelayCommand(Transaction);
43 |             ShipmentsCommand = new RelayCommand(Shipment);
44 |             SettingsCommand = new RelayCommand(Setting);
45 | 
46 |             // Startup Page
47 |             CurrentView = new HomeVM();
48 |         }
49 |     }
50 | }
51 | 


--------------------------------------------------------------------------------
/ViewModel/OrderVM.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Linq;
 4 | using System.Text;
 5 | using System.Threading.Tasks;
 6 | using Page_Navigation_App.Model;
 7 | 
 8 | namespace Page_Navigation_App.ViewModel
 9 | {
10 |     class OrderVM : Utilities.ViewModelBase
11 |     {
12 |         private readonly PageModel _pageModel;
13 |         public DateOnly DisplayOrderDate
14 |         {
15 |             get { return _pageModel.OrderDate; }
16 |             set { _pageModel.OrderDate = value; OnPropertyChanged(); }
17 |         }
18 | 
19 |         public OrderVM()
20 |         {
21 |             _pageModel = new PageModel();
22 |             DisplayOrderDate = DateOnly.FromDateTime(DateTime.Now);
23 |         }
24 |     }
25 | }
26 | 


--------------------------------------------------------------------------------
/ViewModel/ProductVM.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Linq;
 4 | using System.Text;
 5 | using System.Threading.Tasks;
 6 | using Page_Navigation_App.Model;
 7 | 
 8 | namespace Page_Navigation_App.ViewModel
 9 | {
10 |     class ProductVM : Utilities.ViewModelBase
11 |     {
12 |         private readonly PageModel _pageModel;
13 |         public string ProductAvailability
14 |         {
15 |             get { return _pageModel.ProductStatus; }
16 |             set { _pageModel.ProductStatus = value; OnPropertyChanged(); }
17 |         }
18 | 
19 |         public ProductVM()
20 |         {
21 |             _pageModel = new PageModel();
22 |             ProductAvailability = "Out of Stock";
23 |         }
24 |     }
25 | }
26 | 


--------------------------------------------------------------------------------
/ViewModel/SettingVM.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Linq;
 4 | using System.Text;
 5 | using System.Threading.Tasks;
 6 | using Page_Navigation_App.Model;
 7 | 
 8 | namespace Page_Navigation_App.ViewModel
 9 | {
10 |     class SettingVM : Utilities.ViewModelBase
11 |     {
12 |         private readonly PageModel _pageModel;
13 |         public bool Settings
14 |         {
15 |             get { return _pageModel.LocationStatus; }
16 |             set { _pageModel.LocationStatus = value; OnPropertyChanged(); }
17 |         }
18 | 
19 |         public SettingVM()
20 |         {
21 |             _pageModel = new PageModel();
22 |             Settings = true;
23 |         }
24 |     }
25 | }
26 | 


--------------------------------------------------------------------------------
/ViewModel/ShipmentVM.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Linq;
 4 | using System.Text;
 5 | using System.Threading.Tasks;
 6 | using Page_Navigation_App.Model;
 7 | 
 8 | namespace Page_Navigation_App.ViewModel
 9 | {
10 |     class ShipmentVM : Utilities.ViewModelBase
11 |     {
12 |         private readonly PageModel _pageModel;
13 |         public TimeOnly ShipmentTracking
14 |         {
15 |             get { return _pageModel.ShipmentDelivery; }
16 |             set { _pageModel.ShipmentDelivery = value; OnPropertyChanged(); }
17 |         }
18 | 
19 |         public ShipmentVM()
20 |         {
21 |             _pageModel = new PageModel();
22 |             TimeOnly time = TimeOnly.FromDateTime(DateTime.Now);
23 |             ShipmentTracking = time;
24 |         }
25 |     }
26 | }
27 | 


--------------------------------------------------------------------------------
/ViewModel/TransactionVM.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Linq;
 4 | using System.Text;
 5 | using System.Threading.Tasks;
 6 | using Page_Navigation_App.Model;
 7 | 
 8 | namespace Page_Navigation_App.ViewModel
 9 | {
10 |     class TransactionVM : Utilities.ViewModelBase
11 |     {
12 |         private readonly PageModel _pageModel;
13 |         public decimal TransactionAmount
14 |         {
15 |             get { return _pageModel.TransactionValue; }
16 |             set { _pageModel.TransactionValue = value; OnPropertyChanged(); }
17 |         }
18 | 
19 |         public TransactionVM()
20 |         {
21 |             _pageModel = new PageModel();
22 |             TransactionAmount = 5638;
23 |         }
24 |     }
25 | }
26 | 


--------------------------------------------------------------------------------