Context Navigation

status.cshtml @ 12584

Visit:

Last change on this file since 12584 was 12558, checked in by dglaser, 9 years ago
#2388: Merged trunk into HiveStatistics branch
File size: 17.7 KB

Rev	Line
[12428]	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">
[12435]	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	<div class="text-center">
	21	<knob knob-data="core.knobData" knob-options="knobOptions"></knob>
[12428]	22	</div>
[12435]	23	<table class="table table-no-border table-condensed table-auto-width table-content">
	24	<tr data-toggle="tooltip" data-placement="bottom" title="All online slaves">
	25	<td class="text-left">
	26	Total:
	27	</td>
	28	<td class="text-right">{{status.CoreStatus.TotalCores \| number}}</td>
	29	</tr>
	30	<tr data-toggle="tooltip" data-placement="bottom" title="All calculating and idle slaves that are allowed to calculate">
	31	<td class="text-left">Active:</td>
	32	<td class="text-right">{{status.CoreStatus.ActiveCores \| number}}</td>
	33	</tr>
	34	<tr data-toggle="tooltip" data-placement="bottom" title="All calculating slaves that are allowed to calculate">
	35	<td class="text-left">Calculating:</td>
	36	<td class="text-right">{{status.CoreStatus.CalculatingCores \| number}}</td>
	37	</tr>
	38	</table>
[12428]	39	</div>
	40	</div>
[12435]	41	</div>
[12428]	42
[12435]	43	<div class="col-lg-3 col-md-6">
	44	<div class="panel panel-default">
	45	<div class="panel-heading">
	46	<h3 class="panel-title">CPU Utilization</h3>
	47	</div>
	48	<div class="panel-body">
	49	<div class="text-center">
	50	<knob knob-data="cpu.knobData" knob-options="knobOptions"></knob>
[12428]	51	</div>
[12435]	52	<table class="table table-no-border table-condensed table-auto-width table-content">
	53	<tr data-toggle="tooltip" data-placement="bottom" title="All online slaves">
	54	<td class="text-left">Total:</td>
	55	<td class="text-right">{{status.CpuUtilizationStatus.TotalCpuUtilization \| number: 2}} %</td>
	56	</tr>
	57	<tr data-toggle="tooltip" data-placement="bottom" title="All calculating and idle slaves that are allowed to calculate">
	58	<td class="text-left">Active:</td>
	59	<td class="text-right">{{status.CpuUtilizationStatus.ActiveCpuUtilization \| number: 2}} %</td>
	60	</tr>
	61	<tr data-toggle="tooltip" data-placement="bottom" title="All calculating slaves that are allowed to calculate">
	62	<td class="text-left">Calculating:</td>
	63	<td class="text-right">{{status.CpuUtilizationStatus.CalculatingCpuUtilization \| number: 2}} %</td>
	64	</tr>
	65	</table>
[12428]	66	</div>
	67	</div>
[12435]	68	</div>
[12428]	69
[12435]	70	<div class="col-lg-3 col-md-6">
	71	<div class="panel panel-default">
	72	<div class="panel-heading">
	73	<h3 class="panel-title">Memory</h3>
	74	</div>
	75	<div class="panel-body">
	76	<div class="text-center">
	77	<knob knob-data="memory.knobData" knob-options="knobOptions"></knob>
[12428]	78	</div>
[12435]	79	<table class="table table-no-border table-condensed table-auto-width table-content">
	80	<tr data-toggle="tooltip" data-placement="bottom" title="All online slaves">
	81	<td class="text-left">Total:</td>
[12551]	82	<td class="text-right">{{status.MemoryStatus.TotalMemory \| kbToGB}} GB</td>
[12435]	83	</tr>
	84	<tr data-toggle="tooltip" data-placement="bottom" title="All calculating and idle slaves that are allowed to calculate">
	85	<td class="text-left">Active:</td>
[12551]	86	<td class="text-right">{{status.MemoryStatus.ActiveMemory \| kbToGB}} GB</td>
[12435]	87	</tr>
	88	<tr data-toggle="tooltip" data-placement="bottom" title="All calculating slaves that are allowed to calculate">
	89	<td class="text-left">Calculating:</td>
