diff options
author | shentao <shentao@chinamobile.com> | 2017-09-20 18:39:35 +0800 |
---|---|---|
committer | shentao <shentao@chinamobile.com> | 2017-09-20 18:39:43 +0800 |
commit | 443ce34bafc3e7aa716728a7b8cd0288bf923287 (patch) | |
tree | ee1d96de7f24aa3aee913de5c6b687ea4a642657 /usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller | |
parent | 290e9b481168cbb753758ffbe95765e77233ebd6 (diff) |
Upload alarm display pages
Change-Id: I1dce4ae37288adc57bce21845c6f9469b6defa77
Issue-Id: USECASEUI-33
Signed-off-by: shentao <shentao@chinamobile.com>
Diffstat (limited to 'usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller')
4 files changed, 162 insertions, 86 deletions
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 6ca18ac6..b268ed31 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 @@ -1,3 +1,18 @@ +/* + Copyright (C) 2017 CMCC, Inc. and others. All rights reserved. + + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + */ app.controller('perCtrl', function ($scope) { }); @@ -66,10 +81,10 @@ app.controller('alarmGridCtrl', ['$scope','$log', '$http', '$timeout', '$interva field: 'name', displayName: 'name', width: '8%', - enableColumnMenu: false,// 是否显示列头部菜单按钮 + enableColumnMenu: false, enableHiding: false, suppressRemoveSort: true, - enableCellEdit: false // 是否可编辑 + enableCellEdit: false }, {field: "Id"}, {field: "State",cellFilter:'mapGender'}, @@ -78,55 +93,53 @@ app.controller('alarmGridCtrl', ['$scope','$log', '$http', '$timeout', '$interva {field: "Disk"}, {field: "Network"}, {field: "Action", cellTemplate : - '<div uib-dropdown style="position: absolute;padding-left: 4%;"><button id="btn-append-to-single-button" type="button" style="padding:0;" class="btn btn-primary" uib-dropdown-toggle>Action<span class="caret"></span></button><ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="btn-append-to-single-button"><li role="menuitem"><a href="#">1</a></li><li role="menuitem"><a href="#">2</a></li><li role="menuitem"><a href="#">3</a></li></ul></div>' + '<div uib-dropdown style="position: absolute;padding-left: 4%;"><button id="btn-append-to-single-button" type="button" style="padding:0;" class="btn btn-primary" uib-dropdown-toggle>Action<span class="caret"></span></button><ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="btn-append-to-single-button"><li role="menuitem"><a href="#">clear</a></li><li role="menuitem"><a href="#">2</a></li><li role="menuitem"><a href="#">3</a></li></ul></div>' , enableCellEdit:false}, ], - enableSorting: true, //是否排序 - useExternalSorting: false, //是否使用自定义排序规则 - enableGridMenu: true, //是否显示grid 菜单 - showGridFooter: true, //是否显示grid footer - enableHorizontalScrollbar: 1, //grid水平滚动条是否显示, 0-不显示 1-显示 - enableVerticalScrollbar: 0, //grid垂直滚动条是否显示, 0-不显示 1-显示 + enableSorting: true, + useExternalSorting: false, + enableGridMenu: true, + showGridFooter: true, + enableHorizontalScrollbar: 1, + enableVerticalScrollbar: 0, enableFiltering: true, - //-------- 分页属性 ---------------- - enablePagination: true, //是否分页,默认为true - enablePaginationControls: true, //使用默认的底部分页 - paginationPageSizes: [10, 15, 20], //每页显示个数可选项 - paginationCurrentPage: 1, //当前页码 - paginationPageSize: 10, //每页显示个数 - //paginationTemplate:"<div></div>", //自定义底部分页代码 - totalItems: 0, // 总数量 - useExternalPagination: true,//是否使用分页按钮 - - - //----------- 选中 ---------------------- - enableFooterTotalSelected: true, // 是否显示选中的总数,默认为true, 如果显示,showGridFooter 必须为true - enableFullRowSelection: true, //是否点击行任意位置后选中,默认为false,当为true时,checkbox可以显示但是不可选中 - enableRowHeaderSelection: true, //是否显示选中checkbox框 ,默认为true - enableRowSelection: false, // 行选择是否可用,默认为true; - enableSelectAll: true, // 选择所有checkbox是否可用,默认为true; - enableSelectionBatchEvent: true, //默认true - isRowSelectable: function (row) { //GridRow + + enablePagination: true, + enablePaginationControls: true, + paginationPageSizes: [10, 15, 20], + paginationCurrentPage: 1, + paginationPageSize: 10, + //paginationTemplate:"<div></div>", + totalItems: 0, + useExternalPagination: true, + + enableFooterTotalSelected: true, + enableFullRowSelection: true, + enableRowHeaderSelection: true, + enableRowSelection: false, + enableSelectAll: true, + enableSelectionBatchEvent: true, + isRowSelectable: function (row) { /* if(row.entity.age > 45){ - row.grid.api.selection.selectRow(row.entity); // 选中行 + row.grid.api.selection.selectRow(row.entity); }*/ }, - modifierKeysToMultiSelect: false,//默认false,为true时只能 按ctrl或shift键进行多选, multiSelect 必须为true; - multiSelect: true,// 是否可以选择多个,默认为true; - noUnselect: false,//默认false,选中后是否可以取消选中 - selectionRowHeaderWidth: 20,//默认30 ,设置选择列的宽度; + modifierKeysToMultiSelect: false, + multiSelect: true, + noUnselect: false, + selectionRowHeaderWidth: 20, //---------------api--------------------- onRegisterApi: function (gridApi) { $scope.gridApi = gridApi; - //分页按钮事件 + gridApi.pagination.on.paginationChanged($scope, function (newPage, pageSize) { if (getPage) { getPage(newPage, pageSize); } }); - //行选中事件 + $scope.gridApi.selection.on.rowSelectionChanged($scope, function (row, event) { if (row) { var num = $.inArray(row.entity.Id, $scope.selectedRows); @@ -146,7 +159,7 @@ app.controller('alarmGridCtrl', ['$scope','$log', '$http', '$timeout', '$interva var firstRow = (curPage - 1) * pageSize; $scope.gridOptions.totalItems = mydefalutData.length; $scope.gridOptions.data = mydefalutData.slice(firstRow, firstRow + pageSize); - //或者像下面这种写法 + //$scope.myData = mydefalutData.slice(firstRow, firstRow + pageSize); }; getPage(1, $scope.gridOptions.paginationPageSize); @@ -157,13 +170,11 @@ app.controller('alarmGridCtrl', ['$scope','$log', '$http', '$timeout', '$interva $scope.status = [ {id: 1, name: 'danger', count: 10}, - {id: 2, name: 'alarm', count: 8}, + {id: 2, name: 'warming', count: 8}, {id: 3, name: 'normal', count: 7}, {id: undefined, name: 'All', count: 7} ]; - - $scope.selectStatus = function (v) { $scope.selectedStatus = v; $scope.gridApi.grid.refresh(); @@ -172,6 +183,20 @@ app.controller('alarmGridCtrl', ['$scope','$log', '$http', '$timeout', '$interva return status_id == $scope.selectedStatus; }; + $scope.open = [ + {id: 1, name: 'open', count: 10}, + {id: 2, name: 'close', count: 8}, + {id: undefined, name: 'All', count: 7} + ]; + + $scope.selectOpen = function (v) { + $scope.selectedOpen = v; + $scope.gridApi.grid.refresh(); + }; + $scope.activeOpen = function (open_id) { + + return open_id == $scope.selectedOpen; + }; $scope.singleFilter = function (renderableRows) { var matcher = new RegExp($scope.selectedStatus); @@ -188,20 +213,20 @@ app.controller('alarmGridCtrl', ['$scope','$log', '$http', '$timeout', '$interva }); return renderableRows; }; -//input框 +//input $scope.menuState={show: false} $scope.toggleMenu=function() { $scope.menuState.show=!$scope.menuState.show; } - //切换框 + $scope.singleModel = 1; $scope.radioModel = 'Middle'; $scope.checkModel = { open: false, - close: true, + close: true }; $scope.checkResults = []; diff --git a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/left-menuController.js b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/left-menuController.js index 0f776b03..07935836 100644 --- a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/left-menuController.js +++ b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/left-menuController.js @@ -1,3 +1,18 @@ +/* + Copyright (C) 2017 CMCC, Inc. and others. All rights reserved. + + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + */ app.controller('cmCtrl',['$scope',function ($scope) { $scope.routeData = [ {name : 'Alarm' , url : 'app/uui/fusion/scripts/view-models/alarm.html' , nclass : 'fa fa-users'}, diff --git a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/performance-detailsController.js b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/performance-detailsController.js index 4c38bf35..64ee382e 100644 --- a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/performance-detailsController.js +++ b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/performance-detailsController.js @@ -1,9 +1,24 @@ +/* + Copyright (C) 2017 CMCC, Inc. and others. All rights reserved. + + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + */ app.controller('pertabCtrl',['$scope',function ($scope) { $scope.tabes = [ { title:'one hour'}, - { title:'one day', content:'' }, - { title:'one month', content:'Dynamic content 2' }, - { title:'one year', content:'Dynamic content 2' } + { title:'one day' }, + { title:'one month' }, + { title:'one year' } ]; }]); 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 e16673d0..02e74c98 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 @@ -1,3 +1,18 @@ +/* + Copyright (C) 2017 CMCC, Inc. and others. All rights reserved. + + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + */ app.controller('perCtrl',function ($scope) { }); @@ -13,17 +28,20 @@ app.controller('perGridCtrl', ['$scope', '$http', '$timeout', '$interval', 'uiG { name: "shebei1", State: 50, Cpu: "40%", Memory: "60,000", Disk: "60,000", Network: "60,000" }, { name: "shebei1", State: 50, Cpu: "40%", Memory: "60,000", Disk: "60,000", Network: "60,000" } ]; - + $scope.jump = function (){ + console.log(1); + $scope.currentTab = '#/pre-details'; + }; $scope.gridOptions = { data: 'myData', columnDefs: [{ field: 'name', displayName: 'name', width: '10%', - enableColumnMenu: false,// 是否显示列头部菜单按钮 + enableColumnMenu: false, enableHiding: false, suppressRemoveSort: true, - enableCellEdit: false ,// 是否可编辑 - cellTemplate:'<a href ng-repeat=" data in mydefalutData">{{data.name}}</a>', + enableCellEdit: false , + cellTemplate:'<a ng-click="jump()">shebei1</a>' }, { field: "Id",}, { field: "State"}, @@ -33,76 +51,79 @@ app.controller('perGridCtrl', ['$scope', '$http', '$timeout', '$interval', 'uiG { field: "Network"} ], - enableSorting: true, //是否排序 - useExternalSorting: false, //是否使用自定义排序规则 - enableGridMenu: true, //是否显示grid 菜单 - showGridFooter: true, //是否显示grid footer - enableHorizontalScrollbar : 1, //grid水平滚动条是否显示, 0-不显示 1-显示 - enableVerticalScrollbar : 0, //grid垂直滚动条是否显示, 0-不显示 1-显示 + enableSorting: true, + useExternalSorting: false, + enableGridMenu: true, + showGridFooter: true, + enableHorizontalScrollbar : 1, + enableVerticalScrollbar : 0, enableFiltering: true, - //-------- 分页属性 ---------------- - enablePagination: true, //是否分页,默认为true - enablePaginationControls: true, //使用默认的底部分页 - paginationPageSizes: [10, 15, 20], //每页显示个数可选项 - paginationCurrentPage:1, //当前页码 - paginationPageSize: 10, //每页显示个数 - //paginationTemplate:"<div></div>", //自定义底部分页代码 - totalItems : 0, // 总数量 - useExternalPagination: true,//是否使用分页按钮 - - - //----------- 选中 ---------------------- - enableFooterTotalSelected: true, // 是否显示选中的总数,默认为true, 如果显示,showGridFooter 必须为true - enableFullRowSelection : true, //是否点击行任意位置后选中,默认为false,当为true时,checkbox可以显示但是不可选中 - enableRowHeaderSelection : true, //是否显示选中checkbox框 ,默认为true - enableRowSelection : true, // 行选择是否可用,默认为true; - enableSelectAll : true, // 选择所有checkbox是否可用,默认为true; - enableSelectionBatchEvent : true, //默认true - isRowSelectable: function(row){ //GridRow + // + enablePagination: true, + enablePaginationControls: true, + paginationPageSizes: [10, 15, 20], + paginationCurrentPage:1, + paginationPageSize: 10, + //paginationTemplate:"<div></div>", + totalItems : 0, + useExternalPagination: true, + + + //- + enableFooterTotalSelected: true, + enableFullRowSelection : true, + enableRowHeaderSelection : true, + enableRowSelection : false, + enableSelectAll : true, + enableSelectionBatchEvent : true, + isRowSelectable: function(row){ if(row.entity.age > 45){ - row.grid.api.selection.selectRow(row.entity); // 选中行 + row.grid.api.selection.selectRow(row.entity); } }, - modifierKeysToMultiSelect: false ,//默认false,为true时只能 按ctrl或shift键进行多选, multiSelect 必须为true; - multiSelect: true ,// 是否可以选择多个,默认为true; - noUnselect: false,//默认false,选中后是否可以取消选中 - selectionRowHeaderWidth:30 ,//默认30 ,设置选择列的宽度; + modifierKeysToMultiSelect: false , + multiSelect: true , + noUnselect: false, + selectionRowHeaderWidth:30 , //---------------api--------------------- onRegisterApi: function(gridApi) { $scope.gridApi = gridApi; - //分页按钮事件 + gridApi.pagination.on.paginationChanged($scope,function(newPage, pageSize) { if(getPage) { getPage(newPage, pageSize); } }); - //行选中事件 - $scope.gridApi.selection.on.rowSelectionChanged($scope,function(row,event){ + + /*$scope.gridApi.selection.on.rowSelectionChanged($scope,function(row,event){ if(row){ $scope.testRow = row.entity; } - }); + });*/ } }; + var getPage = function(curPage, pageSize) { var firstRow = (curPage - 1) * pageSize; $scope.gridOptions.totalItems = mydefalutData.length; $scope.gridOptions.data = mydefalutData.slice(firstRow, firstRow + pageSize); - //或者像下面这种写法 + //$scope.myData = mydefalutData.slice(firstRow, firstRow + pageSize); }; getPage(1, $scope.gridOptions.paginationPageSize); - //input框 + //input $scope.menuState={show: false} $scope.toggleMenu=function() { $scope.menuState.show=!$scope.menuState.show; } - }]);
\ No newline at end of file + }]); + +
\ No newline at end of file |