diff options
author | 2018-01-29 16:01:39 +0800 | |
---|---|---|
committer | 2018-01-29 16:01:46 +0800 | |
commit | 38e9a13577863ec33962aa52885250845b40be98 (patch) | |
tree | 4a1d685724ad36289a0eafb877be37990c23bedd /usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance-chart.html | |
parent | 4395945178cf9731e488cc0e92f2d6aa53663d2a (diff) |
Fix alarm list page bug
Change-Id: I69a81921d62a4d483e69e0d3b24614e269a1858d
Issue-ID: USECASEUI-101
Signed-off-by: shentao <shentao@chinamobile.com>
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.html | 204 |
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="">--- chose ---</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 |