diff options
Diffstat (limited to 'usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm-chart.html')
| -rw-r--r-- | usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm-chart.html | 188 |
1 files changed, 108 insertions, 80 deletions
diff --git a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm-chart.html b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm-chart.html index c04f1cff..55b8bce5 100644 --- a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm-chart.html +++ b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm-chart.html @@ -14,89 +14,117 @@ 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>alarm Chart</h1> - <div class="row" style="min-height: 500px" ng-controller="alarmchartCtrl"> - <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> +<!--/.navbar-collapse --> +<div class="templatemo-content-wrapper"> + <div class="templatemo-content"> + <h1>alarm Chart</h1> + <div class="row" style="min-height: 500px" ng-controller="alarmchartCtrl"> + <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> + <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;">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="">--- All ---</option> + </select> </div> + </div> + <div style="float:left"> + <button style="padding-top:6px;" class="btn btn-default" ng-click="genDiagram()">submit + </button> + </div> + </p> + </div> + <div style="float:left;padding-left:15px;"> + <label style="float:left;width:50px;line-height:30px;">mode:</label> + <div style="float:left;width:100px;"> + <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 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 col-sm-12" style="width:100%"> + <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 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;">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" ng-show="goIsShow"> - <button style="padding-top:6px;" class="btn btn-default" ng-click="genDiagram()">submit</button> - </div> - </p> - </div> - - <div class="col-md-6 col-sm-12" style="width:100%"> - <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 align="center"><H3></H3></div><div id="chart_alarm"> <svg></svg> </div> - </div> - </div> - </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> - <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 |