diff options
Diffstat (limited to 'www/templates/state.html')
| -rw-r--r-- | www/templates/state.html | 105 |
1 files changed, 89 insertions, 16 deletions
diff --git a/www/templates/state.html b/www/templates/state.html index f5bff536..b534b693 100644 --- a/www/templates/state.html +++ b/www/templates/state.html @@ -4,8 +4,27 @@ <button data-badge="{{$root.alarmCount}}" class="animated infinite tada button button-icon button-clear ion-ios-bell notification-badge" ng-click="handleAlarms();" ng-if="$root.isAlarm"></button> </ion-nav-buttons> - <ion-content delegate-handle="none" overflow-scroll="false" mouse-wheel-scroll> + <ion-content delegate-handle="none" overflow-scroll="false" mouse-wheel-scroll > <ion-refresher pulling-text="{{'kPullToReload' | translate}}..." spinner="bubbles" on-refresh="doRefresh()"></ion-refresher> + + <ion-item> + + <div> + <div class="row"> + <div class="col text-center"> + <a class="button button-small button-outline button-dark " ng-click="selectCustomState();" href="">{{'kChangeState'|translate}}</a> + <a class="button button-small button-outline button-dark " ng-click="controlZM('restart');" href="">{{'kRestart' + | translate}}</a> + <a class="button button-small button-outline button-dark" href="" ng-click="controlZM('stop');">{{'kStop' + | translate}}</a> + <a class="button button-small button-outline button-dark" ng-click="controlZM('start');" href="">{{'kStart' + | translate}}</a> + </div> + </div> + </div> + </ion-item> + + <ion-list> <ion-item> <div class="row"> @@ -35,23 +54,77 @@ </div> </div> </ion-item> + </ion-list> - <ion-item> + + + <div class="list" > - <div> - <div class="row"> - <div class="col text-center"> - <a class="button button-small button-outline button-dark " ng-click="selectCustomState();" href="">{{'kChangeState'|translate}}</a> - <a class="button button-small button-outline button-dark " ng-click="controlZM('restart');" href="">{{'kRestart' - | translate}}</a> - <a class="button button-small button-outline button-dark" href="" ng-click="controlZM('stop');">{{'kStop' - | translate}}</a> - <a class="button button-small button-outline button-dark" ng-click="controlZM('start');" href="">{{'kStart' - | translate}}</a> - </div> - </div> + <!-- Storage --> + <div class="item item-divider item-icon-left item-icon-right" ng-click="toggleStorage()"> + <i class="icon" ng-class="showStorage? 'ion-minus':'ion-plus'"></i> + <i class="icon ion-social-buffer"></i> + {{'kStateStorage' | translate}} </div> - </ion-item> - </ion-list> + <div ng-repeat = "store in storage"> + <div class="item item-accordion item-divider" ng-show="showStorage"> + + {{store.Storage.Name}} ({{store.Storage.Id}}) + </div> <!-- divider --> + <div class="item item-accordion" ng-show="showStorage"> + + <div class="row" style="font-size:80%;line-height:140%;"> + {{'kStatePath' | translate }}: {{store.Storage.Path}} + </div> + <div class="row" style="font-size:80%;line-height:140%;"> + {{'kStateDiskUsed' | translate }}: {{ humanFileSize(store.Storage.DiskSpace,true)}} + </div> + <div class="row" style="font-size:80%;line-height:140%;"> + {{'kScheme' | translate }}: {{ store.Storage.Scheme}} + </div> + <div ng-if="store.Storage.ServerId" class="row" style="font-size:80%;line-height:140%;"> + {{'kStateServer' | translate }}: {{ matchServer(store.Storage.ServerId)}} + </div> + + </div> <!-- item --> + </div> <!-- repeat --> + + <!-- server --> + <div class="item item-divider item-icon-left item-icon-right" ng-click="toggleServer()"> + <i class="icon" ng-class="showServer? 'ion-minus':'ion-plus'"></i> + <i class="icon ion-monitor"></i> + {{'kStateServer' | translate}} + </div> + <div ng-repeat = "server in servers"> + <div class="item item-accordion item-divider" ng-show="showServer"> + + {{server.Server.Name}} ({{server.Server.Id}}) + </div> <!-- divider --> + <div class="item item-accordion" ng-show="showServer"> + + <div class="row" style="font-size:80%;line-height:140%;"> + {{'kStateHost' | translate }}: {{server.Server.Hostname}} + </div> + <div class="row" style="font-size:80%;line-height:140%;"> + {{'kStatus' | translate }}: {{ server.Server.Status}} + </div> + <div class="row" style="font-size:80%;line-height:140%;"> + {{'kStateCpuLoad' | translate }}: {{ server.Server.CpuLoad}} + </div> + <div class="row" style="font-size:80%;line-height:140%;"> + {{'kStateTotalMem' | translate }}: {{ humanFileSize(server.Server.TotalMem, true)}} + </div> + <div class="row" style="font-size:80%;line-height:140%;"> + {{'kStateFreeMem' | translate }}: {{ humanFileSize(server.Server.FreeMem, true)}} + </div> + + </div> <!-- item --> + </div> <!-- repeat --> + </div> <!-- list ----> + + + + + </ion-content> </ion-view> |