Free cookie consent management tool by TermsFeed Policy Generator

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

Last change on this file since 12583 was 12583, checked in by dglaser, 9 years ago

#2413:

HeuristicLab.Services.WebApp-3.3:

  • Added CryptoJS Library
  • Changed about page
  • Obfuscated emails

HeuristicLab.Services.WebApp.Status-3.3:

  • Added QuickSelection to Status History page
File size: 3.9 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: 130px; text-align: left;">
35                    {{curQuickSelection.name}} <span class="glyphicon glyphicon-chevron-down" style="margin-top: 3px; float:right"></span>
36                </button>
37                <ul class="dropdown-menu" role="menu">
38                    <li ng-repeat="quickSelection in quickSelectionList">
39                        <a ng-click="changeQuickSelection(quickSelection)">{{quickSelection.name}}</a>
40                    </li>
41                </ul>
42            </div>
43        </div>
44        <div class="form-group" style="margin-left: 5px; margin-right: 5px;">
45            <button type="button" class="btn btn-default" ng-click="updateCharts()">
46                Apply
47            </button>
48        </div>
49    </form>
50</div>
51
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.