aboutsummaryrefslogtreecommitdiffstats
path: root/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance-chart.html
diff options
context:
space:
mode:
Diffstat (limited to 'usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance-chart.html')
-rw-r--r--usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance-chart.html204
1 files changed, 103 insertions, 101 deletions
diff --git a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance-chart.html b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance-chart.html
index 5b720ba5..44ad2843 100644
--- a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance-chart.html
+++ b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance-chart.html
@@ -14,117 +14,119 @@
limitations under the License.
-->
<style>
- body {
- overflow-y:scroll;
- }
- text {
- font: 12px sans-serif;
- }
- svg {
- display: block;
- }
- #chart svg {
- height: 200px;
- width: 400px;
- min-width: 100px;
- min-height: 100px;
- }
- tr.z-row-over > td.z-row-inner, tr.z-row-over > .z-cell { background-color: rgb(255, 255, 255); }
- .nodatadiv {
- display: table-cell;
- width: 600px;
- height:300px;
- text-align:center;
- vertical-align: middle;
- }
- .nodatainner {
- padding: 10px;
- }
- </style>
- <!--/.navbar-collapse -->
- <div class="templatemo-content-wrapper">
- <div class="templatemo-content">
- <h1>Performance Chart</h1>
- <div class="row" style="min-height: 500px" ng-controller="pertabCtrl">
- <div class="col-md-12 col-sm-12">
- <div class="row">
- <div class="col-md-6">
- <p class="input-group" style="float:left">
- <label style="float:left;width:80px;line-height:100px">startTime:</label>
- <div style="float:left;width:100px;padding-top:33px">
- <input type="text" class="form-control" readonly ng-change="startTimeChanged()" uib-datepicker-popup ng-click="open1()" ng-model="startTime" is-open="popup1.opened" datepicker-options ng-required="true" close-text="Close" />
- </div>
- <div style="display:block;float:left" uib-timepicker ng-model="startTime" ng-change="startTimeChanged()" hour-step minute-step show-meridian></div>
- </p>
+ body {
+ overflow-y: scroll;
+ }
+
+ text {
+ font: 12px sans-serif;
+ }
+
+ svg {
+ display: block;
+ }
+
+ #chart svg {
+ height: 200px;
+ width: 400px;
+ min-width: 100px;
+ min-height: 100px;
+ }
+
+ tr.z-row-over>td.z-row-inner,
+ tr.z-row-over>.z-cell {
+ background-color: rgb(255, 255, 255);
+ }
+
+ .nodatadiv {
+ display: table-cell;
+ width: 600px;
+ height: 300px;
+ text-align: center;
+ vertical-align: middle;
+ }
+
+ .nodatainner {
+ padding: 10px;
+ }
+</style>
+<div class="templatemo-content-wrapper">
+ <div class="templatemo-content">
+ <h1>Performance Chart</h1>
+ <div class="row" style="min-height: 500px" ng-controller="pertabCtrl">
+ <div class="col-md-12 col-sm-12">
+ <div class="row">
+ <div class="col-md-6">
+ <p class="input-group" style="float:left">
+ <label style="float:left;width:80px;line-height:100px">startTime:</label>
+ <div style="float:left;width:100px;padding-top:33px">
+ <input type="text" class="form-control" readonly ng-change="startTimeChanged()" uib-datepicker-popup ng-click="open1()" ng-model="startTime"
+ is-open="popup1.opened" datepicker-options ng-required="true" close-text="Close" />
</div>
+ <div style="display:block;float:left" uib-timepicker ng-model="startTime" ng-change="startTimeChanged()" hour-step minute-step
+ show-meridian></div>
+ </p>
+ </div>
- <div class="col-md-6" style="float:left">
- <p class="input-group" style="float:left">
- <label style="float:left;width:80px;line-height:100px">endTime:</label>
- <div style="float:left;width:100px;padding-top:33px;">
- <input type="text" class="form-control" readonly ng-change="endTimeChanged()" ng-click="open2()" uib-datepicker-popup ng-model="endTime" is-open="popup2.opened" datepicker-options ng-required="true" close-text="Close" />
- </div>
- <div style="display:block;float:left" uib-timepicker ng-model="endTime" ng-change="endTimeChanged()" hour-step minute-step show-meridian></div>
- </p>
+ <div class="col-md-6" style="float:left">
+ <p class="input-group" style="float:left">
+ <label style="float:left;width:80px;line-height:100px">endTime:</label>
+ <div style="float:left;width:100px;padding-top:33px;">
+ <input type="text" class="form-control" readonly ng-change="endTimeChanged()" ng-click="open2()" uib-datepicker-popup ng-model="endTime"
+ is-open="popup2.opened" datepicker-options ng-required="true" close-text="Close" />
+ </div>
+ <div style="display:block;float:left" uib-timepicker ng-model="endTime" ng-change="endTimeChanged()" hour-step minute-step
+ show-meridian></div>
+ </p>
+ </div>
+ <div class="col-md-6" style="width:100%;padding-bottom:20px;">
+ <p>
+ <div style="float:left;padding-right:30px;">
+ <label style="float:left;width:80px;line-height:30px;">
+ <span style="float:left;color:red;">*</span>sourceId:</label>
+ <div style="float:left;width:130px;">
+ <select class="form-control" ng-change="sourceIdChanged()" ng-model="sourceId" ng-options="s for s in sourceIds">
+ <option value="">--- chose ---</option>
+ </select>
+ </div>
+ </div>
+ <div style="float:left;padding-right:30px" ng-show="namesPIsShow">
+ <label style="float:left;width:50px;line-height:30px;">
+ <span style="float:left;color:red;">*</span>name:</label>
+ <div style="float:left;width:130px;">
+ <select class="form-control" ng-change="namePChanged()" ng-model="nameP" ng-options="np for np in namePs">
+ <option value="">--- chose ---</option>
+ </select>
+ </div>
</div>
- <div class="col-md-6" style="width:100%;padding-bottom:20px;">
- <p>
- <div style="float:left;padding-right:30px;">
- <label style="float:left;width:80px;line-height:30px;"><span style="float:left;color:red;">*</span>sourceId:</label>
- <div style="float:left;width:130px;">
- <select class="form-control" ng-change="sourceIdChanged()" ng-model="sourceId" ng-options="s for s in sourceIds" >
- <option value="">--- chose ---</option>
- </select>
- </div>
- </div>
- <div style="float:left;padding-right:30px" ng-show="namesPIsShow">
- <label style="float:left;width:50px;line-height:30px;"><span style="float:left;color:red;">*</span>name:</label>
- <div style="float:left;width:130px;">
- <select class="form-control" ng-change="namePChanged()" ng-model="nameP" ng-options="np for np in namePs" >
- <option value="">--- chose ---</option>
- </select>
- </div>
- </div>
- <!--<div style="float:left;padding-right:30px" ng-show="namesCIsShow" style="float:left">
- <label style="float:left;width:50px;line-height:30px;">name:</label>
- <div style="float:left;width:130px;">
- <select class="form-control" ng-model="nameC" ng-change="nameCChanged()" ng-options="nc for nc in nameCs" >
- <option value="">-&#45;&#45; chose -&#45;&#45;</option>
- </select>
- </div>
- </div>-->
- <div style="float:left;padding-right:30px">
+ <div style="float:left;padding-right:30px">
<label style="float:left;width:120px;line-height:30px;">Display Interval:</label>
<div style="float:left;width:100px;">
- <select class="form-control" ng-change="showModeIdChanged()" ng-model="showModeId"
- ng-options="sm for sm in showModeIds">
+ <select class="form-control" ng-change="showModeIdChanged()" ng-model="showModeId" ng-options="sm for sm in showModeIds">
<option value="">-- auto --</option>
</select>
</div>
</div>
- <div style="float:left">
- <button ng-disabled="goIsShow" style="padding-top:6px;" class="btn btn-default" ng-click="genDiagram()">submit</button>
- </div>
- </p>
- </div>
-
-
- <div class="col-md-12 col-sm-12" >
- <div class="panel panel-success" ng-show="chartShow" >
- <!--<div class="panel-heading">Chart
- <button ng-click="generateCsv('cpu');" class="btn btn-primary" style="float: right;margin-top:-7px;display: none ">CSV</button>
- </div>-->
- <div ng-show="ndaShow" style="text-align: center"><h2>No Data Available</h2></div>
- <nvd3 ng-show="hdaShow" options="options" data="data" api="api" ></nvd3>
- </div>
-
+ <div style="float:left">
+ <button ng-disabled="goIsShow" style="padding-top:6px;" class="btn btn-default" ng-click="genDiagram()">submit</button>
</div>
- </div>
+ </p>
+ </div>
+ <div class="col-md-12 col-sm-12">
+ <div class="panel panel-success" ng-show="chartShow">
+ <div ng-show="ndaShow" style="text-align: center">
+ <h2>No Data Available</h2>
+ </div>
+ <nvd3 ng-show="hdaShow" options="options" data="data" api="api"></nvd3>
+ </div>
+
</div>
- <br />
- <br />
- <br />
- <br />
</div>
</div>
- </div> \ No newline at end of file
+ <br />
+ <br />
+ <br />
+ <br />
+ </div>
+ </div>
+</div> \ No newline at end of file