From 8432fee1b9aa0f5739ad46ba7cfdbec4cf14e129 Mon Sep 17 00:00:00 2001
From: MLancaster <michaell.llancaster@gmail.com>
Date: Tue, 22 Sep 2015 15:34:29 -0500
Subject: [PATCH] code refactoring settings view. add clean storage option to
 settings.. closes #385

---
 app/public/js/settings/settingsCtrl.js           | 16 ++++++++++++----
 .../stylesheets/sass/_components/_settings.scss  |  2 +-
 app/views/settings/settings.html                 | 13 ++++++++++++-
 3 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/app/public/js/settings/settingsCtrl.js b/app/public/js/settings/settingsCtrl.js
index b633648c..1f8c8a53 100644
--- a/app/public/js/settings/settingsCtrl.js
+++ b/app/public/js/settings/settingsCtrl.js
@@ -1,19 +1,27 @@
 'use strict';
 
-app.controller('SettingsCtrl', function ($scope, $rootScope) {
+app.controller('SettingsCtrl', function ($scope, notificationFactory) {
     $scope.title = "Settings";
 
+    /**
+     * Enable or disable song notification
+     */
     if ( window.localStorage.notificationToggle ) {
         $scope.notification = JSON.parse(window.localStorage.notificationToggle);
     } else {
         window.localStorage.notificationToggle = $scope.notification = true;
     }
 
-    $scope.label = window.localStorage.notificationToggle ? "enabled": "disabled";
-
     $scope.notificationSettings = function() {
         window.localStorage.notificationToggle = $scope.notification;
-        $scope.label = $scope.notification ? "enabled": "disabled";
     };
 
+    /**
+     * Clea storage which remove everything stored in window.localStorage
+     */
+    $scope.cleanStorage = function() {
+        window.localStorage.clear();
+        notificationFactory.success('Your local storage is clean.');
+    }
+
 });
diff --git a/app/public/stylesheets/sass/_components/_settings.scss b/app/public/stylesheets/sass/_components/_settings.scss
index 10b154bb..a9945a92 100644
--- a/app/public/stylesheets/sass/_components/_settings.scss
+++ b/app/public/stylesheets/sass/_components/_settings.scss
@@ -1,5 +1,5 @@
 .settings-container {
-    width: 400px;
+    width: 540px;
 }
 
 .settings-switch {}
diff --git a/app/views/settings/settings.html b/app/views/settings/settings.html
index 7644bbc1..228ef112 100644
--- a/app/views/settings/settings.html
+++ b/app/views/settings/settings.html
@@ -7,7 +7,7 @@ <h1> {{ title }}</h1>
         <li class="full-flex">
             <div class="settings-container leftSide">
                 <h2>Notifications</h2>
-                <label>Song notifications {{ label }} </label>
+                <label>Enable/Disable song notifications </label>
             </div>
             <div class="settings-switch">
                 <div class="onoffswitch">
@@ -16,6 +16,17 @@ <h2>Notifications</h2>
                 </div>
             </div>
         </li>
+        <li class="full-flex">
+            <div class="settings-container leftSide">
+                <h2>Clean local storage</h2>
+                <label>Remove last user logged in, last window screen size, notification state.</label>
+            </div>
+            <div class="settings-switch">
+                <div class="onoffswitch">
+                    <button ng-click="cleanStorage()" class="button follow_button">Clean All</button>
+                </div>
+            </div>
+        </li>
     </ul>
 
 </div>