Initial setup of mycontroller
This commit is contained in:
440
www/controllers/nodes.js
Normal file
440
www/controllers/nodes.js
Normal file
@@ -0,0 +1,440 @@
|
||||
/*
|
||||
* Copyright 2015-2018 Jeeva Kandasamy (jkandasa@gmail.com)
|
||||
* and other contributors as indicated by the @author tags.
|
||||
*
|
||||
* 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.
|
||||
*/
|
||||
myControllerModule.controller('NodesController', function(alertService,
|
||||
$scope, NodesFactory, $stateParams, $state, $uibModal, displayRestError, CommonServices, mchelper, $filter, $interval) {
|
||||
|
||||
//GUI page settings
|
||||
$scope.headerStringList = $filter('translate')('NODES_DETAIL');
|
||||
$scope.noItemsSystemMsg = $filter('translate')('NO_NODES_SETUP');
|
||||
$scope.noItemsSystemIcon = "fa fa-sitemap";
|
||||
|
||||
//load empty, configuration, etc.,
|
||||
$scope.mchelper = mchelper;
|
||||
$scope.filteredList=[];
|
||||
|
||||
//data query details
|
||||
$scope.currentPage = 1;
|
||||
$scope.query = CommonServices.getQuery();
|
||||
$scope.queryResponse = {};
|
||||
|
||||
//Get min number
|
||||
$scope.getMin = function(item1, item2){
|
||||
return CommonServices.getMin(item1, item2);
|
||||
};
|
||||
|
||||
if($stateParams.gatewayId){
|
||||
$scope.query.gatewayId = $stateParams.gatewayId;
|
||||
}
|
||||
|
||||
$scope.isRunning = false;
|
||||
//get all Items
|
||||
$scope.getAllItems = function(){
|
||||
if($scope.isRunning){
|
||||
return;
|
||||
}
|
||||
$scope.isRunning = true;
|
||||
NodesFactory.getAll($scope.query, function(response) {
|
||||
$scope.queryResponse = response;
|
||||
$scope.filteredList = $scope.queryResponse.data;
|
||||
$scope.filterConfig.resultsCount = $scope.queryResponse.query.filteredCount;
|
||||
$scope.isRunning = false;
|
||||
},function(error){
|
||||
displayRestError.display(error);
|
||||
$scope.isRunning = false;
|
||||
});
|
||||
}
|
||||
|
||||
//Hold all the selected item ids
|
||||
$scope.itemIds = [];
|
||||
|
||||
$scope.selectAllItems = function(){
|
||||
CommonServices.selectAllItems($scope);
|
||||
};
|
||||
|
||||
$scope.selectItem = function(item){
|
||||
CommonServices.selectItem($scope, item);
|
||||
};
|
||||
|
||||
//On page change
|
||||
$scope.pageChanged = function(newPage){
|
||||
CommonServices.updatePageChange($scope, newPage);
|
||||
};
|
||||
|
||||
//Filter change method
|
||||
var filterChange = function (filters) {
|
||||
//Reset filter fields and update items
|
||||
CommonServices.updateFiltersChange($scope, filters);
|
||||
};
|
||||
|
||||
$scope.filterConfig = {
|
||||
fields: [
|
||||
{
|
||||
id: 'name',
|
||||
title: $filter('translate')('NAME'),
|
||||
placeholder: $filter('translate')('FILTER_BY_NAME'),
|
||||
filterType: 'text'
|
||||
},
|
||||
{
|
||||
id: 'state',
|
||||
title: $filter('translate')('STATUS'),
|
||||
placeholder: $filter('translate')('FILTER_BY_STATUS'),
|
||||
filterType: 'select',
|
||||
filterValues: ['Up','Down','Unavailable'],
|
||||
},
|
||||
{
|
||||
id: 'type',
|
||||
title: 'Type',
|
||||
placeholder: $filter('translate')('FILTER_BY_TYPE'),
|
||||
filterType: 'select',
|
||||
filterValues: ['Node','Repeater node'],
|
||||
},
|
||||
{
|
||||
id: 'eui',
|
||||
title: 'EUI',
|
||||
placeholder: $filter('translate')('FILTER_BY_EUI'),
|
||||
filterType: 'text',
|
||||
},
|
||||
{
|
||||
id: 'version',
|
||||
title: 'Version',
|
||||
placeholder: $filter('translate')('FILTER_BY_VERSION'),
|
||||
filterType: 'text',
|
||||
},
|
||||
{
|
||||
id: 'libVersion',
|
||||
title: 'Library Version',
|
||||
placeholder: $filter('translate')('FILTER_BY_LIBRARY_VERSION'),
|
||||
filterType: 'text',
|
||||
}
|
||||
],
|
||||
resultsCount: $scope.filteredList.length,
|
||||
appliedFilters: [],
|
||||
onFilterChange: filterChange
|
||||
};
|
||||
|
||||
|
||||
//Sort columns
|
||||
var sortChange = function (sortId, isAscending) {
|
||||
//Reset sort type and update items
|
||||
CommonServices.updateSortChange($scope, sortId, isAscending);
|
||||
};
|
||||
|
||||
$scope.sortConfig = {
|
||||
fields: [
|
||||
{
|
||||
id: 'name',
|
||||
title: $filter('translate')('NAME'),
|
||||
sortType: 'text'
|
||||
},
|
||||
{
|
||||
id: 'state',
|
||||
title: $filter('translate')('STATUS'),
|
||||
sortType: 'text'
|
||||
},
|
||||
{
|
||||
id: 'eui',
|
||||
title: $filter('translate')('EUI'),
|
||||
sortType: 'text'
|
||||
},
|
||||
{
|
||||
id: 'type',
|
||||
title: $filter('translate')('TYPE'),
|
||||
sortType: 'text'
|
||||
},
|
||||
{
|
||||
id: 'version',
|
||||
title: $filter('translate')('VERSION'),
|
||||
sortType: 'text'
|
||||
},
|
||||
{
|
||||
id: 'libVersion',
|
||||
title: $filter('translate')('LIBRARY_VERSION'),
|
||||
sortType: 'text'
|
||||
}
|
||||
],
|
||||
onSortChange: sortChange
|
||||
};
|
||||
|
||||
|
||||
|
||||
//Delete Node(s)
|
||||
$scope.delete = function (size) {
|
||||
var modalInstance = $uibModal.open({
|
||||
templateUrl: 'partials/common-html/delete-modal.html',
|
||||
controller: 'ControllerDeleteModal',
|
||||
size: size,
|
||||
resolve: {}
|
||||
});
|
||||
|
||||
modalInstance.result.then(function () {
|
||||
NodesFactory.deleteIds($scope.itemIds, function(response) {
|
||||
alertService.success($filter('translate')('ITEMS_DELETED_SUCCESSFULLY'));
|
||||
//Update display table
|
||||
$scope.getAllItems();
|
||||
$scope.itemIds = [];
|
||||
},function(error){
|
||||
displayRestError.display(error);
|
||||
});
|
||||
}),
|
||||
function () {
|
||||
//console.log('Modal dismissed at: ' + new Date());
|
||||
}
|
||||
};
|
||||
|
||||
//Edit item
|
||||
$scope.edit = function () {
|
||||
if($scope.itemIds.length == 1){
|
||||
$state.go("nodesAddEdit",{'id':$scope.itemIds[0]});
|
||||
}
|
||||
};
|
||||
|
||||
//Upload Firmware
|
||||
$scope.uploadFirmware = function (size) {
|
||||
if($scope.itemIds.length > 0){
|
||||
NodesFactory.uploadFirmware($scope.itemIds,function(response) {
|
||||
alertService.success($filter('translate')('FIRMWARE_UPLOAD_INITIATED'));
|
||||
},function(error){
|
||||
displayRestError.display(error);
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
//Refresh nodes information
|
||||
$scope.refreshNodesInfo = function (size) {
|
||||
if($scope.itemIds.length > 0){
|
||||
NodesFactory.executeNodeInfoUpdate($scope.itemIds,function(response) {
|
||||
alertService.success($filter('translate')('REFRESH_NODES_INFO_INITIATED_SUCCESSFULLY'));
|
||||
},function(error){
|
||||
displayRestError.display(error);
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
//Reboot a Node
|
||||
$scope.reboot = function (size) {
|
||||
var addModalInstance = $uibModal.open({
|
||||
templateUrl: 'partials/nodes/node-reboot-modal.html',
|
||||
controller: 'NodesControllerReboot',
|
||||
size: size,
|
||||
resolve: {}
|
||||
});
|
||||
|
||||
addModalInstance.result.then(function () {
|
||||
NodesFactory.reboot($scope.itemIds, function(response) {
|
||||
alertService.success($filter('translate')('REBOOT_INITIATED'));
|
||||
},function(error){
|
||||
displayRestError.display(error);
|
||||
});
|
||||
}),
|
||||
function () {
|
||||
//console.log('Modal dismissed at: ' + new Date());
|
||||
}
|
||||
};
|
||||
|
||||
//Erase Configuration of Nodes
|
||||
$scope.eraseConfiguration = function (size) {
|
||||
var addModalInstance = $uibModal.open({
|
||||
templateUrl: 'partials/nodes/node-erase-configuration-modal.html',
|
||||
controller: 'NodesControllerEraseConfiguration',
|
||||
size: size,
|
||||
resolve: {}
|
||||
});
|
||||
|
||||
addModalInstance.result.then(function () {
|
||||
NodesFactory.eraseConfiguration($scope.itemIds, function(response) {
|
||||
alertService.success($filter('translate')('ERASE_CONFIGURATION_INITIATED'));
|
||||
},function(error){
|
||||
displayRestError.display(error);
|
||||
});
|
||||
}),
|
||||
function () {
|
||||
//console.log('Modal dismissed at: ' + new Date());
|
||||
}
|
||||
};
|
||||
|
||||
// global page refresh
|
||||
var promise = $interval($scope.getAllItems, mchelper.cfg.globalPageRefreshTime);
|
||||
|
||||
// cancel interval on scope destroy
|
||||
$scope.$on('$destroy', function(){
|
||||
$interval.cancel(promise);
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
// Nodes other controllers
|
||||
|
||||
//Add/Edit Node
|
||||
myControllerModule.controller('NodesControllerAddEdit', function ($scope, $stateParams, GatewaysFactory, NodesFactory, TypesFactory, mchelper, alertService, displayRestError, $filter, $state, CommonServices) {
|
||||
//Load mchelper variables to this scope
|
||||
$scope.mchelper = mchelper;
|
||||
$scope.cs = CommonServices;
|
||||
$scope.node = {};
|
||||
$scope.node.altproperties='{}';
|
||||
if($stateParams.id){
|
||||
NodesFactory.get({"nodeId":$stateParams.id},function(response) {
|
||||
$scope.node = response;
|
||||
$scope.node.altproperties = angular.toJson(response.properties);
|
||||
},function(error){
|
||||
displayRestError.display(error);
|
||||
});
|
||||
}
|
||||
$scope.node.gateway = {};
|
||||
$scope.gateways = TypesFactory.getGateways();
|
||||
$scope.nodeTypes = TypesFactory.getNodeTypes();
|
||||
$scope.nodeRstatuses = TypesFactory.getNodeRegistrationStatuses();
|
||||
$scope.firmwares = TypesFactory.getFirmwares();
|
||||
|
||||
//GUI page settings
|
||||
$scope.showHeaderUpdate = $stateParams.id;
|
||||
$scope.headerStringAdd = $filter('translate')('ADD_NODE');
|
||||
$scope.headerStringUpdate = $filter('translate')('UPDATE_NODE');
|
||||
$scope.cancelButtonState = "nodesList"; //Cancel button state
|
||||
$scope.saveProgress = false;
|
||||
//$scope.isSettingChange = false;
|
||||
|
||||
|
||||
$scope.save = function(){
|
||||
$scope.saveProgress = true;
|
||||
$scope.node.properties = angular.fromJson(JSON.stringify(eval('('+$scope.node.altproperties+')')));
|
||||
console.log(angular.toJson($scope.node.altproperties));
|
||||
if($stateParams.id){
|
||||
NodesFactory.update($scope.node,function(response) {
|
||||
alertService.success($filter('translate')('ITEM_UPDATED_SUCCESSFULLY'));
|
||||
$state.go("nodesList");
|
||||
},function(error){
|
||||
displayRestError.display(error);
|
||||
$scope.saveProgress = false;
|
||||
});
|
||||
}else{
|
||||
NodesFactory.create($scope.node,function(response) {
|
||||
alertService.success($filter('translate')('ITEM_CREATED_SUCCESSFULLY'));
|
||||
$state.go("nodesList");
|
||||
},function(error){
|
||||
displayRestError.display(error);
|
||||
$scope.saveProgress = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
//Node Detail
|
||||
myControllerModule.controller('NodesControllerDetail', function ($scope, $stateParams, mchelper, NodesFactory, TypesFactory, MetricsFactory, $filter, $timeout, $window) {
|
||||
//Load mchelper variables to this scope
|
||||
$scope.mchelper = mchelper;
|
||||
$scope.item = {};
|
||||
$scope.headerStringList = $filter('translate')('NODE_DETAILS');
|
||||
|
||||
$scope.item = NodesFactory.get({"nodeId":$stateParams.id});
|
||||
$scope.resourceCount = MetricsFactory.getResourceCount({"resourceType":"NODE", "resourceId":$stateParams.id});
|
||||
|
||||
$scope.chartOptions = {
|
||||
chart: {
|
||||
type: 'lineChart',
|
||||
noErrorCheck: true,
|
||||
height: 325,
|
||||
width:null,
|
||||
margin : {
|
||||
top: 0,
|
||||
right: 10,
|
||||
bottom: 90,
|
||||
left: 65
|
||||
},
|
||||
color: ["#2ca02c","#1f77b4", "#ff7f0e"],
|
||||
|
||||
x: function(d){return d[0];},
|
||||
y: function(d){return d[1];},
|
||||
useVoronoi: false,
|
||||
clipEdge: false,
|
||||
transitionDuration: 500,
|
||||
useInteractiveGuideline: true,
|
||||
xAxis: {
|
||||
showMaxMin: false,
|
||||
tickFormat: function(d) {
|
||||
return d3.time.format('hh:mm:ss a')(new Date(d))
|
||||
},
|
||||
//axisLabel: 'Timestamp',
|
||||
rotateLabels: -20
|
||||
},
|
||||
yAxis: {
|
||||
tickFormat: function(d){
|
||||
return d3.format(',.2f')(d) + ' %';
|
||||
},
|
||||
//axisLabel: ''
|
||||
}
|
||||
},
|
||||
title: {
|
||||
enable: false,
|
||||
text: 'Title'
|
||||
}
|
||||
};
|
||||
|
||||
//pre select, should be updated from server
|
||||
TypesFactory.getMetricsSettings(function(response){
|
||||
$scope.metricsSettings = response;
|
||||
$scope.chartEnableMinMax = $scope.metricsSettings.enabledMinMax;
|
||||
$scope.chartFromTimestamp = $scope.metricsSettings.defaultTimeRange.toString();
|
||||
MetricsFactory.getBatteryMetrics({"nodeId":$stateParams.id, "withMinMax":$scope.chartEnableMinMax, "start": new Date().getTime() - $scope.chartFromTimestamp},function(response){
|
||||
$scope.batteryChartData = response;
|
||||
//Update display time format
|
||||
$scope.chartTimeFormat = response.timeFormat;
|
||||
$scope.chartOptions.chart.type = response.chartType;
|
||||
$scope.chartOptions.chart.interpolate = response.chartInterpolate;
|
||||
$scope.fetching = false;
|
||||
});
|
||||
});
|
||||
$scope.chartTimeFormat = mchelper.cfg.dateFormat;
|
||||
$scope.chartOptions.chart.xAxis.tickFormat = function(d) {return $filter('date')(d, $scope.chartTimeFormat, mchelper.cfg.timezone)};
|
||||
|
||||
$scope.updateChart = function(){
|
||||
MetricsFactory.getBatteryMetrics({"nodeId":$stateParams.id, "withMinMax":$scope.chartEnableMinMax, "start": new Date().getTime() - $scope.chartFromTimestamp}, function(resource){
|
||||
$scope.batteryChartData.chartData = resource.chartData;
|
||||
//Update display time format
|
||||
$scope.chartTimeFormat = resource.timeFormat;
|
||||
});
|
||||
}
|
||||
|
||||
//Graph resize issue, see: https://github.com/krispo/angular-nvd3/issues/40
|
||||
$scope.$watch('fetching', function() {
|
||||
if(!$scope.fetching) {
|
||||
$timeout(function() {
|
||||
$window.dispatchEvent(new Event('resize'));
|
||||
$scope.fetching = true;
|
||||
}, 1000);
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
//Erase Configuration Modal
|
||||
myControllerModule.controller('NodesControllerEraseConfiguration', function ($scope, $uibModalInstance, $filter) {
|
||||
$scope.header = $filter('translate')('ERASE_CONFIGURATION_CONFIRMATION_TITLE');
|
||||
$scope.eraseMsg = $filter('translate')('ERASE_CONFIGURATION_CONFIRMATION_MESSAGE');
|
||||
$scope.eraseNodeConfiguration = function() {$uibModalInstance.close(); };
|
||||
$scope.cancel = function () { $uibModalInstance.dismiss('cancel'); }
|
||||
});
|
||||
|
||||
//reboot Modal
|
||||
myControllerModule.controller('NodesControllerReboot', function ($scope, $uibModalInstance, $filter) {
|
||||
$scope.header = $filter('translate')('REBOOT_CONFIRMATION_TITLE');
|
||||
$scope.rebootMsg = $filter('translate')('REBOOT_CONFIRMATION_MESSAGE');
|
||||
$scope.reboot = function() {$uibModalInstance.close(); };
|
||||
$scope.cancel = function () { $uibModalInstance.dismiss('cancel'); }
|
||||
});
|
||||
Reference in New Issue
Block a user