[12551]	90	<td class="text-right">{{status.MemoryStatus.CalculatingMemory \| kbToGB}} GB</td>
[12435]	91	</tr>
	92	</table>
[12428]	93	</div>
	94	</div>
[12435]	95	</div>
[12428]	96
[12435]	97	<div class="col-lg-3 col-md-6">
	98	<div class="panel panel-default">
	99	<div class="panel-heading">
	100	<h3 class="panel-title">Tasks</h3>
[12428]	101	</div>
[12435]	102	<div class="panel-body">
	103	<table class="table table-no-border table-condensed table-auto-width table-content">
	104	<tr>
	105	<td class="text-left">Total:</td>
	106	<td class="text-right">{{tasks.WaitingTasks + tasks.CalculatingTasks \| number}}</td>
	107	</tr>
	108	<tr>
	109	<td class="text-left">Waiting:</td>
	110	<td class="text-right">{{tasks.WaitingTasks \| number}}</td>
	111	</tr>
	112	<tr>
	113	<td class="text-left">Calculating:</td>
	114	<td class="text-right">{{tasks.CalculatingTasks \| number}}</td>
	115	</tr>
	116	</table>
	117	</div>
[12428]	118	</div>
	119	</div>
[12435]	120	</div>
[12428]	121
[12435]	122	<div class="row">
	123	<div class="col-lg-12">
	124	<div class="panel panel-default">
	125	<div class="panel-heading">
[12551]	126	<h3 class="panel-title">Status Overview</h3>
	127	</div>
	128	<div class="panel-body">
	129	<div class="row">
	130	<div class="col-md-6">
	131	<table class="table table-no-border table-condensed table-auto-width table-content">
	132	<tr>
	133	<td class="text-left">Current Average Waiting Time:</td>
	134	<td class="text-right">{{status.TimeStatus.AvgWaitingTime \| toTimespan}}</td>
	135	</tr>
	136	<tr>
	137	<td class="text-left">Total CPU Time:</td>
	138	<td class="text-right">{{status.TimeStatus.TotalCpuTime \| toTimespan}}</td>
	139	</tr>
	140	<tr>
	141	<td class="text-left">Since:</td>
	142	<td class="text-right">{{status.TimeStatus.BeginDate \| toDate}}</td>
	143	</tr>
	144	</table>
	145	</div>
	146	<div class="col-md-6">
	147	<table class="table table-no-border table-condensed table-auto-width table-content">
	148	<tr>
	149	<td class="text-left">Minimum Calculating Time:</td>
	150	<td class="text-right">{{status.TimeStatus.MinCalculatingTime \| toTimespan}}</td>
	151	</tr>
	152	<tr>
	153	<td class="text-left">Maximum Calculating Time:</td>
	154	<td class="text-right">{{status.TimeStatus.MaxCalculatingTime \| toTimespan}}</td>
	155	</tr>
	156	<tr>
	157	<td class="text-left">Average Calculating Time:</td>
	158	<td class="text-right">{{status.TimeStatus.AvgCalculatingTime \| toTimespan}}</td>
	159	</tr>
	160	<tr>
	161	<td class="text-left">Standard Deviation Calculating Time:</td>
	162	<td class="text-right">{{status.TimeStatus.StandardDeviationCalculatingTime \| toTimespan}}</td>
	163	</tr>
	164	</table>
	165	</div>
	166	</div>
	167	</div>
	168	</div>
	169	</div>
	170	</div>
	171
	172	<div class="row">
	173	<div class="col-lg-12">
	174	<div class="panel panel-default">
	175	<div class="panel-heading">
[12435]	176	<h3 class="panel-title">CPU Utilization Chart</h3>
[12428]	177	</div>
[12435]	178	<div class="panel-body">
	179	<flot dataset="cpu.series" options="chartOptions"></flot>
	180	</div>
[12428]	181	</div>
	182	</div>
[12435]	183	</div>
[12428]	184
[12435]	185	<div class="row">
	186	<div class="col-lg-12">
	187	<div class="panel panel-default">
	188	<div class="panel-heading">
	189	<h3 class="panel-title">Core Chart</h3>
