lone-cloud/huegasm
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Small push from work comp

Browse source
This commit is contained in:
lone-cloud 2015-09-03 15:11:35 -07:00
parent feb49c0476
commit fb62232e85
3 changed files with 40 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
app/components/bridge-finder.js
View file

@ -1,11 +1,15 @@
import Em from 'ember'; import Em from 'ember';
export default Em.Component.extend({ export default Em.Component.extend({
classNames: ['container'],
bridgeIp: null, bridgeIp: null,
bridgeUsername: null, bridgeUsername: null,
bridgeFindStatus: null, bridgeFindStatus: null,
bridgeFindSuccess: Em.computed.equal('bridgeFindStatus', 'success'),
bridgeFindMultiple: Em.computed.equal('bridgeFindStatus', 'multiple'),
bridgeFindFail: Em.computed.equal('bridgeFindStatus', 'fail'),
// 30 seconds // 30 seconds
bridgeUsernamePingMaxTime: 30000, bridgeUsernamePingMaxTime: 30000,
@ -29,12 +33,19 @@ export default Em.Component.extend({
var self = this; var self = this;
Em.$.get('https://www.meethue.com/api/nupnp', function (result, status) { Em.$.get('https://www.meethue.com/api/nupnp', function (result, status) {
if (status === 'success') { var bridgeFindStatus = 'fail';
if (status === 'success' && result.length === 1) {
self.set('bridgeIp', result[0].internalipaddress); self.set('bridgeIp', result[0].internalipaddress);
localStorage.setItem('huegasm.bridgeIp', result[0].internalipaddress); localStorage.setItem('huegasm.bridgeIp', result[0].internalipaddress);
bridgeFindStatus = 'success';
} else if(result.length > 1) {
bridgeFindStatus = 'multiple';
} else {
bridgeFindStatus = 'fail';
} }
self.set('bridgeFindStatus', status); self.set('bridgeFindStatus', bridgeFindStatus);
}); });
} }
}, },

4
app/styles/app.scss
View file

@ -8,6 +8,10 @@ $playerHeight: 400px;
$playListBackgroundColor: #1E1E1E; $playListBackgroundColor: #1E1E1E;
// BRIDGE FINDER // BRIDGE FINDER
#finderContainer {
}
#pressButtonBridgeImg { #pressButtonBridgeImg {
width: 200px; width: 200px;
margin: 0 auto 0 auto; margin: 0 auto 0 auto;

32
app/templates/components/bridge-finder.hbs
View file

@ -1,14 +1,28 @@
{{#unless bridgeUsername}} <div id="finderContainer" class="center-block">
{{#if bridgeIp}} {{#unless bridgeUsername}}
{{#if bridgeIp}}
<img src="assets/images/pressButtonBridge.png" id="pressButtonBridgeImg"> <img src="assets/images/pressButtonBridge.png" id="pressButtonBridgeImg">
{{paper-progress-linear warn=true value=bridgeUserNamePingIntervalProgress}} {{paper-progress-linear warn=true value=bridgeUserNamePingIntervalProgress}}
{{#if isAuthenticating}} {{#if isAuthenticating}}
<p>Press the button on your bridge to authenticate this application.</p> <p>Your bridge IP is <b>{{bridgeIp}}</b></p>
<p>Press the button on your bridge to authenticate this application.</p>
{{else}} {{else}}
<p>You failed to press the button. <a class="noTextDecoration" href="#" {{action 'retry'}}>RETRY</a></p> <p>You failed to press the button. <a class="noTextDecoration" href="#" {{action 'retry'}}>RETRY</a></p>
{{/if}} {{/if}}
{{else}} {{else}}
{{paper-progress-circular}} {{#unless bridgeFindStatus}}
<p>Trying to find your bridge's IP.</p> {{paper-progress-circular}}
{{/if}} <p>Trying to find your bridge's IP.</p>
{{/unless}} {{/unless}}
{{#if bridgeFindMultiple}}
<p>Found multiple bridge IPs.</p>
{{else}}
{{#if bridgeFindFail}}
{{paper-progress-circular}}
<p>Trying to find your bridge's IP.</p>
{{/if}}
{{/if}}
{{/if}}
{{/unless}}
</div>