From 59cf7ad8d9562c129a1199516a2cb1a2b861ced7 Mon Sep 17 00:00:00 2001
From: lone-cloud <lonecloud604@pm.me>
Date: Mon, 21 Sep 2015 17:00:08 -0700
Subject: [PATCH] More app settings work

---
 app/components/bridge-controls.js            | 11 ++++++++
 app/styles/app.scss                          | 28 ++++++++++++++++++++
 app/templates/components/bridge-controls.hbs |  5 ++--
 3 files changed, 42 insertions(+), 2 deletions(-)

diff --git a/app/components/bridge-controls.js b/app/components/bridge-controls.js
index 5a59b04..f300129 100644
--- a/app/components/bridge-controls.js
+++ b/app/components/bridge-controls.js
@@ -29,6 +29,17 @@ export default Em.Component.extend({
 
     toggleAppSettings: function(){
       this.toggleProperty('appSettingsDisplayed');
+    },
+
+    clearBridge: function() {
+      delete localStorage['huegasm.bridgeUsername'];
+      delete localStorage['huegasm.bridgeIp'];
+      location.reload();
+    },
+
+    clearAllSettings: function() {
+      localStorage.clear();
+      location.reload();
     }
   },
 
diff --git a/app/styles/app.scss b/app/styles/app.scss
index a690e40..0d6d6f6 100644
--- a/app/styles/app.scss
+++ b/app/styles/app.scss
@@ -28,6 +28,15 @@ body {
   position: static;
 }
 
+.triangle {
+  position: absolute;
+  right: 11px;
+  top: -16px;
+  border-style: solid;
+  border-width: 0 15px 15px 15px;
+  border-color: transparent transparent #AFAFAF transparent;
+}
+
 #settings {
   cursor: pointer;
   position: absolute;
@@ -40,6 +49,25 @@ body {
   position: relative;
 }
 
+.appSettingsItem {
+  padding: 10px;
+}
+
+.appSettingsItem.warn {
+  text-transform: uppercase;
+  background: rgba(255, 0, 0, 0.20);
+}
+
+.appSettingsItem.warn:hover {
+  text-transform: uppercase;
+  background: rgba(255, 0, 0, 0.70);
+  color: white;
+}
+
+.appSettingsItem:hover {
+  background: darken(white, 10%);
+}
+
 .settingsItem.on md-icon.md-default-theme  {
   color: #F12B24 !important;
 }
diff --git a/app/templates/components/bridge-controls.hbs b/app/templates/components/bridge-controls.hbs
index 4a5f0a7..9200748 100644
--- a/app/templates/components/bridge-controls.hbs
+++ b/app/templates/components/bridge-controls.hbs
@@ -9,8 +9,9 @@
 
       {{#if appSettingsDisplayed}}
         <div id="appSettings">
-          <p {{action "clearBridge"}}>Switch bridge</p>
-          <p class="warn" {{action "clearAllSettings"}}>Clear application settings</p>
+          <span class="triangleWrapper"><div class="triangle"></div></span>
+          <div class="appSettingsItem" {{action "clearBridge"}}>Switch bridge</div>
+          <div class="warn appSettingsItem" {{action "clearAllSettings"}}>Clear application settings</div>
         </div>
       {{/if}}
     </span>