summaryrefslogtreecommitdiffstats
path: root/usecaseui-monitor/src/main/webapp/app/uui
diff options
context:
space:
mode:
authorshentao <shentao@chinamobile.com>2017-12-06 20:28:16 +0800
committershentao <shentao@chinamobile.com>2017-12-06 20:28:25 +0800
commitda4f0f58625c7c30f8d2220e170c4b4bc20aedc6 (patch)
treebfd2b3f3f76a06725424e73b419e088380d93500 /usecaseui-monitor/src/main/webapp/app/uui
parent62430d66781234816d4eee66600380b915c04089 (diff)
Fix monitor display bug
Change-Id: I9260b9f13f0c4cb066b180465bfc2d074e7ded89 Issue-ID: USECASEUI-62 Signed-off-by: shentao <shentao@chinamobile.com>
Diffstat (limited to 'usecaseui-monitor/src/main/webapp/app/uui')
-rw-r--r--usecaseui-monitor/src/main/webapp/app/uui/fusion/css/UUImain.css14
-rw-r--r--usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/alarm-chartController.js4
-rw-r--r--usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/alarmController.js2
-rw-r--r--usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/performanceController.js2
-rw-r--r--usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm-chart.html17
-rw-r--r--usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm.html45
-rw-r--r--usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance-chart.html19
-rw-r--r--usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance.html41
8 files changed, 78 insertions, 66 deletions
diff --git a/usecaseui-monitor/src/main/webapp/app/uui/fusion/css/UUImain.css b/usecaseui-monitor/src/main/webapp/app/uui/fusion/css/UUImain.css
index b093a8ab..52a3ea04 100644
--- a/usecaseui-monitor/src/main/webapp/app/uui/fusion/css/UUImain.css
+++ b/usecaseui-monitor/src/main/webapp/app/uui/fusion/css/UUImain.css
@@ -360,14 +360,18 @@ div .ui-grid-header-cell {
.table {
margin-top: 20px;
table-layout: fixed;
+ border: 1px solid silver;
}
-.table td{
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
.panel-success {
height: 300px;
}
+
+.table th{
+ border: 1px solid silver;
+}
+
+.table td{
+ border: 1px solid silver;
+}
diff --git a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/alarm-chartController.js b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/alarm-chartController.js
index 9153cc40..ba298553 100644
--- a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/alarm-chartController.js
+++ b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/alarm-chartController.js
@@ -77,12 +77,12 @@ app.controller('alarmchartCtrl', ['$scope', '$http', '$routeParams', '$window',
}
},
zoom: {
- enabled: true,
+ enabled: false,
scaleExtent: [1, 10],
useFixedDomain: false,
useNiceScale: false,
horizontalOff: false,
- verticalOff: true,
+ verticalOff: false,
unzoomEventType: 'dblclick.zoom'
}
}
diff --git a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/alarmController.js b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/alarmController.js
index 6a2daf65..66cf24cf 100644
--- a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/alarmController.js
+++ b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/alarmController.js
@@ -32,7 +32,7 @@ app.controller('alarmGridCtrl', ['$scope', '$log', '$http', '$timeout', '$interv
$scope.vfstatus = typeof(v) == "undefined" ? "null" : v;
$scope.selectedOpen = v;
};
- $scope.itemsByPage = 15;
+ $scope.itemsByPagea = 10;
$http({
diff --git a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/performanceController.js b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/performanceController.js
index b944a7ed..23a59389 100644
--- a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/performanceController.js
+++ b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/performanceController.js
@@ -24,7 +24,7 @@ app.controller('perGridCtrl', ['$scope','$http', '$window', '$interval', '$windo
//angular.element(obj).scope().$apply();
};
- $scope.itemsByPage = 15;
+ $scope.itemsByPage = 10;
$scope.toChart = function () {
var obj = $("#lm");
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 55b8bce5..9f06bf4e 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
@@ -92,14 +92,8 @@
</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;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">
@@ -107,6 +101,13 @@
</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 class="col-md-6 col-sm-12" style="width:100%">
<div class="panel panel-success" ng-show="chartShow">
diff --git a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm.html b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm.html
index 1f0611ed..81928862 100644
--- a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm.html
+++ b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/alarm.html
@@ -80,41 +80,38 @@
</div>
</div>
- <label for="items" style="float:left;width:100px;line-height:30px;">items by page</label>
- <div style="float:left;width:130px;">
- <input class="input-sm form-control" name="items" id="items" type="number" ng-model="itemsByPage" />
- </div>
+
<div>
<table class="table" st-pipe="amc.callServer" st-table="amc.displayed">
<thead>
<tr>
- <th>Id</th>
- <th>Event Id</th>
- <th>Event Name</th>
- <th>Source Id</th>
- <th>Source Name</th>
- <th>Reporting Entity Id</th>
- <th>Reporting Entity Name</th>
- <th>Priority</th>
- <th>Start Time</th>
- <th>Status</th>
+ <th width="5%">Id</th>
+ <!-- <th>Event Id</th> -->
+ <th width="25%">Event Name</th>
+ <!-- <th>Source Id</th> -->
+ <th width="25%">Source Name</th>
+ <!-- <th>Reporting Entity Id</th> -->
+ <!-- <th>Reporting Entity Name</th> -->
+ <th width="10%">Priority</th>
+ <th width="15%">Start Time</th>
+ <th width="10%">Status</th>
<th>Option</th>
</tr>
</thead>
<tbody ng-show="!amc.isLoading">
<tr ng-repeat="row in amc.displayed">
<td>{{row.alarmsHeader.id}}</td>
- <td>{{row.alarmsHeader.eventId}}</td>
+ <!-- <td>{{row.alarmsHeader.eventId}}</td> -->
<td>{{row.alarmsHeader.eventName}}</td>
- <td>{{row.alarmsHeader.sourceId}}</td>
+ <!-- <td>{{row.alarmsHeader.sourceId}}</td> -->
<td>{{row.alarmsHeader.sourceName}}</td>
- <td>{{row.alarmsHeader.reportingEntityId}}</td>
- <td>{{row.alarmsHeader.reportingEntityName}}</td>
+ <!-- <td>{{row.alarmsHeader.reportingEntityId}}</td> -->
+ <!-- <td>{{row.alarmsHeader.reportingEntityName}}</td> -->
<td>{{row.alarmsHeader.priority}}</td>
<td>{{row.alarmsHeader.createTime}}</td>
<td>{{row.alarmsHeader.status == 1?"Active":"Closed"}}</td>
<td>
- <button ng-click="jump(row.alarmsHeader.sourceId)" class="btn btn-primary">Details</button>
+ <button ng-click="jump(row.alarmsHeader.sourceId)" class="btn btn-primary">Detail</button>
</td>
</tr>
</tbody>
@@ -127,8 +124,14 @@
</tbody>
<tfoot>
<tr>
- <td class="text-center" st-pagination="" st-items-by-page="itemsByPage"
- st-template="app/uui/fusion/scripts/view-models/pagination.html" colspan="9">
+ <td class="text-center" style="padding-top:30px" colspan="4">
+ <label for="items" style="float:left;width:100px;line-height:30px;">items by page</label>
+ <div style="float:left;width:130px;">
+ <input class="input-sm form-control" name="items" id="items" type="number" ng-model="itemsByPagea" />
+ </div>
+ </td>
+ <td class="text-center" st-pagination="" st-items-by-page="itemsByPagea"
+ st-template="app/uui/fusion/scripts/view-models/pagination.html" colspan="3">
</td>
</tr>
</tfoot>
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 67acab0f..5b720ba5 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
@@ -70,7 +70,7 @@
<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>
+ <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>
@@ -78,7 +78,7 @@
</div>
</div>
<div style="float:left;padding-right:30px" ng-show="namesPIsShow">
- <label style="float:left;width:50px;line-height:30px;">*name:</label>
+ <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>
@@ -93,13 +93,8 @@
</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 style="float:left;padding-left:15px;">
- <label style="float:left;width:90px;line-height:30px;">show mode:</label>
+ <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">
@@ -107,6 +102,12 @@
</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" >
diff --git a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance.html b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance.html
index 9187a838..5b6747b7 100644
--- a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance.html
+++ b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/view-models/performance.html
@@ -56,37 +56,34 @@
</div>
</div>
- <label for="items" style="float:left;width:100px;line-height:30px;">items by page</label>
- <div style="float:left;width:130px;">
- <input class="input-sm form-control" name="items" id="items" type="number" ng-model="itemsByPage" />
- </div>
+
<table class="table" st-pipe="mc.callServer" st-table="mc.displayed">
<thead>
<tr>
- <th >Id</th>
- <th >Event Id</th>
- <th >Event Name</th>
- <th >Source Id</th>
- <th >Source Name</th>
- <th >Reporting Entity Id</th>
- <th >Reporting Entity Name</th>
- <th >Priority</th>
- <th >Start Time</th>
+ <th width="10%" >Id</th>
+ <!-- <th >Event Id</th> -->
+ <th width="25%">Event Name</th>
+ <!-- <th >Source Id</th> -->
+ <th width="25%">Source Name</th>
+ <!-- <th >Reporting Entity Id</th> -->
+ <!-- <th >Reporting Entity Name</th> -->
+ <th width="10%">Priority</th>
+ <th width="20%">Start Time</th>
<th >Option</th>
</tr>
</thead>
<tbody ng-show="!mc.isLoading">
<tr ng-repeat="row in mc.displayed">
<td>{{row.performanceHeader.id}}</td>
- <td>{{row.performanceHeader.eventId}}</td>
+ <!-- <td>{{row.performanceHeader.eventId}}</td> -->
<td>{{row.performanceHeader.eventName}}</td>
- <td>{{row.performanceHeader.sourceId}}</td>
+ <!-- <td>{{row.performanceHeader.sourceId}}</td> -->
<td>{{row.performanceHeader.sourceName}}</td>
- <td>{{row.performanceHeader.reportingEntityId}}</td>
- <td>{{row.performanceHeader.reportingEntityName}}</td>
+ <!-- <td>{{row.performanceHeader.reportingEntityId}}</td> -->
+ <!-- <td>{{row.performanceHeader.reportingEntityName}}</td> -->
<td>{{row.performanceHeader.priority}}</td>
<td>{{row.performanceHeader.createTime}}</td>
- <td><button ng-click="jump(row.performanceHeader.sourceId)" class="btn btn-primary" >Details</button></td>
+ <td><button ng-click="jump(row.performanceHeader.sourceId)" class="btn btn-primary" >Detail</button></td>
</tr>
</tbody>
<tbody ng-show="mc.isLoading">
@@ -97,7 +94,13 @@
</tbody>
<tfoot>
<tr>
- <td class="text-center" st-pagination="" st-items-by-page="itemsByPage" st-template="app/uui/fusion/scripts/view-models/pagination.html" colspan="9">
+ <td class="text-center" style="padding-top:30px" colspan="3">
+ <label for="items" style="float:left;width:100px;line-height:30px;">items by page</label>
+ <div style="float:left;width:130px;">
+ <input class="input-sm form-control" name="items" id="items" type="number" ng-model="itemsByPage" />
+ </div>
+ </td>
+ <td class="text-center" st-pagination="" st-items-by-page="itemsByPage" st-template="app/uui/fusion/scripts/view-models/pagination.html" colspan="3">
</td>
</tr>
</tfoot>