1 | <header class="view-header">
|
---|
2 | <ul class="nav nav-list nav-list-topbar pull-left">
|
---|
3 | <li class="active">
|
---|
4 | <a ng-href="#/status">Status</a>
|
---|
5 | </li>
|
---|
6 | <li>
|
---|
7 | <a ng-href="#/status/history">History</a>
|
---|
8 | </li>
|
---|
9 | </ul>
|
---|
10 | </header>
|
---|
11 |
|
---|
12 | <div class="default-view-container">
|
---|
13 | <div class="row">
|
---|
14 | <div class="col-lg-3 col-md-6">
|
---|
15 | <div class="panel panel-default">
|
---|
16 | <div class="panel-heading">
|
---|
17 | <h3 class="panel-title">Cores</h3>
|
---|
18 | </div>
|
---|
19 | <div class="panel-body">
|
---|
20 | <center>
|
---|
21 | <knob knob-data="core.knobData" knob-options="knobOptions"></knob>
|
---|
22 | </center>
|
---|
23 | <p>Total Cores: {{status.CoreStatus.TotalCores}}</p>
|
---|
24 | <p>Used Cores: {{status.CoreStatus.TotalCores - status.CoreStatus.FreeCores}}</p>
|
---|
25 | </div>
|
---|
26 | </div>
|
---|
27 | </div>
|
---|
28 |
|
---|
29 | <div class="col-lg-3 col-md-6">
|
---|
30 | <div class="panel panel-default">
|
---|
31 | <div class="panel-heading">
|
---|
32 | <h3 class="panel-title">CPU Utilization</h3>
|
---|
33 | </div>
|
---|
34 | <div class="panel-body">
|
---|
35 | <center>
|
---|
36 | <knob knob-data="cpu.knobData" knob-options="knobOptions"></knob>
|
---|
37 | </center>
|
---|
38 | <p>Total Utilization: {{status.CpuUtilizationStatus.TotalCpuUtilization}} %</p>
|
---|
39 | <p>Used Utilization: {{status.CpuUtilizationStatus.UsedCpuUtilization}} %</p>
|
---|
40 | </div>
|
---|
41 | </div>
|
---|
42 | </div>
|
---|
43 |
|
---|
44 | <div class="col-lg-3 col-md-6">
|
---|
45 | <div class="panel panel-default">
|
---|
46 | <div class="panel-heading">
|
---|
47 | <h3 class="panel-title">Memory</h3>
|
---|
48 | </div>
|
---|
49 | <div class="panel-body">
|
---|
50 | <center>
|
---|
51 | <knob knob-data="memory.knobData" knob-options="knobOptions"></knob>
|
---|
52 | </center>
|
---|
53 | <p>TotalMemory: {{status.MemoryStatus.TotalMemory}} GB</p>
|
---|
54 | <p>UsedMemory: {{status.MemoryStatus.TotalMemory - status.MemoryStatus.FreeMemory}} GB</p>
|
---|
55 | </div>
|
---|
56 | </div>
|
---|
57 | </div>
|
---|
58 |
|
---|
59 | <div class="col-lg-3 col-md-6">
|
---|
60 | <div class="panel panel-default">
|
---|
61 | <div class="panel-heading">
|
---|
62 | <h3 class="panel-title">Tasks</h3>
|
---|
63 | </div>
|
---|
64 | <div class="panel-body">
|
---|
65 | <p>Total: {{tasks.WaitingTasks + tasks.CalculatingTasks}}</p>
|
---|
66 | <p>Waiting: {{tasks.WaitingTasks}}</p>
|
---|
67 | <p>Calculating: {{tasks.CalculatingTasks}}</p>
|
---|
68 | </div>
|
---|
69 | </div>
|
---|
70 | </div>
|
---|
71 | </div>
|
---|
72 |
|
---|
73 | <div class="row">
|
---|
74 | <div class="col-lg-12">
|
---|
75 | <div class="panel panel-default">
|
---|
76 | <div class="panel-heading">
|
---|
77 | <h3 class="panel-title">CPU Utilization Chart</h3>
|
---|
78 | </div>
|
---|
79 | <div class="panel-body">
|
---|
80 | <flot dataset="cpu.series" options="chartOptions"></flot>
|
---|
81 | </div>
|
---|
82 | </div>
|
---|
83 | </div>
|
---|
84 | </div>
|
---|
85 |
|
---|
86 | <div class="row">
|
---|
87 | <div class="col-lg-12">
|
---|
88 | <div class="panel panel-default">
|
---|
89 | <div class="panel-heading">
|
---|
90 | <h3 class="panel-title">Core Chart</h3>
|
---|
91 | </div>
|
---|
92 | <div class="panel-body">
|
---|
93 | <flot dataset="core.series" options="fillChartOptions"></flot>
|
---|
94 | </div>
|
---|
95 | </div>
|
---|
96 | </div>
|
---|
97 | </div>
|
---|
98 |
|
---|
99 | <div class="row">
|
---|
100 | <div class="col-lg-12">
|
---|
101 | <div class="panel panel-default">
|
---|
102 | <div class="panel-heading">
|
---|
103 | <h3 class="panel-title">Memory Chart</h3>
|
---|
104 | </div>
|
---|
105 | <div class="panel-body">
|
---|
106 | <flot dataset="memory.series" options="fillChartOptions"></flot>
|
---|
107 | </div>
|
---|
108 | </div>
|
---|
109 | </div>
|
---|
110 | </div>
|
---|
111 |
|
---|
112 | <div class="row">
|
---|
113 | <div class="col-lg-12">
|
---|
114 | <div class="panel panel-default">
|
---|
115 | <div class="panel-heading">
|
---|
116 | <h3 class="panel-title">Tasks by User</h3>
|
---|
117 | </div>
|
---|
118 | <div class="panel-body">
|
---|
119 | <table class="table table-hover">
|
---|
120 | <thead>
|
---|
121 | <tr>
|
---|
122 | <th>Username</th>
|
---|
123 | <th>Calculating Tasks</th>
|
---|
124 | <th>Waiting Tasks</th>
|
---|
125 | </tr>
|
---|
126 | </thead>
|
---|
127 | <tr ng-repeat="task in status.TasksStatus">
|
---|
128 | <td>{{task.User.Name}}</td>
|
---|
129 | <td>{{task.CalculatingTasks}}</td>
|
---|
130 | <td>{{task.WaitingTasks}}</td>
|
---|
131 | </tr>
|
---|
132 | </table>
|
---|
133 | </div>
|
---|
134 | </div>
|
---|
135 | </div>
|
---|
136 | </div>
|
---|
137 |
|
---|
138 | <div class="row">
|
---|
139 | <div class="col-lg-12">
|
---|
140 | <div class="panel panel-default">
|
---|
141 | <div class="panel-heading">
|
---|
142 | <h3 class="panel-title">CPU Utilization by Slave</h3>
|
---|
143 | </div>
|
---|
144 | <div class="panel-body">
|
---|
145 | <table class="table table-hover">
|
---|
146 | <thead>
|
---|
147 | <tr>
|
---|
148 | <th>Slave</th>
|
---|
149 | <th>CPU Utilization</th>
|
---|
150 | </tr>
|
---|
151 | </thead>
|
---|
152 | <tr ng-repeat="slave in status.SlavesCpuStatus">
|
---|
153 | <td>{{slave.Slave.Name}}</td>
|
---|
154 | <td>{{slave.CpuUtilization}} %</td>
|
---|
155 | </tr>
|
---|
156 | </table>
|
---|
157 | </div>
|
---|
158 | </div>
|
---|
159 | </div>
|
---|
160 | </div>
|
---|
161 | </div> |
---|