From c0cfbbacd15f1ae4be554cc185b46bb831b3533b Mon Sep 17 00:00:00 2001
From: Matthew Wang <matt@matthewwang.me>
Date: Sun, 11 Mar 2018 21:51:43 -0400
Subject: [PATCH] adds minor QoL changes

sidebar is collapsible, list table is now 2x larger font, page not found page now has GH repo button
---
 package-lock.json                |  2 +-
 package.json                     |  2 +-
 src/app/app.component.ts         | 13 +++++++++++--
 src/css/style.css                |  8 ++++++++
 src/pages/lists/lists.ts         |  2 +-
 src/pages/not-found/not-found.ts | 15 +++++++++++++--
 6 files changed, 35 insertions(+), 7 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 790cb9e..4b6fc68 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "fair-chair",
-  "version": "1.0.0",
+  "version": "1.0.0-beta",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index 340a01b..4fa2526 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "fair-chair",
   "productName": "Fair Chair",
-  "version": "1.0.0",
+  "version": "1.0.0-beta",
   "description": "Fair Chair, a desktop application that making chairing Model United Nations committees easy.",
   "main": "src/index.ts",
   "scripts": {
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 0f86130..80543cb 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -6,7 +6,7 @@ import { ElectronService } from 'ngx-electron';
   template: `
   <div class="container-fluid">
     <div class="row">
-      <nav class="col-sm-2 d-none d-sm-block bg-dark sidebar">
+      <nav [hidden]="!showSidebar" class="col-2 bg-dark sidebar">
         <img class="sidebar-logo" src="assets/img/logo.png"/>
         <h1 class="sidebar-title mt-1">Fair Chair</h1>
         <div class="sidebar-subtitle">
@@ -39,7 +39,11 @@ import { ElectronService } from 'ngx-electron';
           <i class="fa fa-fw fa-code"></i> <i class="fa fa-fw fa-heart" style="color:tomato;"></i> <a (click)="openLink('https://github.com/malsf21/fair-chair/')"><i class="fab fa-fw fa-github"></i></a> <span (click)="openLink('https://matthewwang.me')"><u>by Matthew Wang</u></span>
         </div>
       </nav>
-      <main role="main" class="col-sm-10 ml-sm-auto mt-3 app-main">
+      <main role="main" [ngClass]="{'col-10': showSidebar, 'col-12': !showSidebar }" class="ml-auto mt-3 app-main">
+      <a class="sidebar-toggle-button" (click)="toggleSidebar()">
+        <div [hidden]="!showSidebar"><i class="fa fa-2x fa-caret-left" style="color:white;"></i></div>
+        <div [hidden]="showSidebar"><i class="fa fa-2x fa-caret-right"></i></div>
+      </a>
         <router-outlet></router-outlet>
       </main>
     </div>
@@ -47,7 +51,12 @@ import { ElectronService } from 'ngx-electron';
   `
 })
 export class AppComponent {
+  showSidebar: boolean;
   constructor (private electronService: ElectronService){
+    this.showSidebar = true;
+  }
+  toggleSidebar(){
+    this.showSidebar = !this.showSidebar;
   }
   openLink(link: string){
     this.electronService.shell.openExternal(link);
diff --git a/src/css/style.css b/src/css/style.css
index cbe10e1..89712c4 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -74,6 +74,14 @@ body{
 	margin-right: auto;
 }
 
+.sidebar-toggle-button{
+	position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0.5em;
+  z-index: 1000;
+}
+
 /*
  * Main Views
  */
diff --git a/src/pages/lists/lists.ts b/src/pages/lists/lists.ts
index 83319fe..65afb3a 100644
--- a/src/pages/lists/lists.ts
+++ b/src/pages/lists/lists.ts
@@ -40,7 +40,7 @@ import { Component, OnInit, OnDestroy } from '@angular/core';
     </div>
 
     <div class="table-responsive">
-      <table class="table table-striped">
+      <table class="table table-striped fa-2x">
         <thead>
           <tr>
             <th>#</th>
diff --git a/src/pages/not-found/not-found.ts b/src/pages/not-found/not-found.ts
index 34ca90a..3e4748b 100644
--- a/src/pages/not-found/not-found.ts
+++ b/src/pages/not-found/not-found.ts
@@ -1,6 +1,17 @@
 import { Component } from '@angular/core';
+import { ElectronService } from 'ngx-electron';
 
 @Component({
-  template: '<h2>Page not found</h2>'
+  template: `
+    <h2>Page not found</h2>
+    <p>This means that something went wrong. If you can, please submit an issue on our GitHub repository.</p>
+    <button class="btn btn-danger" (click)="openLink('https://github.com/malsf21/fair-chair/')"><i class="fab fa-github"></i> GitHub Repository</button>
+  `
 })
-export class PageNotFoundComponent {}
+export class PageNotFoundComponent {
+  constructor (private electronService: ElectronService){
+  }
+  openLink(link: string){
+    this.electronService.shell.openExternal(link);
+  }
+}