[12428]	190	</div>
[12435]	191	<div class="panel-body">
	192	<flot dataset="core.series" options="fillChartOptions"></flot>
	193	</div>
[12428]	194	</div>
	195	</div>
[12435]	196	</div>
[12428]	197
[12435]	198	<div class="row">
	199	<div class="col-lg-12">
	200	<div class="panel panel-default">
	201	<div class="panel-heading">
	202	<h3 class="panel-title">Memory Chart</h3>
	203	</div>
	204	<div class="panel-body">
	205	<flot dataset="memory.series" options="fillChartOptions"></flot>
	206	</div>
	207	</div>
	208	</div>
	209	</div>
	210
	211	<div class="row">
	212	<div class="col-lg-12">
	213	<div class="panel panel-default">
	214	<div class="panel-heading">
	215	<h3 class="panel-title">Tasks by User</h3>
	216	</div>
	217	<div class="panel-body">
[12558]	218	<table class="table table-hover" ts-wrapper>
[12435]	219	<thead>
[12558]	220	<tr>
	221	<th ts-criteria="User.Name">Username</th>
	222	<th ts-criteria="CalculatingTasks\|parseInt">Calculating Tasks</th>
	223	<th ts-criteria="WaitingTasks\|parseInt">Waiting Tasks</th>
	224	</tr>
[12435]	225	</thead>
[12558]	226	<tbody>
	227	<tr ng-repeat="task in status.TasksStatus" ts-repeat>
	228	<td>{{task.User.Name}}</td>
	229	<td>{{task.CalculatingTasks \| number}}</td>
	230	<td>{{task.WaitingTasks \| number}}</td>
	231	</tr>
	232	<tr ng-hide="status.TasksStatus.length">
	233	<td colspan="3" class="text-center">
	234	There are no waiting or calculating tasks available!
	235	</td>
	236	</tr>
	237	</tbody>
[12435]	238	</table>
	239	</div>
	240	</div>
	241	</div>
	242	</div>
	243
	244	<div class="row">
	245	<div class="col-lg-12">
	246	<div class="panel panel-default">
	247	<div class="panel-heading">
	248	<h3 class="panel-title">
	249	<a data-toggle="collapse" data-target="#collapseActiveCalculatingSlaves"
	250	ng-href="#/status">
	251	Active Calculating Slaves
	252	</a>
	253	</h3>
	254	</div>
	255	<div id="collapseActiveCalculatingSlaves"
	256	class="panel-collapse collapse in">
[12428]	257	<div class="panel-body">
[12558]	258	<table class="table table-hover" ts-wrapper>
[12435]	259	<thead>
[12558]	260	<tr>
	261	<th ts-criteria="Slave.Name">Slave</th>
	262	<th ts-criteria="CpuUtilization\|parseFloat">CPU Utilization</th>
	263	<th ts-criteria="Cores\|parseInt">Cores</th>
	264	<th ts-criteria="Memory\|parseInt">Memory</th>
	265	</tr>
[12435]	266	</thead>
[12558]	267	<tbody>
	268	<tr ng-repeat="slave in activeCalculatingSlaves = (status.SlavesStatus
[12435]	269	\| filter: {
	270	IsAllowedToCalculate: true,
	271	State: 'Calculating'
[12558]	272	})" ts-repeat>
	273	<td>{{slave.Slave.Name}}</td>
	274	<td>{{slave.CpuUtilization \| number: 2}} %</td>
	275	<td>{{slave.Cores - slave.FreeCores \| number}} / {{slave.Cores \| number}}</td>
	276	<td>{{slave.Memory - slave.FreeMemory \| kbToGB}} / {{slave.Memory \| kbToGB}} GB</td>
	277	</tr>
	278	<tr ng-hide="activeCalculatingSlaves.length">
	279	<td colspan="4" class="text-center">
	280	There are no active calculating slaves available!
	281	</td>
	282	</tr>
	283	</tbody>
[12435]	284	</table>
[12428]	285	</div>
	286	</div>
	287	</div>
	288	</div>
