diff options
author | Trygve Laugstøl <trygvis@inamo.no> | 2015-10-30 21:29:34 +0100 |
---|---|---|
committer | Trygve Laugstøl <trygvis@inamo.no> | 2015-10-30 21:30:26 +0100 |
commit | dd72e7992f126c4a42a0791228400738072f297d (patch) | |
tree | 52be7697566f837b8e39fddd09a401b646bfdb6f /web/static/app/templates/device.html | |
parent | 2cab7558863fe8827e1d939733dd77779666d641 (diff) | |
download | diller-server-dd72e7992f126c4a42a0791228400738072f297d.tar.gz diller-server-dd72e7992f126c4a42a0791228400738072f297d.tar.bz2 diller-server-dd72e7992f126c4a42a0791228400738072f297d.tar.xz diller-server-dd72e7992f126c4a42a0791228400738072f297d.zip |
web:
o Handling empty property and value tables.
o Testing a better layout of device overview.
Diffstat (limited to 'web/static/app/templates/device.html')
-rw-r--r-- | web/static/app/templates/device.html | 74 |
1 files changed, 68 insertions, 6 deletions
diff --git a/web/static/app/templates/device.html b/web/static/app/templates/device.html index b466fdc..b8936f3 100644 --- a/web/static/app/templates/device.html +++ b/web/static/app/templates/device.html @@ -5,15 +5,77 @@ <small class="text-muted">device</small> </h1> - <ul> - <li>Created: {{ctrl.device.created_timestamp | date}}</li> - <li>Name: {{ctrl.property.name}}</li> - <li>Description: {{ctrl.property.description}}</li> - </ul> + <!-- + <hr/> + <div class="row"> + <div class="col-sm-3"> + Created + </div> + <div class="col-sm-9"> + {{ctrl.device.created_timestamp | date}} + </div> + </div> - <h3>Properties</h3> + <div class="row"> + <div class="col-sm-3"> + Name + </div> + <div class="col-sm-9"> + {{ctrl.device.name}} + </div> + </div> + + <div class="row"> + <div class="col-sm-3"> + Description + </div> + <div class="col-sm-9"> + {{ctrl.device.description}} + </div> + </div> + + <hr/> <table class="table"> + <tr> + <th width="25%">Created</th> + <td>{{ctrl.device.created_timestamp | date}}</td> + </tr> + <tr> + <th width="25%">Name</th> + <td>{{ctrl.device.name}}</td> + </tr> + <tr> + <th width="25%">Description</th> + <td>{{ctrl.device.description}}</td> + </tr> + </table> + + <hr/> + --> + + <dl class="dl-horizontalX"> + <dt class="col-sm-3">Created</dt> + <dd class="col-sm-9">{{ctrl.device.created_timestamp | date}}</dd> + + <dt class="col-sm-3">Name</dt> + <dd class="col-sm-9"> {{ctrl.device.name}}</dd> + + <dt class="col-sm-3">Description</dt> + <dd class="col-sm-9"> {{ctrl.device.description}}</dd> + </dl> + + <h3>Properties</h3> + + <div class="row"> + <div class="col-sm-12"> + <p ng-if="ctrl.device.properties.length == 0"> + No properties registered... + </p> + </div> + </div> + + <table class="table" ng-if="ctrl.device.properties.length > 0"> <thead> <tr> <td>Registered</td> |