From 2488871e2571bb6c4af41bf850790fff897acdb5 Mon Sep 17 00:00:00 2001
From: Thomas Atkins <dev.csnova@gmail.com>
Date: Sat, 8 Feb 2020 12:50:44 -0600
Subject: [PATCH 1/5] fixed sidebar with

---
 src/app/app.component.html | 20 ++++++++++----------
 src/app/app.component.scss |  3 +++
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 60639e0..0ec7f32 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,6 +1,6 @@
 <ion-app>
   <ion-split-pane when="sm">
-    <ion-menu>
+    <ion-menu class="sidebar">
       <ion-header>
         <ion-toolbar color="primary">
           <ion-title>Menu</ion-title>
@@ -14,17 +14,17 @@
           </ion-list-header>
 
           <tree-root [nodes]="nodes" [options]="options"></tree-root>
-
-          <ion-item lines="full">
-            <ion-icon slot="start" name="moon"></ion-icon>
-            <ion-label>
-              Toggle Dark Theme
-            </ion-label>
-            <ion-toggle id="themeToggle" slot="end"></ion-toggle>
-          </ion-item>
-
         </ion-list>
       </ion-content>
+      <ion-footer>
+        <ion-item slot="end" lines="full">
+          <ion-icon slot="start" name="moon"></ion-icon>
+          <ion-label>
+            Dark mode
+          </ion-label>
+          <ion-toggle id="themeToggle" slot="end"></ion-toggle>
+        </ion-item>
+      </ion-footer>
     </ion-menu>
 
     <div class="ion-page" main>
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index e69de29..bd83780 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -0,0 +1,3 @@
+.sidebar {
+  max-width: 20em !important;
+}

From c6c515567c2d5eec9316b5151344fd722c4d84e5 Mon Sep 17 00:00:00 2001
From: Thomas Atkins <dev.csnova@gmail.com>
Date: Sat, 8 Feb 2020 13:09:04 -0600
Subject: [PATCH 2/5] without tree

---
 src/app/app.component.html |  4 ++--
 src/app/app.component.ts   | 11 +++++++++++
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 0ec7f32..0837c48 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -13,7 +13,7 @@
             Navigate
           </ion-list-header>
 
-          <tree-root [nodes]="nodes" [options]="options"></tree-root>
+          <!-- <tree-root [nodes]="nodes" [options]="options"></tree-root> -->
         </ion-list>
       </ion-content>
       <ion-footer>
@@ -22,7 +22,7 @@
           <ion-label>
             Dark mode
           </ion-label>
-          <ion-toggle id="themeToggle" slot="end"></ion-toggle>
+          <ion-toggle (ionChange)="toggleDark()" id="themeToggle" slot="end"></ion-toggle>
         </ion-item>
       </ion-footer>
     </ion-menu>
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 015d4ed..40c3666 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -31,6 +31,7 @@ export class AppComponent {
 
   public nodes = [];
 
+  public darkMode = false;
   constructor(
     private platform: Platform,
     private splashScreen: SplashScreen,
@@ -52,4 +53,14 @@ export class AppComponent {
       this.splashScreen.hide();
     });
   }
+
+  toggleDark() {
+    this.darkMode = !this.darkMode;
+    console.log("toggel Dark mode");
+    if (this.darkMode) {
+      console.log("Dark Mode On");
+    } else {
+      console.log("Dark Mode Off");
+    }
+  }
 }

From a73bff6a7edf2c669f4a95cdc9da76be70ea0aad Mon Sep 17 00:00:00 2001
From: Thomas Atkins <dev.csnova@gmail.com>
Date: Sat, 8 Feb 2020 13:11:06 -0600
Subject: [PATCH 3/5] Re-Eanabled tree

---
 src/app/app.component.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 0837c48..eb5445e 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -13,7 +13,7 @@
             Navigate
           </ion-list-header>
 
-          <!-- <tree-root [nodes]="nodes" [options]="options"></tree-root> -->
+          <tree-root [nodes]="nodes" [options]="options"></tree-root>
         </ion-list>
       </ion-content>
       <ion-footer>

From ddf90e1789eb7c228b293d2172317fb94708deb4 Mon Sep 17 00:00:00 2001
From: Thomas Atkins <dev.csnova@gmail.com>
Date: Sat, 8 Feb 2020 13:31:56 -0600
Subject: [PATCH 4/5] Pipline test

---
 src/app/list/list.page.html           | 2 +-
 src/app/pages/editor/editor.page.html | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/list/list.page.html b/src/app/list/list.page.html
index 672d72d..b166191 100644
--- a/src/app/list/list.page.html
+++ b/src/app/list/list.page.html
@@ -24,4 +24,4 @@
       You navigated here from <b>{{selectedItem.title }}</b>
     </div>
   -->
-</ion-content>
+</ion-content>
\ No newline at end of file
diff --git a/src/app/pages/editor/editor.page.html b/src/app/pages/editor/editor.page.html
index 7a8fd70..ee55419 100644
--- a/src/app/pages/editor/editor.page.html
+++ b/src/app/pages/editor/editor.page.html
@@ -13,13 +13,13 @@
 
 <ion-content>
   <ng-container>
-    <div class="editor-root ion-padding">
+    <!-- <div class="editor-root ion-padding">
       <div class="host-container ion-padding">
         <editor-host #editorHosts *ngFor="let record of hostRecords" [(record)]="record"
           (newHostRequested)="onNewHostRequested($event)" (destroyHostRequested)="onDestroyHostRequested($event)">
         </editor-host>
       </div>
-    </div>
+    </div> -->
     <div class="editor-buttons">
       <ion-button (click)="onAddClick()" class="ion-padding ion-margin">Add Node</ion-button>
       <ion-button (click)="onSaveClick()" class="ion-padding ion-margin">Save</ion-button>

From f5e9b075ed28a990027e22e3c5315389598600cf Mon Sep 17 00:00:00 2001
From: Thomas Atkins <dev.csnova@gmail.com>
Date: Sat, 8 Feb 2020 13:34:23 -0600
Subject: [PATCH 5/5] faild

---
 src/app/pages/editor/editor.page.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/pages/editor/editor.page.html b/src/app/pages/editor/editor.page.html
index ee55419..7a8fd70 100644
--- a/src/app/pages/editor/editor.page.html
+++ b/src/app/pages/editor/editor.page.html
@@ -13,13 +13,13 @@
 
 <ion-content>
   <ng-container>
-    <!-- <div class="editor-root ion-padding">
+    <div class="editor-root ion-padding">
       <div class="host-container ion-padding">
         <editor-host #editorHosts *ngFor="let record of hostRecords" [(record)]="record"
           (newHostRequested)="onNewHostRequested($event)" (destroyHostRequested)="onDestroyHostRequested($event)">
         </editor-host>
       </div>
-    </div> -->
+    </div>
     <div class="editor-buttons">
       <ion-button (click)="onAddClick()" class="ion-padding ion-margin">Add Node</ion-button>
       <ion-button (click)="onSaveClick()" class="ion-padding ion-margin">Save</ion-button>