[12435]	289	</div>
[12428]	290
[12435]	291	<div class="row">
	292	<div class="col-lg-12">
	293	<div class="panel panel-default">
	294	<div class="panel-heading">
	295	<h3 class="panel-title">
	296	<a data-toggle="collapse" data-target="#collapseActiveIdleSlaves"
	297	ng-href="#/status" class="collapsed">
	298	Active Idle Slaves
	299	</a>
	300	</h3>
	301	</div>
	302	<div id="collapseActiveIdleSlaves"
	303	class="panel-collapse collapse">
[12428]	304	<div class="panel-body">
[12558]	305	<table class="table table-hover" ts-wrapper>
[12428]	306	<thead>
[12435]	307	<tr>
[12558]	308	<th ts-criteria="Slave.Name">Slave</th>
	309	<th ts-criteria="CpuUtilization\|parseFloat">CPU Utilization</th>
	310	<th ts-criteria="Cores\|parseInt">Cores</th>
	311	<th ts-criteria="Memory\|parseInt">Memory</th>
[12435]	312	</tr>
[12428]	313	</thead>
[12558]	314	<tbody>
	315	<tr ng-repeat="slave in activeIdleSlaves = (status.SlavesStatus
[12435]	316	\| filter: {
	317	IsAllowedToCalculate: true,
	318	State: 'Idle'
[12558]	319	})" ts-repeat>
	320	<td>{{slave.Slave.Name}}</td>
	321	<td>{{slave.CpuUtilization \| number: 2}} %</td>
	322	<td>{{slave.Cores - slave.FreeCores \| number}} / {{slave.Cores \| number}}</td>
	323	<td>{{slave.Memory - slave.FreeMemory \| kbToGB}} / {{slave.Memory \| kbToGB}} GB</td>
	324	</tr>
	325	<tr ng-hide="activeIdleSlaves.length">
	326	<td colspan="4" class="text-center">
	327	There are no active idle slaves available!
	328	<td>
	329	</tr>
	330	</tbody>
[12428]	331	</table>
	332	</div>
	333	</div>
	334	</div>
	335	</div>
[12435]	336	</div>
[12428]	337
[12435]	338	<div class="row">
	339	<div class="col-lg-12">
	340	<div class="panel panel-default">
	341	<div class="panel-heading">
	342	<h3 class="panel-title">
	343	<a data-toggle="collapse" data-target="#collapseInactiveSlaves"
	344	ng-href="#/status" class="collapsed">
	345	Inactive Slaves
	346	</a>
	347	</h3>
	348	</div>
	349	<div id="collapseInactiveSlaves"
	350	class="panel-collapse collapse">
[12428]	351	<div class="panel-body">
[12558]	352	<table class="table table-hover" ts-wrapper>
[12428]	353	<thead>
[12558]	354	<tr>
	355	<th ts-criteria="Slave.Name">Slave</th>
	356	<th ts-criteria="CpuUtilization\|parseFloat">CPU Utilization</th>
	357	<th ts-criteria="Cores\|parseInt">Cores</th>
	358	<th ts-criteria="Memory\|parseInt">Memory</th>
	359	</tr>
[12428]	360	</thead>
[12558]	361	<tbody>
	362	<tr ng-repeat="slave in inactiveSlaves = (status.SlavesStatus
[12435]	363	\| filter: {
	364	IsAllowedToCalculate: false
[12558]	365	})" ts-repeat>
	366	<td>{{slave.Slave.Name}}</td>
	367	<td>{{slave.CpuUtilization \| number: 2}} %</td>
	368	<td>{{slave.Cores - slave.FreeCores \| number}} / {{slave.Cores \| number}}</td>
	369	<td>{{slave.Memory - slave.FreeMemory \| kbToGB}} / {{slave.Memory \| kbToGB}} GB</td>
	370	</tr>
	371	<tr ng-hide="inactiveSlaves.length">
	372	<td colspan="4" class="text-center">No inactive slaves available!</td>
	373	</tr>
	374	</tbody>
[12428]	375	</table>
	376	</div>
	377	</div>
	378	</div>
	379	</div>
[12435]	380	</div>
	381	</div>
	382
	383	<script>
	384	$(document).ready(function () {
	385	$('[data-toggle="tooltip"]').tooltip();
	386	});
	387	</script>

Note: See TracBrowser for help on using the repository browser.

Download in other formats:

Original Format