From 45288b2e3e1908bd8995f0b5d030d519cf898e8c Mon Sep 17 00:00:00 2001
From: Natalia Gawron <natgaw1@st.amu.edu.pl>
Date: Sat, 2 Jan 2021 00:40:54 +0100
Subject: [PATCH 1/2] SES-117 implemented basic player dashboard page

---
 .../player-dashboard.component.css            | 38 +++++++++++++
 .../player-dashboard.component.html           | 57 +++++++++++++++++++
 .../player-dashboard.component.ts             |  3 +-
 3 files changed, 97 insertions(+), 1 deletion(-)

diff --git a/SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-dashboard/player-dashboard.component.css b/SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-dashboard/player-dashboard.component.css
index e69de29..8bb2f59 100644
--- a/SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-dashboard/player-dashboard.component.css
+++ b/SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-dashboard/player-dashboard.component.css
@@ -0,0 +1,38 @@
+@import "../../../styles.css";
+
+.menu-spacer {
+  flex: 1 1 auto;
+}
+
+.root-container {
+  height: calc(100vh - 64px);
+}
+
+@media (max-width: 768px) {
+  .root-container {
+    height: calc(100vh - 58px);
+  }
+}
+
+.sidenav-container
+{
+  flex: 1;
+  height: 100%;
+}
+.content{
+  background-color: #102028;
+  color: #df7c0f;
+}
+
+.navbar {
+  background-color: #df7c0f;
+  color: #e9cca7;
+}
+
+.sidenav {
+  background-color: #102028;
+}
+
+.mat-list-item.active{
+  color: #e9cca7;
+}
diff --git a/SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-dashboard/player-dashboard.component.html b/SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-dashboard/player-dashboard.component.html
index e69de29..5777963 100644
--- a/SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-dashboard/player-dashboard.component.html
+++ b/SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-dashboard/player-dashboard.component.html
@@ -0,0 +1,57 @@
+<div class="root-container">
+  <mat-toolbar>
+    <mat-toolbar-row class="navbar">
+      <button mat-icon-button (click)="sidenav.toggle()" fxShow="true" fxHide.gt-sm>
+        <mat-icon>menu</mat-icon>
+      </button>
+      <span class="menu-spacer"></span>
+      <div fxShow="true" fxHide.lt-md>
+        <span>Session Companion</span>
+      </div>
+    </mat-toolbar-row>
+  </mat-toolbar>
+
+  <mat-sidenav-container class="sidenav-container">
+    <mat-sidenav #sidenav class="sidenav">
+      <mat-nav-list>
+
+        <mat-list-item [routerLink]="['/player']" [routerLinkActive]="['active']">
+          <mat-icon [class.active]="selected" matListIcon>home</mat-icon>
+          <a matLine>Home</a>
+        </mat-list-item>
+
+        <mat-list-item [routerLink]="['/player/statistic']" [routerLinkActive]="['active']">
+          <mat-icon [class.active]="selected" matListIcon>query_stats</mat-icon>
+          <a matLine>Statistic and throws</a>
+        </mat-list-item>
+
+        <mat-list-item [routerLink]="['/player/equipment']" [routerLinkActive]="['active']">
+          <mat-icon [class.active]="selected" matListIcon>local_mall</mat-icon>
+          <a matLine>Equipment</a>
+        </mat-list-item>
+
+        <mat-list-item [routerLink]="['/player/spells']" [routerLinkActive]="['active']">
+          <mat-icon [class.active]="selected" matListIcon>brightness_4</mat-icon>
+          <a matLine>Spells</a>
+        </mat-list-item>
+
+        <mat-list-item [routerLink]="['/player/profile']" [routerLinkActive]="['active']">
+          <mat-icon [class.active]="selected" matListIcon>account_circle</mat-icon>
+          <a matLine>Profile</a>
+        </mat-list-item>
+
+        <mat-list-item [routerLink]="['/player/shop']" [routerLinkActive]="['active']">
+          <mat-icon [class.active]="selected" matListIcon>shopping_cart</mat-icon>
+          <a matLine>Shop</a>
+        </mat-list-item>
+
+        <mat-list-item [routerLink]="['/']" [routerLinkActive]="['active']">
+          <mat-icon [class.active]="selected" matListIcon>exit_to_app</mat-icon>
+          <a matLine>Log out</a>
+        </mat-list-item>
+
+      </mat-nav-list>
+    </mat-sidenav>
+    <mat-sidenav-content class="content">Main content</mat-sidenav-content>
+  </mat-sidenav-container>
+</div>
diff --git a/SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-dashboard/player-dashboard.component.ts b/SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-dashboard/player-dashboard.component.ts
index 9ed3789..b43dd5f 100644
--- a/SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-dashboard/player-dashboard.component.ts
+++ b/SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-dashboard/player-dashboard.component.ts
@@ -6,7 +6,8 @@ import { Component } from '@angular/core';
   styleUrls: ['./player-dashboard.component.css']
 })
 export class PlayerDashboardComponent {
-  isExpanded = false;
+  isExpanded = false
+  selected = false;
 
   collapse() {
     this.isExpanded = false;

From 03bca2c11f09ff29d5773e9281972bc0410ecc9b Mon Sep 17 00:00:00 2001
From: Natalia Gawron <natgaw1@st.amu.edu.pl>
Date: Sat, 2 Jan 2021 00:43:52 +0100
Subject: [PATCH 2/2] SES-117 small changes

---
 .../player-dashboard/player-dashboard.component.css          | 5 ++---
 .../player-dashboard/player-dashboard.component.ts           | 2 +-
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-dashboard/player-dashboard.component.css b/SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-dashboard/player-dashboard.component.css
index 8bb2f59..cc4b1d7 100644
--- a/SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-dashboard/player-dashboard.component.css
+++ b/SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-dashboard/player-dashboard.component.css
@@ -14,12 +14,11 @@
   }
 }
 
-.sidenav-container
-{
+.sidenav-container {
   flex: 1;
   height: 100%;
 }
-.content{
+.content {
   background-color: #102028;
   color: #df7c0f;
 }
diff --git a/SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-dashboard/player-dashboard.component.ts b/SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-dashboard/player-dashboard.component.ts
index b43dd5f..3b42801 100644
--- a/SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-dashboard/player-dashboard.component.ts
+++ b/SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-dashboard/player-dashboard.component.ts
@@ -6,7 +6,7 @@ import { Component } from '@angular/core';
   styleUrls: ['./player-dashboard.component.css']
 })
 export class PlayerDashboardComponent {
-  isExpanded = false
+  isExpanded = false;
   selected = false;
 
   collapse() {