From 4be73ab2a68154e43ff8753468f187b26b96aeb8 Mon Sep 17 00:00:00 2001
From: "jason.wall" <jason@walljm.com>
Date: Mon, 7 Aug 2017 16:30:03 -0400
Subject: [PATCH] FEATURE: Add Settings to right fold out menu

---
 .../src/pages/search/search.html              | 32 +++++++++++++++++++
 DynamicBibleIonic/src/pages/search/search.ts  | 11 ++++++-
 2 files changed, 42 insertions(+), 1 deletion(-)

diff --git a/DynamicBibleIonic/src/pages/search/search.html b/DynamicBibleIonic/src/pages/search/search.html
index 904a92f9..840539eb 100644
--- a/DynamicBibleIonic/src/pages/search/search.html
+++ b/DynamicBibleIonic/src/pages/search/search.html
@@ -9,6 +9,7 @@
         <ion-list-header>
             Current Page: {{title}}
         </ion-list-header>
+
         <ion-list>
             <button ion-item menuClose="actions" (click)="addPage()">
                 <ion-icon name="bookmarks" item-left></ion-icon>Save Current Results as New Page
@@ -17,6 +18,37 @@
                 <ion-icon name="arrow-up" item-left></ion-icon>Update Page with current Results
             </button>
         </ion-list>
+        
+        <ion-list-header>Search Settings</ion-list-header>
+        <ion-item>
+            <ion-label>Show Strongs as Modal</ion-label>
+            <ion-toggle color="dark" [(ngModel)]="userProfile.user.strongs_modal" (ionChange)="save()"></ion-toggle>
+        </ion-item>
+        <ion-item>
+            <ion-label>Clear Search after Query</ion-label>
+            <ion-toggle color="dark" [(ngModel)]="userProfile.user.clear_search_after_query" (ionChange)="save()"></ion-toggle>
+        </ion-item>
+        <ion-item>
+            <ion-label>Append Results Below</ion-label>
+            <ion-toggle color="dark" [(ngModel)]="userProfile.user.append_to_bottom" (ionChange)="save()"></ion-toggle>
+        </ion-item>
+        <ion-item>
+            <ion-label>Insert Result Next to Item</ion-label>
+            <ion-toggle color="dark" [(ngModel)]="userProfile.user.insert_next_to_item" (ionChange)="save()"></ion-toggle>
+        </ion-item>
+        <ion-item>
+            <ion-label>Each Verse on New Line</ion-label>
+            <ion-toggle color="dark" [(ngModel)]="userProfile.user.verses_on_new_line" (ionChange)="save()"></ion-toggle>
+        </ion-item>
+        <ion-list-header>Adjust Text</ion-list-header>
+        <ion-list>
+            <ion-item>
+                <ion-range min="6" max="20" step="1" snaps="true" [(ngModel)]="userProfile.user.font_size" (ionChange)="textSizeChanged()">
+                    <ion-label range-left class="small-text">A</ion-label>
+                    <ion-label range-right>A</ion-label>
+                </ion-range>
+            </ion-item>
+        </ion-list>
     </ion-content>
 </ion-menu>
 
diff --git a/DynamicBibleIonic/src/pages/search/search.ts b/DynamicBibleIonic/src/pages/search/search.ts
index f884a69b..335394b2 100644
--- a/DynamicBibleIonic/src/pages/search/search.ts
+++ b/DynamicBibleIonic/src/pages/search/search.ts
@@ -114,7 +114,16 @@ export class SearchPage implements OnInit
         if (has_migrated)
             this.userProfile.save(this.local);
     }
-
+
+    save()
+    {
+        this.userProfile.save(this.local);
+    }
+    textSizeChanged()
+    {
+        this.userProfile.textSizeChanged();
+        this.save();
+    }
     actionsMenu()
     {
         this.menu.open('actions');