Free cookie consent management tool by TermsFeed Policy Generator

source: trunk/HeuristicLab.Services.WebApp.Status/3.3/WebApp/history/history.cshtml @ 17505

Last change on this file since 17505 was 12878, checked in by ascheibe, 9 years ago

#2388 merged hive statistics branch into trunk

File size: 4.0 KB
Line 
1<header class="view-header">
2    <ul class="nav nav-list nav-list-topbar pull-left">
3        <li>
4            <a ng-href="#/status">Status</a>
5        </li>
6        <li class="active">
7            <a ng-href="#/status/history">History</a>
8        </li>
9    </ul>
10</header>
11
12<div id="history-header">
13    <form class="form-inline">
14        <div class="form-group" style="margin-left: 5px; margin-right: 5px;">
15            <label for="fromDate">From:&nbsp;</label>
16            <div class="input-group">
17                <input id="fromDate" type="text" class="form-control" datepicker-popup="dd.MM.yyyy" ng-model="fromDate" is-open="fromIsOpen" datepicker-options="dateOptions" ng-required="true" close-text="Close"/>
18                <span class="input-group-btn">
19                    <button type="button" class="btn btn-default" ng-click="openFromDateSelection($event)"><i class="glyphicon glyphicon-calendar"></i></button>
20                </span>
21            </div>
22        </div>
23        <div class="form-group" style="margin-left: 5px; margin-right: 5px;">
24            <label for="fromDate">To:&nbsp;</label>
25            <div class="input-group">
26                <input id="fromDate" type="text" class="form-control" datepicker-popup="dd.MM.yyyy" ng-model="toDate" is-open="toIsOpen" datepicker-options="dateOptions" ng-required="true" close-text="Close"/>
27                <span class="input-group-btn">
28                    <button type="button" class="btn btn-default" ng-click="openToDateSelection($event)"><i class="glyphicon glyphicon-calendar"></i></button>
29                </span>
30            </div>
31        </div>
32        <div class="form-group" style="margin-left: 5px; margin-right: 5px;">
33            <div class="btn-group" dropdown dropdown-append-to-body>
34                <button type="button" class="btn btn-default dropdown-toggle" dropdown-toggle style="width: 145px; text-align: left;">
35                    <span class="text-left" style="display: inline-block; width: 100px;">{{curQuickSelection.name}}</span>
36                    <span class="glyphicon glyphicon-chevron-down" style="margin-top: 3px;"></span>
37                </button>
38                <ul class="dropdown-menu" role="menu">
39                    <li ng-repeat="quickSelection in quickSelectionList">
40                        <a class="cursor-pointer" ng-click="changeQuickSelection(quickSelection)">{{quickSelection.name}}</a>
41                    </li>
42                </ul>
43            </div>
44        </div>
45        <div class="form-group" style="margin-left: 5px; margin-right: 5px;">
46            <button type="button" class="btn btn-default" ng-click="updateCharts()">
47                Apply
48            </button>
49        </div>
50    </form>
51</div>
52
53<div class="default-view-container">
54    <div class="row">
55        <div class="col-lg-12">
56            <div class="panel panel-default">
57                <div class="panel-heading">
58                    <h3 class="panel-title">CPU Utilization Chart</h3>
59                </div>
60                <div class="panel-body">
61                    <flot dataset="cpuSeries" options="chartOptions"></flot>
62                </div>
63            </div>
64        </div>
65    </div>
66
67    <div class="row">
68        <div class="col-lg-12">
69            <div class="panel panel-default">
70                <div class="panel-heading">
71                    <h3 class="panel-title">Core Chart</h3>
72                </div>
73                <div class="panel-body">
74                    <flot dataset="coreSeries" options="fillChartOptions"></flot>
75                </div>
76            </div>
77        </div>
78    </div>
79
80    <div class="row">
81        <div class="col-lg-12">
82            <div class="panel panel-default">
83                <div class="panel-heading">
84                    <h3 class="panel-title">Memory Chart</h3>
85                </div>
86                <div class="panel-body">
87                    <flot dataset="memorySeries" options="fillChartOptions"></flot>
88                </div>
89            </div>
90        </div>
91    </div>
92</div>
Note: See TracBrowser for help on using the repository browser.