Changeset 12551 for branches/HiveStatistics/sources/HeuristicLab.Services.WebApp.Statistics/3.3/WebApp/groups
- Timestamp:
- 06/30/15 13:12:07 (10 years ago)
- Location:
- branches/HiveStatistics/sources
- Files:
-
- 4 edited
Legend:
- Unmodified
- Added
- Removed
-
branches/HiveStatistics/sources
-
branches/HiveStatistics/sources/HeuristicLab.Services.WebApp.Statistics/3.3/WebApp/groups/details/groupDetails.cshtml
r12525 r12551 16 16 <li class="active"> 17 17 <a ng-href="#/statistics/groups">Groups</a> 18 </li> 18 </li> 19 @if (Request.IsAuthenticated && User.IsInRole(HiveRoles.Administrator)) { 20 <li> 21 <a ng-href="#/statistics/exceptions">Exceptions</a> 22 </li> 23 } 19 24 </ul> 20 25 </header> … … 22 27 <div class="default-view-container"> 23 28 <div class="row"> 24 <div class="col-lg- 12">29 <div class="col-lg-9"> 25 30 <div class="panel panel-default"> 26 31 <div class="panel-heading"> … … 29 34 <div class="panel-body"> 30 35 <div class="row"> 31 <div class="col-md- 5">36 <div class="col-md-6"> 32 37 <table class="table table-no-border table-condensed table-auto-width table-content"> 33 38 <tr> … … 37 42 <tr> 38 43 <td class="text-left">Clients:</td> 39 <td class="text-right">{{group.Clients}}</td> 40 </tr> 41 <tr> 42 <td class="text-left">Cpu Utilization:</td> 43 <td class="text-right">{{group.CpuUtilization | number: 2}} %</td> 44 <td class="text-right">{{group.OnlineClients}} / {{group.TotalClients}}</td> 44 45 </tr> 45 46 </table> 46 47 </div> 47 <div class="col-md- 5">48 <div class="col-md-6"> 48 49 <table class="table table-no-border table-condensed table-auto-width table-content"> 49 50 <tr> 50 <td class="text-left">TotalCores:</td> 51 <td class="text-right">{{group.TotalCores}}</td> 52 </tr> 53 <tr> 54 <td class="text-left">UsedCores:</td> 55 <td class="text-right">{{group.UsedCores}}</td> 56 </tr> 57 <tr> 58 <td class="text-left">Total Memory:</td> 59 <td class="text-right">{{group.TotalMemory}}</td> 60 </tr> 61 <tr> 62 <td class="text-left">Used Memory:</td> 63 <td class="text-right">{{group.UsedMemory}}</td> 51 <td class="text-left">Total Unavailable Time:</td> 52 <td class="text-right">{{group.TotalUnavailableTime | toTimespan}}</td> 53 </tr> 54 <tr> 55 <td class="text-left">Total Calculating Time:</td> 56 <td class="text-right">{{group.TotalCalculatingTime | toTimespan}}</td> 57 </tr> 58 <tr> 59 <td class="text-left">Total Idle Time:</td> 60 <td class="text-right">{{group.TotalIdleTime | toTimespan}}</td> 61 </tr> 62 <tr> 63 <td class="text-left">Total Transferring Time:</td> 64 <td class="text-right">{{group.TotalTransferringTime | toTimespan}}</td> 65 </tr> 66 <tr> 67 <td class="text-left">Total Offline Time:</td> 68 <td class="text-right">{{group.TotalOfflineTime | toTimespan}}</td> 64 69 </tr> 65 70 </table> 66 71 </div> 67 68 <div class="col-md-2"></div> 69 </div> 72 </div> 73 </div> 74 </div> 75 </div> 76 <div class="col-lg-3 col-md-6"> 77 <div class="panel panel-default"> 78 <div class="panel-heading"> 79 <h3 class="panel-title">Tasks Overview</h3> 80 </div> 81 <div class="panel-body"> 82 <table class="table table-no-border table-condensed table-auto-width table-content"> 83 <tr> 84 <td class="text-left">Total:</td> 85 <td class="text-right">{{totalGroupTasks}}</td> 86 </tr> 87 <tr ng-repeat="state in group.TasksStates"> 88 <td class="text-left">{{state.State}}:</td> 89 <td class="text-right">{{state.Count}}</td> 90 </tr> 91 </table> 70 92 </div> 71 93 </div> 72 94 </div> 73 95 </div> 96 97 <div class="row"> 98 <div class="col-lg-3 col-md-6"> 99 <div class="panel panel-default"> 100 <div class="panel-heading"> 101 <h3 class="panel-title">Cores</h3> 102 </div> 103 <div class="panel-body"> 104 <div class="text-center"> 105 <knob knob-data="knobData.cores" knob-options="knobOptions"></knob> 106 </div> 107 <table class="table table-no-border table-condensed table-auto-width table-content"> 108 <tr> 109 <td class="text-left">Total:</td> 110 <td class="text-right">{{group.TotalCores | number}}</td> 111 </tr> 112 <tr> 113 <td class="text-left">Used:</td> 114 <td class="text-right">{{group.UsedCores | number}}</td> 115 </tr> 116 </table> 117 </div> 118 </div> 119 </div> 120 121 <div class="col-lg-3 col-md-6"> 122 <div class="panel panel-default"> 123 <div class="panel-heading"> 124 <h3 class="panel-title">CPU Utilization</h3> 125 </div> 126 <div class="panel-body"> 127 <div class="text-center"> 128 <knob knob-data="knobData.cpu" knob-options="knobOptions"></knob> 129 </div> 130 <table class="table table-no-border table-condensed table-auto-width table-content"> 131 <tr> 132 <td class="text-left">Total:</td> 133 <td class="text-right">{{group.TotalCpuUtilization | number: 2}} %</td> 134 </tr> 135 <tr> 136 <td class="text-left">Active:</td> 137 <td class="text-right">{{group.ActiveCpuUtilization | number: 2}} %</td> 138 </tr> 139 </table> 140 </div> 141 </div> 142 </div> 143 144 <div class="col-lg-3 col-md-6"> 145 <div class="panel panel-default"> 146 <div class="panel-heading"> 147 <h3 class="panel-title">Memory</h3> 148 </div> 149 <div class="panel-body"> 150 <div class="text-center"> 151 <knob knob-data="knobData.memory" knob-options="knobOptions"></knob> 152 </div> 153 <table class="table table-no-border table-condensed table-auto-width table-content"> 154 <tr> 155 <td class="text-left">Total:</td> 156 <td class="text-right">{{group.TotalMemory | kbToGB}} GB</td> 157 </tr> 158 <tr> 159 <td class="text-left">Used:</td> 160 <td class="text-right">{{group.UsedMemory | kbToGB}} GB</td> 161 </tr> 162 </table> 163 </div> 164 </div> 165 </div> 166 </div> 167 74 168 <div class="row"> 75 169 <div class="col-lg-12"> … … 86 180 <th>Cores</th> 87 181 <th>Cpu Utilization</th> 182 <th>Memory</th> 88 183 <th>State</th> 89 184 <th></th> … … 95 190 <td>{{client.UsedCores}} / {{client.TotalCores}}</td> 96 191 <td>{{client.CpuUtilization | number: 2}} %</td> 192 <td>{{client.UsedMemory | kbToGB}} / {{client.TotalMemory | kbToGB}}</td> 97 193 <td>{{client.State}}</td> 98 194 <td> … … 101 197 </tr> 102 198 <tr ng-hide="clientPage.Clients.length"> 103 <td colspan=" 6" class="text-center">No clients found!</td>199 <td colspan="7" class="text-center">No clients found!</td> 104 200 </tr> 105 201 </table> -
branches/HiveStatistics/sources/HeuristicLab.Services.WebApp.Statistics/3.3/WebApp/groups/details/groupDetailsCtrl.js
r12525 r12551 8 8 $scope.clientsPageSize = 20; 9 9 10 11 // details 12 $scope.knobOptions = { 13 'fgColor': "#f7921d", 14 'angleOffset': -125, 15 'angleArc': 250, 16 'readOnly': true, 17 'width': "80%", 18 'targetvalue': "100", 19 'format': function (value) { 20 return value; 21 }, 22 draw: function () { 23 $(this.i).val(this.cv + '%'); 24 } 25 }; 26 27 $scope.knobData = { 28 cores: 0, 29 cpu: 0, 30 memory: 0 31 }; 32 10 33 var getGroupDetails = function() { 11 34 groupService.getGroupDetails({ id: $stateParams.id }, function (group) { 12 35 $scope.group = group; 36 $scope.knobData.cores = (group.UsedCores / group.TotalCores) * 100; 37 $scope.knobData.cpu = group.ActiveCpuUtilization; 38 $scope.knobData.memory = (group.UsedMemory / group.TotalMemory) * 100; 39 40 var length = group.TasksStates.length; 41 var total = 0; 42 for (var i = 0; i < length; ++i) { 43 total += group.TasksStates[i].Count; 44 } 45 $scope.totalGroupTasks = total; 13 46 }); 14 47 }; -
branches/HiveStatistics/sources/HeuristicLab.Services.WebApp.Statistics/3.3/WebApp/groups/groups.cshtml
r12525 r12551 16 16 <li class="active"> 17 17 <a ng-href="#/statistics/groups">Groups</a> 18 </li> 18 </li> 19 @if (Request.IsAuthenticated && User.IsInRole(HiveRoles.Administrator)) { 20 <li> 21 <a ng-href="#/statistics/exceptions">Exceptions</a> 22 </li> 23 } 19 24 </ul> 20 25 </header> … … 35 40 <th>Cores</th> 36 41 <th>Cpu Utilization</th> 42 <th>Memory</th> 37 43 <th>Clients</th> 38 44 <th></th> … … 44 50 <td>{{group.UsedCores}} / {{group.TotalCores}}</td> 45 51 <td>{{group.CpuUtilization | number: 2}} %</td> 46 <td>{{group.Clients}}</td> 52 <td>{{group.UsedMemory | kbToGB}} / {{group.TotalMemory | kbToGB}} GB</td> 53 <td>{{group.OnlineClients}} / {{group.TotalClients}}</td> 47 54 <td> 48 55 <a ng-href="#/statistics/groups/{{group.Id}}">Details</a> … … 50 57 </tr> 51 58 <tr ng-hide="groupPage.Groups.length"> 52 <td colspan=" 6" class="text-center">No groups found!</td>59 <td colspan="7" class="text-center">No groups found!</td> 53 60 </tr> 54 61 </table>
Note: See TracChangeset
for help on using the changeset viewer.