diff --git a/app/pods/components/hue-controls/template.hbs b/app/pods/components/hue-controls/template.hbs index bb607b7..1831ef3 100644 --- a/app/pods/components/hue-controls/template.hbs +++ b/app/pods/components/hue-controls/template.hbs @@ -28,5 +28,5 @@ {{lights-tab apiURL=apiURL lightsData=lightsData activeLights=activeLights trial=trial active=lightsTabSelected dimmerOn=dimmerOn}} - {{music-tab apiURL=apiURL lightsData=lightsData activeLights=activeLights active=musicTabSelected pauseLightUpdates=pauseLightUpdates dimmerOn=dimmerOn}} + {{music-tab apiURL=apiURL lightsData=lightsData activeLights=activeLights active=musicTabSelected pauseLightUpdates=pauseLightUpdates dimmerOn=dimmerOn storage=storage}} {{/if}} \ No newline at end of file diff --git a/app/pods/components/huegasm-app/component.js b/app/pods/components/huegasm-app/component.js index 1282ccf..c19c2e9 100644 --- a/app/pods/components/huegasm-app/component.js +++ b/app/pods/components/huegasm-app/component.js @@ -4,6 +4,9 @@ export default Em.Component.extend({ actions: { toggleDimmer(){ this.toggleProperty('dimmerOn'); + }, + isReady(){ + this.set('ready', true); } }, bridgeIp: null, @@ -12,9 +15,15 @@ export default Em.Component.extend({ trial: false, + storage: null, + dimmerOn: false, + + ready: false, + dimmerOnClass: function(){ var dimmerOn = this.get('dimmerOn'), + storage = this.get('storage'), className = null; if(dimmerOn){ @@ -28,18 +37,23 @@ export default Em.Component.extend({ Em.$('md-icon').removeClass('dimmerOn'); } + storage.set('huegasm.dimmerOn', dimmerOn); + return className; }.property('dimmerOn'), init(){ this._super(); - if(localStorage.getItem('huegasm.bridgeIp')){ - this.set('bridgeIp', localStorage.getItem('huegasm.bridgeIp')); - } + var storage = new window.Locally.Store(); + this.set('storage', storage); - if(localStorage.getItem('huegasm.bridgeUsername')){ - this.set('bridgeUsername', localStorage.getItem('huegasm.bridgeUsername')); - } + ['bridgeIp', 'bridgeUsername', 'dimmerOn'].forEach((item) => { + var storedValue = storage.get('huegasm.' + item); + + if(storedValue) { + this.set(item, storage.get('huegasm.' + item)); + } + }); } }); diff --git a/app/pods/components/huegasm-app/template.hbs b/app/pods/components/huegasm-app/template.hbs index 832af1d..8096468 100644 --- a/app/pods/components/huegasm-app/template.hbs +++ b/app/pods/components/huegasm-app/template.hbs @@ -1,7 +1,16 @@ {{#if bridgeUsername}} - {{hue-controls bridgeIp=bridgeIp bridgeUsername=bridgeUsername trial=trial dimmerOn=dimmerOn}} + {{hue-controls bridgeIp=bridgeIp bridgeUsername=bridgeUsername trial=trial dimmerOn=dimmerOn storage=storage}} {{else}} - {{bridge-finder bridgeIp=bridgeIp bridgeUsername=bridgeUsername trial=trial}} + {{#if ready}} + {{bridge-finder bridgeIp=bridgeIp bridgeUsername=bridgeUsername trial=trial}} + {{else}} +
+
Huegasm
+

Huegasm is a free web application for controlling your Philips Hue lights...oh and it's kind of awesome at syncing music with your lights.

+ + {{#paper-button raised=true primary=true action="isReady" class="goButton"}}Go!{{/paper-button}} +
+ {{/if}} {{/if}}