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

<header class="view-header">
    <ul class="nav nav-list nav-list-topbar pull-left">
        <li>
            <a ng-href="#/status">Status</a>
        </li>
        <li class="active">
            <a ng-href="#/status/history">History</a>
        </li>
    </ul>
</header>

<div id="history-header">
    <form class="form-inline">
        <div class="form-group" style="margin-left: 5px; margin-right: 5px;">
            <label for="fromDate">From:&nbsp;</label>
            <div class="input-group">
                <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" />
                <span class="input-group-btn">
                    <button type="button" class="btn btn-default" ng-click="openFromDateSelection($event)"><i class="glyphicon glyphicon-calendar"></i></button>
                </span>
            </div>
        </div>
        <div class="form-group" style="margin-left: 5px; margin-right: 5px;">
            <label for="fromDate">To:&nbsp;</label>
            <div class="input-group">
                <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"/>
                <span class="input-group-btn">
                    <button type="button" class="btn btn-default" ng-click="openToDateSelection($event)"><i class="glyphicon glyphicon-calendar"></i></button>
                </span>
            </div>
        </div>
        <div class="form-group" style="margin-left: 5px; margin-right: 5px;">
            <div class="btn-group" dropdown dropdown-append-to-body>
                <button type="button" class="btn btn-default dropdown-toggle" dropdown-toggle style="width: 130px; text-align: left;">
                    {{curQuickSelection.name}} <span class="glyphicon glyphicon-chevron-down" style="margin-top: 3px; float:right"></span>
                </button>
                <ul class="dropdown-menu" role="menu">
                    <li ng-repeat="quickSelection in quickSelectionList">
                        <a ng-click="changeQuickSelection(quickSelection)">{{quickSelection.name}}</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="form-group" style="margin-left: 5px; margin-right: 5px;">
            <button type="button" class="btn btn-default" ng-click="updateCharts()">
                Apply
            </button>
        </div>
    </form>
</div>


<div class="default-view-container">
    <div class="row">
        <div class="col-lg-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">CPU Utilization Chart</h3>
                </div>
                <div class="panel-body">
                    <flot dataset="cpuSeries" options="chartOptions"></flot>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">Core Chart</h3>
                </div>
                <div class="panel-body">
                    <flot dataset="coreSeries" options="fillChartOptions"></flot>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">Memory Chart</h3>
                </div>
                <div class="panel-body">
                    <flot dataset="memorySeries" options="fillChartOptions"></flot>
                </div>
            </div>
        </div>
    </div>
</div>