Volodymyr Babak
6 years ago
36 changed files with 161 additions and 3409 deletions
@ -1,277 +0,0 @@ |
|||
/* |
|||
* Copyright © 2016-2020 The Thingsboard Authors |
|||
* |
|||
* 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. |
|||
*/ |
|||
export default angular.module('thingsboard.api.edge', []) |
|||
.factory('edgeService', EdgeService) |
|||
.name; |
|||
|
|||
/*@ngInject*/ |
|||
function EdgeService($http, $q, customerService) { |
|||
|
|||
var service = { |
|||
getEdges: getEdges, |
|||
getEdgesByIds: getEdgesByIds, |
|||
getEdge: getEdge, |
|||
deleteEdge: deleteEdge, |
|||
saveEdge: saveEdge, |
|||
getEdgeTypes: getEdgeTypes, |
|||
getTenantEdges: getTenantEdges, |
|||
getCustomerEdges: getCustomerEdges, |
|||
assignEdgeToCustomer: assignEdgeToCustomer, |
|||
unassignEdgeFromCustomer: unassignEdgeFromCustomer, |
|||
makeEdgePublic: makeEdgePublic, |
|||
setRootRuleChain: setRootRuleChain, |
|||
getEdgeEvents: getEdgeEvents, |
|||
syncEdge: syncEdge |
|||
}; |
|||
|
|||
return service; |
|||
|
|||
function getEdges(pageLink, config) { |
|||
var deferred = $q.defer(); |
|||
var url = '/api/edges?limit=' + pageLink.limit; |
|||
if (angular.isDefined(pageLink.textSearch)) { |
|||
url += '&textSearch=' + pageLink.textSearch; |
|||
} |
|||
if (angular.isDefined(pageLink.idOffset)) { |
|||
url += '&idOffset=' + pageLink.idOffset; |
|||
} |
|||
if (angular.isDefined(pageLink.textOffset)) { |
|||
url += '&textOffset=' + pageLink.textOffset; |
|||
} |
|||
$http.get(url, config).then(function success(response) { |
|||
deferred.resolve(response.data); |
|||
}, function fail() { |
|||
deferred.reject(); |
|||
}); |
|||
return deferred.promise; |
|||
} |
|||
|
|||
function getEdgesByIds(edgeIds, config) { |
|||
var deferred = $q.defer(); |
|||
var ids = ''; |
|||
for (var i=0;i<edgeIds.length;i++) { |
|||
if (i>0) { |
|||
ids += ','; |
|||
} |
|||
ids += edgeIds[i]; |
|||
} |
|||
var url = '/api/edges?edgeIds=' + ids; |
|||
$http.get(url, config).then(function success(response) { |
|||
var entities = response.data; |
|||
entities.sort(function (entity1, entity2) { |
|||
var id1 = entity1.id.id; |
|||
var id2 = entity2.id.id; |
|||
var index1 = edgeIds.indexOf(id1); |
|||
var index2 = edgeIds.indexOf(id2); |
|||
return index1 - index2; |
|||
}); |
|||
deferred.resolve(entities); |
|||
}, function fail() { |
|||
deferred.reject(); |
|||
}); |
|||
return deferred.promise; |
|||
} |
|||
|
|||
function getEdge(edgeId, config) { |
|||
var deferred = $q.defer(); |
|||
var url = '/api/edge/' + edgeId; |
|||
$http.get(url, config).then(function success(response) { |
|||
deferred.resolve(response.data); |
|||
}, function fail(response) { |
|||
deferred.reject(response.data); |
|||
}); |
|||
return deferred.promise; |
|||
} |
|||
|
|||
function saveEdge(edge) { |
|||
var deferred = $q.defer(); |
|||
var url = '/api/edge'; |
|||
$http.post(url, edge).then(function success(response) { |
|||
deferred.resolve(response.data); |
|||
}, function fail(response) { |
|||
deferred.reject(response.data); |
|||
}); |
|||
return deferred.promise; |
|||
} |
|||
|
|||
function deleteEdge(edgeId) { |
|||
var deferred = $q.defer(); |
|||
var url = '/api/edge/' + edgeId; |
|||
$http.delete(url).then(function success() { |
|||
deferred.resolve(); |
|||
}, function fail(response) { |
|||
deferred.reject(response.data); |
|||
}); |
|||
return deferred.promise; |
|||
} |
|||
|
|||
function getEdgeTypes(config) { |
|||
var deferred = $q.defer(); |
|||
var url = '/api/edge/types'; |
|||
$http.get(url, config).then(function success(response) { |
|||
deferred.resolve(response.data); |
|||
}, function fail() { |
|||
deferred.reject(); |
|||
}); |
|||
return deferred.promise; |
|||
} |
|||
|
|||
function getTenantEdges(pageLink, applyCustomersInfo, config, type) { |
|||
var deferred = $q.defer(); |
|||
var url = '/api/tenant/edges?limit=' + pageLink.limit; |
|||
if (angular.isDefined(pageLink.textSearch)) { |
|||
url += '&textSearch=' + pageLink.textSearch; |
|||
} |
|||
if (angular.isDefined(pageLink.idOffset)) { |
|||
url += '&idOffset=' + pageLink.idOffset; |
|||
} |
|||
if (angular.isDefined(pageLink.textOffset)) { |
|||
url += '&textOffset=' + pageLink.textOffset; |
|||
} |
|||
if (angular.isDefined(type) && type.length) { |
|||
url += '&type=' + type; |
|||
} |
|||
$http.get(url, config).then(function success(response) { |
|||
if (applyCustomersInfo) { |
|||
customerService.applyAssignedCustomersInfo(response.data.data).then( |
|||
function success(data) { |
|||
response.data.data = data; |
|||
deferred.resolve(response.data); |
|||
}, |
|||
function fail() { |
|||
deferred.reject(); |
|||
} |
|||
); |
|||
} else { |
|||
deferred.resolve(response.data); |
|||
} |
|||
}, function fail() { |
|||
deferred.reject(); |
|||
}); |
|||
return deferred.promise; |
|||
} |
|||
|
|||
function getCustomerEdges(customerId, pageLink, applyCustomersInfo, config, type) { |
|||
var deferred = $q.defer(); |
|||
var url = '/api/customer/' + customerId + '/edges?limit=' + pageLink.limit; |
|||
if (angular.isDefined(pageLink.textSearch)) { |
|||
url += '&textSearch=' + pageLink.textSearch; |
|||
} |
|||
if (angular.isDefined(pageLink.idOffset)) { |
|||
url += '&idOffset=' + pageLink.idOffset; |
|||
} |
|||
if (angular.isDefined(pageLink.textOffset)) { |
|||
url += '&textOffset=' + pageLink.textOffset; |
|||
} |
|||
if (angular.isDefined(type) && type.length) { |
|||
url += '&type=' + type; |
|||
} |
|||
$http.get(url, config).then(function success(response) { |
|||
if (applyCustomersInfo) { |
|||
customerService.applyAssignedCustomerInfo(response.data.data, customerId).then( |
|||
function success(data) { |
|||
response.data.data = data; |
|||
deferred.resolve(response.data); |
|||
}, |
|||
function fail() { |
|||
deferred.reject(); |
|||
} |
|||
); |
|||
} else { |
|||
deferred.resolve(response.data); |
|||
} |
|||
}, function fail() { |
|||
deferred.reject(); |
|||
}); |
|||
|
|||
return deferred.promise; |
|||
} |
|||
|
|||
function assignEdgeToCustomer(customerId, edgeId) { |
|||
var deferred = $q.defer(); |
|||
var url = '/api/customer/' + customerId + '/edge/' + edgeId; |
|||
$http.post(url, null).then(function success(response) { |
|||
deferred.resolve(response.data); |
|||
}, function fail() { |
|||
deferred.reject(); |
|||
}); |
|||
return deferred.promise; |
|||
} |
|||
|
|||
function unassignEdgeFromCustomer(edgeId) { |
|||
var deferred = $q.defer(); |
|||
var url = '/api/customer/edge/' + edgeId; |
|||
$http.delete(url).then(function success(response) { |
|||
deferred.resolve(response.data); |
|||
}, function fail() { |
|||
deferred.reject(); |
|||
}); |
|||
return deferred.promise; |
|||
} |
|||
|
|||
function makeEdgePublic(edgeId) { |
|||
var deferred = $q.defer(); |
|||
var url = '/api/customer/public/edge/' + edgeId; |
|||
$http.post(url, null).then(function success(response) { |
|||
deferred.resolve(response.data); |
|||
}, function fail() { |
|||
deferred.reject(); |
|||
}); |
|||
return deferred.promise; |
|||
} |
|||
|
|||
function setRootRuleChain(edgeId, ruleChainId) { |
|||
var deferred = $q.defer(); |
|||
var url = '/api/edge/' + edgeId + '/' + ruleChainId + '/root'; |
|||
$http.post(url).then(function success(response) { |
|||
deferred.resolve(response.data); |
|||
}, function fail() { |
|||
deferred.reject(); |
|||
}); |
|||
return deferred.promise; |
|||
} |
|||
|
|||
function getEdgeEvents(edgeId, pageLink) { |
|||
var deferred = $q.defer(); |
|||
var url = '/api/edge/' + edgeId + '/events' + '?limit=' + pageLink.limit; |
|||
if (angular.isDefined(pageLink.startTime) && pageLink.startTime != null) { |
|||
url += '&startTime=' + pageLink.startTime; |
|||
} |
|||
if (angular.isDefined(pageLink.endTime) && pageLink.endTime != null) { |
|||
url += '&endTime=' + pageLink.endTime; |
|||
} |
|||
if (angular.isDefined(pageLink.idOffset) && pageLink.idOffset != null) { |
|||
url += '&offset=' + pageLink.idOffset; |
|||
} |
|||
$http.get(url, null).then(function success(response) { |
|||
deferred.resolve(response.data); |
|||
}, function fail(response) { |
|||
deferred.reject(response.data); |
|||
}); |
|||
return deferred.promise; |
|||
} |
|||
|
|||
function syncEdge(edgeId) { |
|||
var deferred = $q.defer(); |
|||
var url = '/api/edge/sync'; |
|||
$http.post(url, edgeId).then(function success(response) { |
|||
deferred.resolve(response); |
|||
}, function fail(response) { |
|||
deferred.reject(response.data); |
|||
}); |
|||
return deferred.promise; |
|||
} |
|||
} |
|||
@ -1,123 +0,0 @@ |
|||
/* |
|||
* Copyright © 2016-2020 The Thingsboard Authors |
|||
* |
|||
* 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. |
|||
*/ |
|||
/*@ngInject*/ |
|||
export default function AddAssetsToEdgeController(assetService, $mdDialog, $q, edgeId, assets) { |
|||
|
|||
var vm = this; |
|||
|
|||
vm.assets = assets; |
|||
vm.searchText = ''; |
|||
|
|||
vm.assign = assign; |
|||
vm.cancel = cancel; |
|||
vm.hasData = hasData; |
|||
vm.noData = noData; |
|||
vm.searchAssetTextUpdated = searchAssetTextUpdated; |
|||
vm.toggleAssetSelection = toggleAssetSelection; |
|||
|
|||
vm.theAssets = { |
|||
getItemAtIndex: function (index) { |
|||
if (index > vm.assets.data.length) { |
|||
vm.theAssets.fetchMoreItems_(index); |
|||
return null; |
|||
} |
|||
var item = vm.assets.data[index]; |
|||
if (item) { |
|||
item.indexNumber = index + 1; |
|||
} |
|||
return item; |
|||
}, |
|||
|
|||
getLength: function () { |
|||
if (vm.assets.hasNext) { |
|||
return vm.assets.data.length + vm.assets.nextPageLink.limit; |
|||
} else { |
|||
return vm.assets.data.length; |
|||
} |
|||
}, |
|||
|
|||
fetchMoreItems_: function () { |
|||
if (vm.assets.hasNext && !vm.assets.pending) { |
|||
vm.assets.pending = true; |
|||
assetService.getTenantAssets(vm.assets.nextPageLink, false).then( |
|||
function success(assets) { |
|||
vm.assets.data = vm.assets.data.concat(assets.data); |
|||
vm.assets.nextPageLink = assets.nextPageLink; |
|||
vm.assets.hasNext = assets.hasNext; |
|||
if (vm.assets.hasNext) { |
|||
vm.assets.nextPageLink.limit = vm.assets.pageSize; |
|||
} |
|||
vm.assets.pending = false; |
|||
}, |
|||
function fail() { |
|||
vm.assets.hasNext = false; |
|||
vm.assets.pending = false; |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
function cancel () { |
|||
$mdDialog.cancel(); |
|||
} |
|||
|
|||
function assign() { |
|||
var tasks = []; |
|||
for (var assetId in vm.assets.selections) { |
|||
tasks.push(assetService.assignAssetToEdge(edgeId, assetId)); |
|||
} |
|||
$q.all(tasks).then(function () { |
|||
$mdDialog.hide(); |
|||
}); |
|||
} |
|||
|
|||
function noData() { |
|||
return vm.assets.data.length == 0 && !vm.assets.hasNext; |
|||
} |
|||
|
|||
function hasData() { |
|||
return vm.assets.data.length > 0; |
|||
} |
|||
|
|||
function toggleAssetSelection($event, asset) { |
|||
$event.stopPropagation(); |
|||
var selected = angular.isDefined(asset.selected) && asset.selected; |
|||
asset.selected = !selected; |
|||
if (asset.selected) { |
|||
vm.assets.selections[asset.id.id] = true; |
|||
vm.assets.selectedCount++; |
|||
} else { |
|||
delete vm.assets.selections[asset.id.id]; |
|||
vm.assets.selectedCount--; |
|||
} |
|||
} |
|||
|
|||
function searchAssetTextUpdated() { |
|||
vm.assets = { |
|||
pageSize: vm.assets.pageSize, |
|||
data: [], |
|||
nextPageLink: { |
|||
limit: vm.assets.pageSize, |
|||
textSearch: vm.searchText |
|||
}, |
|||
selections: {}, |
|||
selectedCount: 0, |
|||
hasNext: true, |
|||
pending: false |
|||
}; |
|||
} |
|||
|
|||
} |
|||
@ -1,77 +0,0 @@ |
|||
<!-- |
|||
|
|||
Copyright © 2016-2020 The Thingsboard Authors |
|||
|
|||
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. |
|||
|
|||
--> |
|||
<md-dialog aria-label="{{ 'edge.assign-to-edge' | translate }}"> |
|||
<form name="theForm" ng-submit="vm.assign()"> |
|||
<md-toolbar> |
|||
<div class="md-toolbar-tools"> |
|||
<h2 translate>asset.assign-asset-to-edge</h2> |
|||
<span flex></span> |
|||
<md-button class="md-icon-button" ng-click="vm.cancel()"> |
|||
<ng-md-icon icon="close" aria-label="{{ 'dialog.close' | translate }}"></ng-md-icon> |
|||
</md-button> |
|||
</div> |
|||
</md-toolbar> |
|||
<md-progress-linear class="md-warn" md-mode="indeterminate" ng-disabled="!$root.loading" ng-show="$root.loading"></md-progress-linear> |
|||
<span style="min-height: 5px;" flex="" ng-show="!$root.loading"></span> |
|||
<md-dialog-content> |
|||
<div class="md-dialog-content"> |
|||
<fieldset> |
|||
<span translate>asset.assign-asset-to-edge-text</span> |
|||
<md-input-container class="md-block" style='margin-bottom: 0px;'> |
|||
<label> </label> |
|||
<md-icon aria-label="{{ 'action.search' | translate }}" class="material-icons"> |
|||
search |
|||
</md-icon> |
|||
<input id="asset-search" autofocus ng-model="vm.searchText" |
|||
ng-change="vm.searchAssetTextUpdated()" |
|||
placeholder="{{ 'common.enter-search' | translate }}"/> |
|||
</md-input-container> |
|||
<div style='min-height: 150px;'> |
|||
<span translate layout-align="center center" |
|||
style="text-transform: uppercase; display: flex; height: 150px;" |
|||
class="md-subhead" |
|||
ng-show="vm.noData()">asset.no-assets-text</span> |
|||
<md-virtual-repeat-container ng-show="vm.hasData()" |
|||
tb-scope-element="repeatContainer" md-top-index="vm.topIndex" flex |
|||
style='min-height: 150px; width: 100%;'> |
|||
<md-list> |
|||
<md-list-item md-virtual-repeat="asset in vm.theAssets" md-on-demand |
|||
class="repeated-item" flex> |
|||
<md-checkbox ng-click="vm.toggleAssetSelection($event, asset)" |
|||
aria-label="{{ 'item.selected' | translate }}" |
|||
ng-checked="asset.selected"></md-checkbox> |
|||
<span> {{ asset.name }} </span> |
|||
</md-list-item> |
|||
</md-list> |
|||
</md-virtual-repeat-container> |
|||
</div> |
|||
</fieldset> |
|||
</div> |
|||
</md-dialog-content> |
|||
<md-dialog-actions layout="row"> |
|||
<span flex></span> |
|||
<md-button ng-disabled="$root.loading || vm.assets.selectedCount == 0" type="submit" |
|||
class="md-raised md-primary"> |
|||
{{ 'action.assign' | translate }} |
|||
</md-button> |
|||
<md-button ng-disabled="$root.loading" ng-click="vm.cancel()" style="margin-right:20px;">{{ 'action.cancel' | |
|||
translate }} |
|||
</md-button> |
|||
</md-dialog-actions> |
|||
</form> |
|||
</md-dialog> |
|||
@ -1,123 +0,0 @@ |
|||
/* |
|||
* Copyright © 2016-2020 The Thingsboard Authors |
|||
* |
|||
* 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. |
|||
*/ |
|||
/*@ngInject*/ |
|||
export default function AddDashboardsToEdgeController(dashboardService, types, $mdDialog, $q, edgeId, dashboards) { |
|||
|
|||
var vm = this; |
|||
|
|||
vm.types = types; |
|||
vm.dashboards = dashboards; |
|||
vm.searchText = ''; |
|||
|
|||
vm.assign = assign; |
|||
vm.cancel = cancel; |
|||
vm.hasData = hasData; |
|||
vm.noData = noData; |
|||
vm.searchDashboardTextUpdated = searchDashboardTextUpdated; |
|||
vm.toggleDashboardSelection = toggleDashboardSelection; |
|||
|
|||
vm.theDashboards = { |
|||
getItemAtIndex: function (index) { |
|||
if (index > vm.dashboards.data.length) { |
|||
vm.theDashboards.fetchMoreItems_(index); |
|||
return null; |
|||
} |
|||
var item = vm.dashboards.data[index]; |
|||
if (item) { |
|||
item.indexNumber = index + 1; |
|||
} |
|||
return item; |
|||
}, |
|||
|
|||
getLength: function () { |
|||
if (vm.dashboards.hasNext) { |
|||
return vm.dashboards.data.length + vm.dashboards.nextPageLink.limit; |
|||
} else { |
|||
return vm.dashboards.data.length; |
|||
} |
|||
}, |
|||
|
|||
fetchMoreItems_: function () { |
|||
if (vm.dashboards.hasNext && !vm.dashboards.pending) { |
|||
vm.dashboards.pending = true; |
|||
dashboardService.getTenantDashboards(vm.dashboards.nextPageLink).then( |
|||
function success(dashboards) { |
|||
vm.dashboards.data = vm.dashboards.data.concat(dashboards.data); |
|||
vm.dashboards.nextPageLink = dashboards.nextPageLink; |
|||
vm.dashboards.hasNext = dashboards.hasNext; |
|||
if (vm.dashboards.hasNext) { |
|||
vm.dashboards.nextPageLink.limit = vm.dashboards.pageSize; |
|||
} |
|||
vm.dashboards.pending = false; |
|||
}, |
|||
function fail() { |
|||
vm.dashboards.hasNext = false; |
|||
vm.dashboards.pending = false; |
|||
}); |
|||
} |
|||
} |
|||
} |
|||
|
|||
function cancel () { |
|||
$mdDialog.cancel(); |
|||
} |
|||
|
|||
function assign () { |
|||
var tasks = []; |
|||
for (var dashboardId in vm.dashboards.selections) { |
|||
tasks.push(dashboardService.assignDashboardToEdge(edgeId, dashboardId)); |
|||
} |
|||
$q.all(tasks).then(function () { |
|||
$mdDialog.hide(); |
|||
}); |
|||
} |
|||
|
|||
function noData () { |
|||
return vm.dashboards.data.length == 0 && !vm.dashboards.hasNext; |
|||
} |
|||
|
|||
function hasData () { |
|||
return vm.dashboards.data.length > 0; |
|||
} |
|||
|
|||
function toggleDashboardSelection ($event, dashboard) { |
|||
$event.stopPropagation(); |
|||
var selected = angular.isDefined(dashboard.selected) && dashboard.selected; |
|||
dashboard.selected = !selected; |
|||
if (dashboard.selected) { |
|||
vm.dashboards.selections[dashboard.id.id] = true; |
|||
vm.dashboards.selectedCount++; |
|||
} else { |
|||
delete vm.dashboards.selections[dashboard.id.id]; |
|||
vm.dashboards.selectedCount--; |
|||
} |
|||
} |
|||
|
|||
function searchDashboardTextUpdated () { |
|||
vm.dashboards = { |
|||
pageSize: vm.dashboards.pageSize, |
|||
data: [], |
|||
nextPageLink: { |
|||
limit: vm.dashboards.pageSize, |
|||
textSearch: vm.searchText |
|||
}, |
|||
selections: {}, |
|||
selectedCount: 0, |
|||
hasNext: true, |
|||
pending: false |
|||
}; |
|||
} |
|||
} |
|||
@ -1,77 +0,0 @@ |
|||
<!-- |
|||
|
|||
Copyright © 2016-2020 The Thingsboard Authors |
|||
|
|||
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. |
|||
|
|||
--> |
|||
<md-dialog aria-label="{{ 'dashboard.assign-dashboard-to-edge' | translate }}"> |
|||
<form name="theForm" ng-submit="vm.assign()"> |
|||
<md-toolbar> |
|||
<div class="md-toolbar-tools"> |
|||
<h2 translate>dashboard.assign-dashboard-to-edge</h2> |
|||
<span flex></span> |
|||
<md-button class="md-icon-button" ng-click="vm.cancel()"> |
|||
<ng-md-icon icon="close" aria-label="{{ 'dialog.close' | translate }}"></ng-md-icon> |
|||
</md-button> |
|||
</div> |
|||
</md-toolbar> |
|||
<md-progress-linear class="md-warn" md-mode="indeterminate" ng-disabled="!$root.loading" ng-show="$root.loading"></md-progress-linear> |
|||
<span style="min-height: 5px;" flex="" ng-show="!$root.loading"></span> |
|||
<md-dialog-content> |
|||
<div class="md-dialog-content"> |
|||
<fieldset> |
|||
<span translate>dashboard.assign-dashboard-to-edge-text</span> |
|||
<md-input-container class="md-block" style='margin-bottom: 0px;'> |
|||
<label> </label> |
|||
<md-icon aria-label="{{ 'action.search' | translate }}" class="material-icons"> |
|||
search |
|||
</md-icon> |
|||
<input id="dashboard-search" autofocus ng-model="vm.searchText" |
|||
ng-change="vm.searchDashboardTextUpdated()" |
|||
placeholder="{{ 'common.enter-search' | translate }}"/> |
|||
</md-input-container> |
|||
<div style='min-height: 150px;'> |
|||
<span translate layout-align="center center" |
|||
style="text-transform: uppercase; display: flex; height: 150px;" |
|||
class="md-subhead" |
|||
ng-show="vm.noData()">dashboard.no-dashboards-text</span> |
|||
<md-virtual-repeat-container ng-show="vm.hasData()" |
|||
tb-scope-element="repeatContainer" md-top-index="vm.topIndex" flex |
|||
style='min-height: 150px; width: 100%;'> |
|||
<md-list> |
|||
<md-list-item md-virtual-repeat="dashboard in vm.theDashboards" md-on-demand |
|||
class="repeated-item" flex> |
|||
<md-checkbox ng-click="vm.toggleDashboardSelection($event, dashboard)" |
|||
aria-label="{{ 'item.selected' | translate }}" |
|||
ng-checked="dashboard.selected"></md-checkbox> |
|||
<span> {{ dashboard.title }} </span> |
|||
</md-list-item> |
|||
</md-list> |
|||
</md-virtual-repeat-container> |
|||
</div> |
|||
</fieldset> |
|||
</div> |
|||
</md-dialog-content> |
|||
<md-dialog-actions layout="row"> |
|||
<span flex></span> |
|||
<md-button ng-disabled="$root.loading || vm.dashboards.selectedCount == 0" type="submit" |
|||
class="md-raised md-primary"> |
|||
{{ 'action.assign' | translate }} |
|||
</md-button> |
|||
<md-button ng-disabled="$root.loading" ng-click="vm.cancel()" style="margin-right:20px;">{{ 'action.cancel' | |
|||
translate }} |
|||
</md-button> |
|||
</md-dialog-actions> |
|||
</form> |
|||
</md-dialog> |
|||
@ -1,123 +0,0 @@ |
|||
/* |
|||
* Copyright © 2016-2020 The Thingsboard Authors |
|||
* |
|||
* 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. |
|||
*/ |
|||
/*@ngInject*/ |
|||
export default function AddDevicesToEdgeController(deviceService, $mdDialog, $q, edgeId, devices) { |
|||
|
|||
var vm = this; |
|||
|
|||
vm.devices = devices; |
|||
vm.searchText = ''; |
|||
|
|||
vm.assign = assign; |
|||
vm.cancel = cancel; |
|||
vm.hasData = hasData; |
|||
vm.noData = noData; |
|||
vm.searchDeviceTextUpdated = searchDeviceTextUpdated; |
|||
vm.toggleDeviceSelection = toggleDeviceSelection; |
|||
|
|||
vm.theDevices = { |
|||
getItemAtIndex: function (index) { |
|||
if (index > vm.devices.data.length) { |
|||
vm.theDevices.fetchMoreItems_(index); |
|||
return null; |
|||
} |
|||
var item = vm.devices.data[index]; |
|||
if (item) { |
|||
item.indexNumber = index + 1; |
|||
} |
|||
return item; |
|||
}, |
|||
|
|||
getLength: function () { |
|||
if (vm.devices.hasNext) { |
|||
return vm.devices.data.length + vm.devices.nextPageLink.limit; |
|||
} else { |
|||
return vm.devices.data.length; |
|||
} |
|||
}, |
|||
|
|||
fetchMoreItems_: function () { |
|||
if (vm.devices.hasNext && !vm.devices.pending) { |
|||
vm.devices.pending = true; |
|||
deviceService.getTenantDevices(vm.devices.nextPageLink, false).then( |
|||
function success(devices) { |
|||
vm.devices.data = vm.devices.data.concat(devices.data); |
|||
vm.devices.nextPageLink = devices.nextPageLink; |
|||
vm.devices.hasNext = devices.hasNext; |
|||
if (vm.devices.hasNext) { |
|||
vm.devices.nextPageLink.limit = vm.devices.pageSize; |
|||
} |
|||
vm.devices.pending = false; |
|||
}, |
|||
function fail() { |
|||
vm.devices.hasNext = false; |
|||
vm.devices.pending = false; |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
function cancel () { |
|||
$mdDialog.cancel(); |
|||
} |
|||
|
|||
function assign() { |
|||
var tasks = []; |
|||
for (var deviceId in vm.devices.selections) { |
|||
tasks.push(deviceService.assignDeviceToEdge(edgeId, deviceId)); |
|||
} |
|||
$q.all(tasks).then(function () { |
|||
$mdDialog.hide(); |
|||
}); |
|||
} |
|||
|
|||
function noData() { |
|||
return vm.devices.data.length == 0 && !vm.devices.hasNext; |
|||
} |
|||
|
|||
function hasData() { |
|||
return vm.devices.data.length > 0; |
|||
} |
|||
|
|||
function toggleDeviceSelection($event, device) { |
|||
$event.stopPropagation(); |
|||
var selected = angular.isDefined(device.selected) && device.selected; |
|||
device.selected = !selected; |
|||
if (device.selected) { |
|||
vm.devices.selections[device.id.id] = true; |
|||
vm.devices.selectedCount++; |
|||
} else { |
|||
delete vm.devices.selections[device.id.id]; |
|||
vm.devices.selectedCount--; |
|||
} |
|||
} |
|||
|
|||
function searchDeviceTextUpdated() { |
|||
vm.devices = { |
|||
pageSize: vm.devices.pageSize, |
|||
data: [], |
|||
nextPageLink: { |
|||
limit: vm.devices.pageSize, |
|||
textSearch: vm.searchText |
|||
}, |
|||
selections: {}, |
|||
selectedCount: 0, |
|||
hasNext: true, |
|||
pending: false |
|||
}; |
|||
} |
|||
|
|||
} |
|||
@ -1,77 +0,0 @@ |
|||
<!-- |
|||
|
|||
Copyright © 2016-2020 The Thingsboard Authors |
|||
|
|||
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. |
|||
|
|||
--> |
|||
<md-dialog aria-label="{{ 'edge.assign-to-edge' | translate }}"> |
|||
<form name="theForm" ng-submit="vm.assign()"> |
|||
<md-toolbar> |
|||
<div class="md-toolbar-tools"> |
|||
<h2 translate>device.assign-device-to-edge</h2> |
|||
<span flex></span> |
|||
<md-button class="md-icon-button" ng-click="vm.cancel()"> |
|||
<ng-md-icon icon="close" aria-label="{{ 'dialog.close' | translate }}"></ng-md-icon> |
|||
</md-button> |
|||
</div> |
|||
</md-toolbar> |
|||
<md-progress-linear class="md-warn" md-mode="indeterminate" ng-disabled="!$root.loading" ng-show="$root.loading"></md-progress-linear> |
|||
<span style="min-height: 5px;" flex="" ng-show="!$root.loading"></span> |
|||
<md-dialog-content> |
|||
<div class="md-dialog-content"> |
|||
<fieldset> |
|||
<span translate>device.assign-device-to-edge-text</span> |
|||
<md-input-container class="md-block" style='margin-bottom: 0px;'> |
|||
<label> </label> |
|||
<md-icon aria-label="{{ 'action.search' | translate }}" class="material-icons"> |
|||
search |
|||
</md-icon> |
|||
<input id="device-search" autofocus ng-model="vm.searchText" |
|||
ng-change="vm.searchDeviceTextUpdated()" |
|||
placeholder="{{ 'common.enter-search' | translate }}"/> |
|||
</md-input-container> |
|||
<div style='min-height: 150px;'> |
|||
<span translate layout-align="center center" |
|||
style="text-transform: uppercase; display: flex; height: 150px;" |
|||
class="md-subhead" |
|||
ng-show="vm.noData()">device.no-devices-text</span> |
|||
<md-virtual-repeat-container ng-show="vm.hasData()" |
|||
tb-scope-element="repeatContainer" md-top-index="vm.topIndex" flex |
|||
style='min-height: 150px; width: 100%;'> |
|||
<md-list> |
|||
<md-list-item md-virtual-repeat="device in vm.theDevices" md-on-demand |
|||
class="repeated-item" flex> |
|||
<md-checkbox ng-click="vm.toggleDeviceSelection($event, device)" |
|||
aria-label="{{ 'item.selected' | translate }}" |
|||
ng-checked="device.selected"></md-checkbox> |
|||
<span> {{ device.name }} </span> |
|||
</md-list-item> |
|||
</md-list> |
|||
</md-virtual-repeat-container> |
|||
</div> |
|||
</fieldset> |
|||
</div> |
|||
</md-dialog-content> |
|||
<md-dialog-actions layout="row"> |
|||
<span flex></span> |
|||
<md-button ng-disabled="$root.loading || vm.devices.selectedCount == 0" type="submit" |
|||
class="md-raised md-primary"> |
|||
{{ 'action.assign' | translate }} |
|||
</md-button> |
|||
<md-button ng-disabled="$root.loading" ng-click="vm.cancel()" style="margin-right:20px;">{{ 'action.cancel' | |
|||
translate }} |
|||
</md-button> |
|||
</md-dialog-actions> |
|||
</form> |
|||
</md-dialog> |
|||
@ -1,46 +0,0 @@ |
|||
<!-- |
|||
|
|||
Copyright © 2016-2020 The Thingsboard Authors |
|||
|
|||
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. |
|||
|
|||
--> |
|||
<md-dialog aria-label="{{ 'edge.add' | translate }}" tb-help="'edges'" help-container-id="help-container" style="width: 600px;"> |
|||
<form name="theForm" ng-submit="vm.add()"> |
|||
<md-toolbar> |
|||
<div class="md-toolbar-tools"> |
|||
<h2 translate>edge.add</h2> |
|||
<span flex></span> |
|||
<div id="help-container"></div> |
|||
<md-button class="md-icon-button" ng-click="vm.cancel()"> |
|||
<ng-md-icon icon="close" aria-label="{{ 'dialog.close' | translate }}"></ng-md-icon> |
|||
</md-button> |
|||
</div> |
|||
</md-toolbar> |
|||
<md-progress-linear class="md-warn" md-mode="indeterminate" ng-disabled="!$root.loading" ng-show="$root.loading"></md-progress-linear> |
|||
<span style="min-height: 5px;" flex="" ng-show="!$root.loading"></span> |
|||
<md-dialog-content> |
|||
<div class="md-dialog-content"> |
|||
<tb-edge edge="vm.item" is-edit="true" is-create="true" the-form="theForm"></tb-edge> |
|||
</div> |
|||
</md-dialog-content> |
|||
<md-dialog-actions layout="row"> |
|||
<span flex></span> |
|||
<md-button ng-disabled="$root.loading || theForm.$invalid || !theForm.$dirty" type="submit" class="md-raised md-primary"> |
|||
{{ 'action.add' | translate }} |
|||
</md-button> |
|||
<md-button ng-disabled="$root.loading" ng-click="vm.cancel()" style="margin-right:20px;">{{ 'action.cancel' | translate }}</md-button> |
|||
</md-dialog-actions> |
|||
</form> |
|||
</md-dialog> |
|||
|
|||
@ -1,123 +0,0 @@ |
|||
/* |
|||
* Copyright © 2016-2020 The Thingsboard Authors |
|||
* |
|||
* 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. |
|||
*/ |
|||
/*@ngInject*/ |
|||
export default function AddEdgesToCustomerController(edgeService, $mdDialog, $q, customerId, edges) { |
|||
|
|||
var vm = this; |
|||
|
|||
vm.edges = edges; |
|||
vm.searchText = ''; |
|||
|
|||
vm.assign = assign; |
|||
vm.cancel = cancel; |
|||
vm.hasData = hasData; |
|||
vm.noData = noData; |
|||
vm.searchEdgeTextUpdated = searchEdgeTextUpdated; |
|||
vm.toggleEdgeSelection = toggleEdgeSelection; |
|||
|
|||
vm.theEdges = { |
|||
getItemAtIndex: function (index) { |
|||
if (index > vm.edges.data.length) { |
|||
vm.theEdges.fetchMoreItems_(index); |
|||
return null; |
|||
} |
|||
var item = vm.edges.data[index]; |
|||
if (item) { |
|||
item.indexNumber = index + 1; |
|||
} |
|||
return item; |
|||
}, |
|||
|
|||
getLength: function () { |
|||
if (vm.edges.hasNext) { |
|||
return vm.edges.data.length + vm.edges.nextPageLink.limit; |
|||
} else { |
|||
return vm.edges.data.length; |
|||
} |
|||
}, |
|||
|
|||
fetchMoreItems_: function () { |
|||
if (vm.edges.hasNext && !vm.edges.pending) { |
|||
vm.edges.pending = true; |
|||
edgeService.getTenantEdges(vm.edges.nextPageLink, false).then( |
|||
function success(edges) { |
|||
vm.edges.data = vm.edges.data.concat(edges.data); |
|||
vm.edges.nextPageLink = edges.nextPageLink; |
|||
vm.edges.hasNext = edges.hasNext; |
|||
if (vm.edges.hasNext) { |
|||
vm.edges.nextPageLink.limit = vm.edges.pageSize; |
|||
} |
|||
vm.edges.pending = false; |
|||
}, |
|||
function fail() { |
|||
vm.edges.hasNext = false; |
|||
vm.edges.pending = false; |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
function cancel () { |
|||
$mdDialog.cancel(); |
|||
} |
|||
|
|||
function assign() { |
|||
var tasks = []; |
|||
for (var edgeId in vm.edges.selections) { |
|||
tasks.push(edgeService.assignEdgeToCustomer(customerId, edgeId)); |
|||
} |
|||
$q.all(tasks).then(function () { |
|||
$mdDialog.hide(); |
|||
}); |
|||
} |
|||
|
|||
function noData() { |
|||
return vm.edges.data.length == 0 && !vm.edges.hasNext; |
|||
} |
|||
|
|||
function hasData() { |
|||
return vm.edges.data.length > 0; |
|||
} |
|||
|
|||
function toggleEdgeSelection($event, edge) { |
|||
$event.stopPropagation(); |
|||
var selected = angular.isDefined(edge.selected) && edge.selected; |
|||
edge.selected = !selected; |
|||
if (edge.selected) { |
|||
vm.edges.selections[edge.id.id] = true; |
|||
vm.edges.selectedCount++; |
|||
} else { |
|||
delete vm.edges.selections[edge.id.id]; |
|||
vm.edges.selectedCount--; |
|||
} |
|||
} |
|||
|
|||
function searchEdgeTextUpdated() { |
|||
vm.edges = { |
|||
pageSize: vm.edges.pageSize, |
|||
data: [], |
|||
nextPageLink: { |
|||
limit: vm.edges.pageSize, |
|||
textSearch: vm.searchText |
|||
}, |
|||
selections: {}, |
|||
selectedCount: 0, |
|||
hasNext: true, |
|||
pending: false |
|||
}; |
|||
} |
|||
|
|||
} |
|||
@ -1,77 +0,0 @@ |
|||
<!-- |
|||
|
|||
Copyright © 2016-2020 The Thingsboard Authors |
|||
|
|||
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. |
|||
|
|||
--> |
|||
<md-dialog aria-label="{{ 'edge.assign-to-customer' | translate }}"> |
|||
<form name="theForm" ng-submit="vm.assign()"> |
|||
<md-toolbar> |
|||
<div class="md-toolbar-tools"> |
|||
<h2 translate>edge.assign-edge-to-customer</h2> |
|||
<span flex></span> |
|||
<md-button class="md-icon-button" ng-click="vm.cancel()"> |
|||
<ng-md-icon icon="close" aria-label="{{ 'dialog.close' | translate }}"></ng-md-icon> |
|||
</md-button> |
|||
</div> |
|||
</md-toolbar> |
|||
<md-progress-linear class="md-warn" md-mode="indeterminate" ng-disabled="!$root.loading" ng-show="$root.loading"></md-progress-linear> |
|||
<span style="min-height: 5px;" flex="" ng-show="!$root.loading"></span> |
|||
<md-dialog-content> |
|||
<div class="md-dialog-content"> |
|||
<fieldset> |
|||
<span translate>edge.assign-edge-to-customer-text</span> |
|||
<md-input-container class="md-block" style='margin-bottom: 0px;'> |
|||
<label> </label> |
|||
<md-icon aria-label="{{ 'action.search' | translate }}" class="material-icons"> |
|||
search |
|||
</md-icon> |
|||
<input id="edge-search" autofocus ng-model="vm.searchText" |
|||
ng-change="vm.searchEdgeTextUpdated()" |
|||
placeholder="{{ 'common.enter-search' | translate }}"/> |
|||
</md-input-container> |
|||
<div style='min-height: 150px;'> |
|||
<span translate layout-align="center center" |
|||
style="text-transform: uppercase; display: flex; height: 150px;" |
|||
class="md-subhead" |
|||
ng-show="vm.noData()">edge.no-edges-text</span> |
|||
<md-virtual-repeat-container ng-show="vm.hasData()" |
|||
tb-scope-element="repeatContainer" md-top-index="vm.topIndex" flex |
|||
style='min-height: 150px; width: 100%;'> |
|||
<md-list> |
|||
<md-list-item md-virtual-repeat="edge in vm.theEdges" md-on-demand |
|||
class="repeated-item" flex> |
|||
<md-checkbox ng-click="vm.toggleEdgeSelection($event, edge)" |
|||
aria-label="{{ 'item.selected' | translate }}" |
|||
ng-checked="edge.selected"></md-checkbox> |
|||
<span> {{ edge.name }} </span> |
|||
</md-list-item> |
|||
</md-list> |
|||
</md-virtual-repeat-container> |
|||
</div> |
|||
</fieldset> |
|||
</div> |
|||
</md-dialog-content> |
|||
<md-dialog-actions layout="row"> |
|||
<span flex></span> |
|||
<md-button ng-disabled="$root.loading || vm.edges.selectedCount == 0" type="submit" |
|||
class="md-raised md-primary"> |
|||
{{ 'action.assign' | translate }} |
|||
</md-button> |
|||
<md-button ng-disabled="$root.loading" ng-click="vm.cancel()" style="margin-right:20px;">{{ 'action.cancel' | |
|||
translate }} |
|||
</md-button> |
|||
</md-dialog-actions> |
|||
</form> |
|||
</md-dialog> |
|||
@ -1,123 +0,0 @@ |
|||
/* |
|||
* Copyright © 2016-2020 The Thingsboard Authors |
|||
* |
|||
* 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. |
|||
*/ |
|||
/*@ngInject*/ |
|||
export default function AssignEdgeToCustomerController(customerService, edgeService, $mdDialog, $q, edgeIds, customers) { |
|||
|
|||
var vm = this; |
|||
|
|||
vm.customers = customers; |
|||
vm.searchText = ''; |
|||
|
|||
vm.assign = assign; |
|||
vm.cancel = cancel; |
|||
vm.isCustomerSelected = isCustomerSelected; |
|||
vm.hasData = hasData; |
|||
vm.noData = noData; |
|||
vm.searchCustomerTextUpdated = searchCustomerTextUpdated; |
|||
vm.toggleCustomerSelection = toggleCustomerSelection; |
|||
|
|||
vm.theCustomers = { |
|||
getItemAtIndex: function (index) { |
|||
if (index > vm.customers.data.length) { |
|||
vm.theCustomers.fetchMoreItems_(index); |
|||
return null; |
|||
} |
|||
var item = vm.customers.data[index]; |
|||
if (item) { |
|||
item.indexNumber = index + 1; |
|||
} |
|||
return item; |
|||
}, |
|||
|
|||
getLength: function () { |
|||
if (vm.customers.hasNext) { |
|||
return vm.customers.data.length + vm.customers.nextPageLink.limit; |
|||
} else { |
|||
return vm.customers.data.length; |
|||
} |
|||
}, |
|||
|
|||
fetchMoreItems_: function () { |
|||
if (vm.customers.hasNext && !vm.customers.pending) { |
|||
vm.customers.pending = true; |
|||
customerService.getCustomers(vm.customers.nextPageLink).then( |
|||
function success(customers) { |
|||
vm.customers.data = vm.customers.data.concat(customers.data); |
|||
vm.customers.nextPageLink = customers.nextPageLink; |
|||
vm.customers.hasNext = customers.hasNext; |
|||
if (vm.customers.hasNext) { |
|||
vm.customers.nextPageLink.limit = vm.customers.pageSize; |
|||
} |
|||
vm.customers.pending = false; |
|||
}, |
|||
function fail() { |
|||
vm.customers.hasNext = false; |
|||
vm.customers.pending = false; |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
function cancel() { |
|||
$mdDialog.cancel(); |
|||
} |
|||
|
|||
function assign() { |
|||
var tasks = []; |
|||
for (var i=0;i<edgeIds.length;i++) { |
|||
tasks.push(edgeService.assignEdgeToCustomer(vm.customers.selection.id.id, edgeIds[i])); |
|||
} |
|||
$q.all(tasks).then(function () { |
|||
$mdDialog.hide(); |
|||
}); |
|||
} |
|||
|
|||
function noData() { |
|||
return vm.customers.data.length == 0 && !vm.customers.hasNext; |
|||
} |
|||
|
|||
function hasData() { |
|||
return vm.customers.data.length > 0; |
|||
} |
|||
|
|||
function toggleCustomerSelection($event, customer) { |
|||
$event.stopPropagation(); |
|||
if (vm.isCustomerSelected(customer)) { |
|||
vm.customers.selection = null; |
|||
} else { |
|||
vm.customers.selection = customer; |
|||
} |
|||
} |
|||
|
|||
function isCustomerSelected(customer) { |
|||
return vm.customers.selection != null && customer && |
|||
customer.id.id === vm.customers.selection.id.id; |
|||
} |
|||
|
|||
function searchCustomerTextUpdated() { |
|||
vm.customers = { |
|||
pageSize: vm.customers.pageSize, |
|||
data: [], |
|||
nextPageLink: { |
|||
limit: vm.customers.pageSize, |
|||
textSearch: vm.searchText |
|||
}, |
|||
selection: null, |
|||
hasNext: true, |
|||
pending: false |
|||
}; |
|||
} |
|||
} |
|||
@ -1,76 +0,0 @@ |
|||
<!-- |
|||
|
|||
Copyright © 2016-2020 The Thingsboard Authors |
|||
|
|||
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. |
|||
|
|||
--> |
|||
<md-dialog aria-label="{{ 'edge.assign-edge-to-customer' | translate }}"> |
|||
<form name="theForm" ng-submit="vm.assign()"> |
|||
<md-toolbar> |
|||
<div class="md-toolbar-tools"> |
|||
<h2 translate>edge.assign-edge-to-customer</h2> |
|||
<span flex></span> |
|||
<md-button class="md-icon-button" ng-click="vm.cancel()"> |
|||
<ng-md-icon icon="close" aria-label="{{ 'dialog.close' | translate }}"></ng-md-icon> |
|||
</md-button> |
|||
</div> |
|||
</md-toolbar> |
|||
<md-progress-linear class="md-warn" md-mode="indeterminate" ng-disabled="!$root.loading" ng-show="$root.loading"></md-progress-linear> |
|||
<span style="min-height: 5px;" flex="" ng-show="!$root.loading"></span> |
|||
<md-dialog-content> |
|||
<div class="md-dialog-content"> |
|||
<fieldset> |
|||
<span translate>edge.assign-to-customer-text</span> |
|||
<md-input-container class="md-block" style='margin-bottom: 0px;'> |
|||
<label> </label> |
|||
<md-icon aria-label="{{ 'action.search' | translate }}" class="material-icons"> |
|||
search |
|||
</md-icon> |
|||
<input id="customer-search" autofocus ng-model="vm.searchText" |
|||
ng-change="vm.searchCustomerTextUpdated()" |
|||
placeholder="{{ 'common.enter-search' | translate }}"/> |
|||
</md-input-container> |
|||
<div style='min-height: 150px;'> |
|||
<span translate layout-align="center center" |
|||
style="text-transform: uppercase; display: flex; height: 150px;" |
|||
class="md-subhead" |
|||
ng-show="vm.noData()">customer.no-customers-text</span> |
|||
<md-virtual-repeat-container ng-show="vm.hasData()" |
|||
tb-scope-element="repeatContainer" md-top-index="vm.topIndex" flex |
|||
style='min-height: 150px; width: 100%;'> |
|||
<md-list> |
|||
<md-list-item md-virtual-repeat="customer in vm.theCustomers" md-on-demand |
|||
class="repeated-item" flex> |
|||
<md-checkbox ng-click="vm.toggleCustomerSelection($event, customer)" |
|||
aria-label="{{ 'item.selected' | translate }}" |
|||
ng-checked="vm.isCustomerSelected(customer)"></md-checkbox> |
|||
<span> {{ customer.title }} </span> |
|||
</md-list-item> |
|||
</md-list> |
|||
</md-virtual-repeat-container> |
|||
</div> |
|||
</fieldset> |
|||
</div> |
|||
</md-dialog-content> |
|||
<md-dialog-actions layout="row"> |
|||
<span flex></span> |
|||
<md-button ng-disabled="$root.loading || vm.customers.selection==null" type="submit" class="md-raised md-primary"> |
|||
{{ 'action.assign' | translate }} |
|||
</md-button> |
|||
<md-button ng-disabled="$root.loading" ng-click="vm.cancel()" style="margin-right:20px;">{{ 'action.cancel' | |
|||
translate }} |
|||
</md-button> |
|||
</md-dialog-actions> |
|||
</form> |
|||
</md-dialog> |
|||
@ -1,23 +0,0 @@ |
|||
<!-- |
|||
|
|||
Copyright © 2016-2020 The Thingsboard Authors |
|||
|
|||
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. |
|||
|
|||
--> |
|||
<div flex layout="column"> |
|||
<div style="text-transform: uppercase; padding-bottom: 5px;">{{vm.item.type}}</div> |
|||
<div class="tb-card-description">{{vm.item.additionalInfo.description}}</div> |
|||
<div style="padding-top: 5px;" class="tb-small" ng-show="vm.isAssignedToCustomer()">{{'edge.assigned-to-customer' | translate}} '{{vm.item.assignedCustomer.title}}'</div> |
|||
<div style="padding-top: 5px;" class="tb-small" ng-show="vm.isPublic()">{{'edge.public' | translate}}</div> |
|||
</div> |
|||
@ -1,152 +0,0 @@ |
|||
<!-- |
|||
|
|||
Copyright © 2016-2020 The Thingsboard Authors |
|||
|
|||
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. |
|||
|
|||
--> |
|||
<md-button ng-click="onAssignToCustomer({event: $event})" |
|||
ng-show="!isEdit && edgeScope === 'tenant' && !isAssignedToCustomer" |
|||
class="md-raised md-primary">{{ 'edge.assign-to-customer' | translate }}</md-button> |
|||
<md-button ng-click="onUnassignFromCustomer({event: $event, isPublic: isPublic})" |
|||
ng-show="!isEdit && (edgeScope === 'customer' || edgeScope === 'tenant') && isAssignedToCustomer" |
|||
class="md-raised md-primary">{{ isPublic ? 'edge.make-private' : 'edge.unassign-from-customer' | translate }}</md-button> |
|||
<md-button ng-click="onManageEdgeAssets({event: $event})" |
|||
ng-show="!isEdit && edgeScope === 'tenant'" |
|||
class="md-raised md-primary">{{ 'edge.manage-edge-assets' | translate }}</md-button> |
|||
<md-button ng-click="onManageEdgeDevices({event: $event})" |
|||
ng-show="!isEdit && edgeScope === 'tenant'" |
|||
class="md-raised md-primary">{{ 'edge.manage-edge-devices' | translate }}</md-button> |
|||
<md-button ng-click="onManageEdgeEntityViews({event: $event})" |
|||
ng-show="!isEdit && edgeScope === 'tenant'" |
|||
class="md-raised md-primary">{{ 'edge.manage-edge-entity-views' | translate }}</md-button> |
|||
<md-button ng-click="onManageEdgeDashboards({event: $event})" |
|||
ng-show="!isEdit && edgeScope === 'tenant'" |
|||
class="md-raised md-primary">{{ 'edge.manage-edge-dashboards' | translate }}</md-button> |
|||
<md-button ng-click="onManageEdgeRuleChains({event: $event})" |
|||
ng-show="!isEdit && edgeScope === 'tenant'" |
|||
class="md-raised md-primary">{{ 'edge.manage-edge-rulechains' | translate }}</md-button> |
|||
<md-button ng-click="onDeleteEdge({event: $event})" |
|||
ng-show="!isEdit && edgeScope === 'tenant'" |
|||
class="md-raised md-primary">{{ 'edge.delete' | translate }}</md-button> |
|||
|
|||
<div layout="row"> |
|||
<md-button ngclipboard data-clipboard-action="copy" |
|||
ngclipboard-success="onEdgeIdCopied()" |
|||
data-clipboard-text="{{edge.id.id}}" ng-show="!isEdit" |
|||
class="md-raised"> |
|||
<md-icon md-svg-icon="mdi:clipboard-arrow-left"></md-icon> |
|||
<span translate>edge.copy-id</span> |
|||
</md-button> |
|||
<md-button ngclipboard data-clipboard-action="copy" |
|||
ngclipboard-success="onEdgeInfoCopied('key')" |
|||
data-clipboard-text="{{edge.routingKey}}" ng-show="!isEdit" |
|||
class="md-raised"> |
|||
<md-icon md-svg-icon="mdi:clipboard-arrow-left"></md-icon> |
|||
<span translate>edge.copy-edge-key</span> |
|||
</md-button> |
|||
<md-button ngclipboard data-clipboard-action="copy" |
|||
ngclipboard-success="onEdgeInfoCopied('secret')" |
|||
data-clipboard-text="{{edge.secret}}" ng-show="!isEdit" |
|||
class="md-raised"> |
|||
<md-icon md-svg-icon="mdi:clipboard-arrow-left"></md-icon> |
|||
<span translate>edge.copy-edge-secret</span> |
|||
</md-button> |
|||
<md-button ng-click="onEdgeSync(edge.id)" |
|||
ng-show="!isEdit" |
|||
class="md-raised"> |
|||
<md-icon md-svg-icon="mdi:sync"></md-icon> |
|||
<span translate>edge.sync</span> |
|||
</md-button> |
|||
</div> |
|||
|
|||
<md-content class="md-padding" layout="column"> |
|||
<md-input-container class="md-block" |
|||
ng-show="!isEdit && isAssignedToCustomer && !isPublic && edgeScope === 'tenant'"> |
|||
<label translate>edge.assigned-to-customer</label> |
|||
<input ng-model="assignedCustomer.title" disabled> |
|||
</md-input-container> |
|||
<div class="tb-small" style="padding-bottom: 10px; padding-left: 2px;" |
|||
ng-show="!isEdit && isPublic && (edgeScope === 'customer' || edgeScope === 'tenant')"> |
|||
{{ 'edge.edge-public' | translate }} |
|||
</div> |
|||
<fieldset ng-disabled="$root.loading || !isEdit"> |
|||
<md-input-container class="md-block"> |
|||
<label translate>edge.name</label> |
|||
<input required name="name" ng-model="edge.name"> |
|||
<div ng-messages="theForm.name.$error"> |
|||
<div translate ng-message="required">edge.name-required</div> |
|||
</div> |
|||
</md-input-container> |
|||
<tb-entity-subtype-autocomplete |
|||
ng-disabled="$root.loading || !isEdit" |
|||
tb-required="true" |
|||
the-form="theForm" |
|||
ng-model="edge.type" |
|||
entity-type="types.entityType.edge"> |
|||
</tb-entity-subtype-autocomplete> |
|||
<md-input-container class="md-block"> |
|||
<label translate>edge.label</label> |
|||
<input name="label" ng-model="edge.label"> |
|||
</md-input-container> |
|||
<md-input-container class="md-block"> |
|||
<label translate>edge.description</label> |
|||
<textarea ng-model="edge.additionalInfo.description" rows="2"></textarea> |
|||
</md-input-container> |
|||
<md-input-container class="md-block"> |
|||
<label translate>edge.edge-license-key</label> |
|||
<input required name="edgeLicenseKey" ng-model="edge.edgeLicenseKey"> |
|||
<div ng-messages="theForm.edgeLicenseKey.$error"> |
|||
<div translate ng-message="required">edge.edge-license-key-required</div> |
|||
</div> |
|||
</md-input-container> |
|||
<md-input-container class="md-block"> |
|||
<label translate>edge.cloud-endpoint</label> |
|||
<input required name="cloudEndpoint" ng-model="edge.cloudEndpoint"> |
|||
<div ng-messages="theForm.cloudEndpoint.$error"> |
|||
<div translate ng-message="required">edge.cloud-endpoint-required</div> |
|||
</div> |
|||
</md-input-container> |
|||
</fieldset> |
|||
<div layout="row"> |
|||
|
|||
<md-input-container class="md-block" flex> |
|||
<label translate>edge.edge-key</label> |
|||
<input ng-model="edge.routingKey" disabled> |
|||
</md-input-container> |
|||
<md-button class="md-icon-button" style="margin-top: 14px;" |
|||
ngclipboard data-clipboard-action="copy" |
|||
ngclipboard-success="onEdgeInfoCopied('key')" |
|||
data-clipboard-text="{{edge.routingKey}}"> |
|||
<md-icon md-svg-icon="mdi:clipboard-arrow-left"></md-icon> |
|||
<md-tooltip md-direction="top"> |
|||
{{ 'edge.copy-edge-key' | translate }} |
|||
</md-tooltip> |
|||
</md-button> |
|||
</div> |
|||
<div layout="row"> |
|||
<md-input-container class="md-block" flex> |
|||
<label translate>edge.edge-secret</label> |
|||
<input ng-model="edge.secret" disabled> |
|||
</md-input-container> |
|||
<md-button class="md-icon-button" style="margin-top: 14px;" |
|||
ngclipboard data-clipboard-action="copy" |
|||
data-clipboard-text="{{edge.secret}}" |
|||
ngclipboard-success="onEdgeInfoCopied('secret')"> |
|||
<md-icon md-svg-icon="mdi:clipboard-arrow-left"></md-icon> |
|||
<md-tooltip md-direction="top"> |
|||
{{ 'edge.copy-edge-secret' | translate }} |
|||
</md-tooltip> |
|||
</md-button> |
|||
</div> |
|||
</md-content> |
|||
@ -1,695 +0,0 @@ |
|||
/* |
|||
* Copyright © 2016-2020 The Thingsboard Authors |
|||
* |
|||
* 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. |
|||
*/ |
|||
/* eslint-disable import/no-unresolved, import/default */ |
|||
|
|||
import addEdgeTemplate from './add-edge.tpl.html'; |
|||
import edgeCard from './edge-card.tpl.html'; |
|||
import assignToCustomerTemplate from './assign-to-customer.tpl.html'; |
|||
import addEdgesToCustomerTemplate from './add-edges-to-customer.tpl.html'; |
|||
import setRootRuleChainToEdgesTemplate from './set-root-rulechain-to-edges.tpl.html'; |
|||
|
|||
/* eslint-enable import/no-unresolved, import/default */ |
|||
|
|||
/*@ngInject*/ |
|||
export function EdgeCardController(types) { |
|||
|
|||
var vm = this; |
|||
|
|||
vm.types = types; |
|||
|
|||
vm.isAssignedToCustomer = function() { |
|||
if (vm.item && vm.item.customerId && vm.parentCtl.edgesScope === 'tenant' && |
|||
vm.item.customerId.id != vm.types.id.nullUid && !vm.item.assignedCustomer.isPublic) { |
|||
return true; |
|||
} |
|||
return false; |
|||
} |
|||
|
|||
vm.isPublic = function() { |
|||
if (vm.item && vm.item.assignedCustomer && vm.parentCtl.edgesScope === 'tenant' && vm.item.assignedCustomer.isPublic) { |
|||
return true; |
|||
} |
|||
return false; |
|||
} |
|||
} |
|||
|
|||
|
|||
/*@ngInject*/ |
|||
export function EdgeController($rootScope, userService, edgeService, customerService, ruleChainService, |
|||
$state, $stateParams, $document, $mdDialog, $q, $translate, types, importExport) { |
|||
|
|||
var customerId = $stateParams.customerId; |
|||
|
|||
var edgeActionsList = []; |
|||
|
|||
var edgeGroupActionsList = []; |
|||
|
|||
var edgeAddItemActionsList = [ |
|||
{ |
|||
onAction: function ($event) { |
|||
vm.grid.addItem($event); |
|||
}, |
|||
name: function() { return $translate.instant('action.add') }, |
|||
details: function() { return $translate.instant('edge.add-edge-text') }, |
|||
icon: "insert_drive_file" |
|||
}, |
|||
{ |
|||
onAction: function ($event) { |
|||
importExport.importEntities($event, types.entityType.edge).then( |
|||
function() { |
|||
vm.grid.refreshList(); |
|||
} |
|||
); |
|||
}, |
|||
name: function() { return $translate.instant('action.import') }, |
|||
details: function() { return $translate.instant('edge.import') }, |
|||
icon: "file_upload" |
|||
} |
|||
]; |
|||
|
|||
var vm = this; |
|||
|
|||
vm.types = types; |
|||
|
|||
vm.edgeGridConfig = { |
|||
deleteItemTitleFunc: deleteEdgeTitle, |
|||
deleteItemContentFunc: deleteEdgeText, |
|||
deleteItemsTitleFunc: deleteEdgesTitle, |
|||
deleteItemsActionTitleFunc: deleteEdgesActionTitle, |
|||
deleteItemsContentFunc: deleteEdgesText, |
|||
|
|||
saveItemFunc: saveEdge, |
|||
|
|||
getItemTitleFunc: getEdgeTitle, |
|||
|
|||
itemCardController: 'EdgeCardController', |
|||
itemCardTemplateUrl: edgeCard, |
|||
parentCtl: vm, |
|||
|
|||
actionsList: edgeActionsList, |
|||
groupActionsList: edgeGroupActionsList, |
|||
addItemActions: edgeAddItemActionsList, |
|||
|
|||
onGridInited: gridInited, |
|||
|
|||
addItemTemplateUrl: addEdgeTemplate, |
|||
|
|||
addItemText: function() { return $translate.instant('edge.add-edge-text') }, |
|||
noItemsText: function() { return $translate.instant('edge.no-edges-text') }, |
|||
itemDetailsText: function() { return $translate.instant('edge.edge-details') }, |
|||
isDetailsReadOnly: isCustomerUser, |
|||
isSelectionEnabled: function () { |
|||
return !isCustomerUser(); |
|||
} |
|||
}; |
|||
|
|||
if (angular.isDefined($stateParams.items) && $stateParams.items !== null) { |
|||
vm.edgeGridConfig.items = $stateParams.items; |
|||
} |
|||
|
|||
if (angular.isDefined($stateParams.topIndex) && $stateParams.topIndex > 0) { |
|||
vm.edgeGridConfig.topIndex = $stateParams.topIndex; |
|||
} |
|||
|
|||
vm.edgesScope = $state.$current.data.edgesType; |
|||
|
|||
vm.assignToCustomer = assignToCustomer; |
|||
vm.makePublic = makePublic; |
|||
vm.unassignFromCustomer = unassignFromCustomer; |
|||
vm.openEdgeAssets = openEdgeAssets; |
|||
vm.openEdgeDevices = openEdgeDevices; |
|||
vm.openEdgeEntityViews = openEdgeEntityViews; |
|||
vm.openEdgeDashboards = openEdgeDashboards; |
|||
vm.openEdgeRuleChains = openEdgeRuleChains; |
|||
|
|||
initController(); |
|||
|
|||
function initController() { |
|||
var fetchEdgesFunction = null; |
|||
var deleteEdgeFunction = null; |
|||
var refreshEdgesParamsFunction = null; |
|||
|
|||
var user = userService.getCurrentUser(); |
|||
|
|||
if (user.authority === 'CUSTOMER_USER') { |
|||
vm.edgesScope = 'customer_user'; |
|||
customerId = user.customerId; |
|||
} |
|||
if (customerId) { |
|||
vm.customerEdgesTitle = $translate.instant('customer.edges'); |
|||
customerService.getShortCustomerInfo(customerId).then( |
|||
function success(info) { |
|||
if (info.isPublic) { |
|||
vm.customerEdgesTitle = $translate.instant('customer.public-edges'); |
|||
} |
|||
} |
|||
); |
|||
} |
|||
|
|||
if (vm.edgesScope === 'tenant') { |
|||
fetchEdgesFunction = function (pageLink, edgeType) { |
|||
return edgeService.getTenantEdges(pageLink, true, null, edgeType); |
|||
}; |
|||
deleteEdgeFunction = function (edgeId) { |
|||
return edgeService.deleteEdge(edgeId); |
|||
}; |
|||
refreshEdgesParamsFunction = function() { |
|||
return {"topIndex": vm.topIndex}; |
|||
}; |
|||
|
|||
edgeActionsList.push({ |
|||
onAction: function ($event, item) { |
|||
makePublic($event, item); |
|||
}, |
|||
name: function() { return $translate.instant('action.share') }, |
|||
details: function() { return $translate.instant('edge.make-public') }, |
|||
icon: "share", |
|||
isEnabled: function(edge) { |
|||
return edge && (!edge.customerId || edge.customerId.id === types.id.nullUid); |
|||
} |
|||
}); |
|||
|
|||
edgeActionsList.push( |
|||
{ |
|||
onAction: function ($event, item) { |
|||
assignToCustomer($event, [ item.id.id ]); |
|||
}, |
|||
name: function() { return $translate.instant('action.assign') }, |
|||
details: function() { return $translate.instant('edge.assign-to-customer') }, |
|||
icon: "assignment_ind", |
|||
isEnabled: function(edge) { |
|||
return edge && (!edge.customerId || edge.customerId.id === types.id.nullUid); |
|||
} |
|||
} |
|||
); |
|||
|
|||
edgeActionsList.push( |
|||
{ |
|||
onAction: function ($event, item) { |
|||
unassignFromCustomer($event, item, false); |
|||
}, |
|||
name: function() { return $translate.instant('action.unassign') }, |
|||
details: function() { return $translate.instant('edge.unassign-from-customer') }, |
|||
icon: "assignment_return", |
|||
isEnabled: function(edge) { |
|||
return edge && edge.customerId && edge.customerId.id !== types.id.nullUid && !edge.assignedCustomer.isPublic; |
|||
} |
|||
} |
|||
); |
|||
|
|||
edgeActionsList.push({ |
|||
onAction: function ($event, item) { |
|||
unassignFromCustomer($event, item, true); |
|||
}, |
|||
name: function() { return $translate.instant('action.make-private') }, |
|||
details: function() { return $translate.instant('edge.make-private') }, |
|||
icon: "reply", |
|||
isEnabled: function(edge) { |
|||
return edge && edge.customerId && edge.customerId.id !== types.id.nullUid && edge.assignedCustomer.isPublic; |
|||
} |
|||
}); |
|||
|
|||
edgeActionsList.push( |
|||
{ |
|||
onAction: function ($event, item) { |
|||
openEdgeAssets($event, item); |
|||
}, |
|||
name: function() { return $translate.instant('asset.assets') }, |
|||
details: function() { |
|||
return $translate.instant('edge.manage-edge-assets'); |
|||
}, |
|||
icon: "domain" |
|||
} |
|||
); |
|||
|
|||
edgeActionsList.push( |
|||
{ |
|||
onAction: function ($event, item) { |
|||
openEdgeDevices($event, item); |
|||
}, |
|||
name: function() { return $translate.instant('device.devices') }, |
|||
details: function() { |
|||
return $translate.instant('edge.manage-edge-devices'); |
|||
}, |
|||
icon: "devices_other" |
|||
} |
|||
); |
|||
|
|||
edgeActionsList.push( |
|||
{ |
|||
onAction: function ($event, item) { |
|||
openEdgeEntityViews($event, item); |
|||
}, |
|||
name: function() { return $translate.instant('entity-view.entity-views') }, |
|||
details: function() { |
|||
return $translate.instant('edge.manage-edge-entity-views'); |
|||
}, |
|||
icon: "view_quilt" |
|||
} |
|||
); |
|||
|
|||
edgeActionsList.push( |
|||
{ |
|||
onAction: function ($event, item) { |
|||
openEdgeDashboards($event, item); |
|||
}, |
|||
name: function() { return $translate.instant('dashboard.dashboards') }, |
|||
details: function() { |
|||
return $translate.instant('edge.manage-edge-dashboards'); |
|||
}, |
|||
icon: "dashboard" |
|||
} |
|||
); |
|||
|
|||
edgeActionsList.push( |
|||
{ |
|||
onAction: function ($event, item) { |
|||
openEdgeRuleChains($event, item); |
|||
}, |
|||
name: function() { return $translate.instant('rulechain.rulechains') }, |
|||
details: function() { |
|||
return $translate.instant('edge.manage-edge-rulechains'); |
|||
}, |
|||
icon: "code" |
|||
} |
|||
); |
|||
|
|||
edgeActionsList.push( |
|||
{ |
|||
onAction: function ($event, item) { |
|||
vm.grid.deleteItem($event, item); |
|||
}, |
|||
name: function() { return $translate.instant('action.delete') }, |
|||
details: function() { return $translate.instant('edge.delete') }, |
|||
icon: "delete" |
|||
} |
|||
); |
|||
|
|||
edgeGroupActionsList.push( |
|||
{ |
|||
onAction: function ($event, items) { |
|||
setRootRuleChainToEdges($event, items); |
|||
}, |
|||
name: function() { return $translate.instant('edge.set-rootrule-chain-to-edges') }, |
|||
details: function(selectedCount) { |
|||
return $translate.instant('edge.set-root-rulechain-to-edges-text', {count: selectedCount}, "messageformat"); |
|||
}, |
|||
icon: "flag" |
|||
} |
|||
); |
|||
|
|||
edgeGroupActionsList.push( |
|||
{ |
|||
onAction: function ($event, items) { |
|||
assignEdgesToCustomer($event, items); |
|||
}, |
|||
name: function() { return $translate.instant('edge.assign-edges') }, |
|||
details: function(selectedCount) { |
|||
return $translate.instant('edge.assign-edges-text', {count: selectedCount}, "messageformat"); |
|||
}, |
|||
icon: "assignment_ind" |
|||
} |
|||
); |
|||
|
|||
edgeGroupActionsList.push( |
|||
{ |
|||
onAction: function ($event) { |
|||
vm.grid.deleteItems($event); |
|||
}, |
|||
name: function() { return $translate.instant('edge.delete-edges') }, |
|||
details: deleteEdgesActionTitle, |
|||
icon: "delete" |
|||
} |
|||
); |
|||
|
|||
} else if (vm.edgesScope === 'customer' || vm.edgesScope === 'customer_user') { |
|||
fetchEdgesFunction = function (pageLink, edgeType) { |
|||
return edgeService.getCustomerEdges(customerId, pageLink, true, null, edgeType); |
|||
}; |
|||
deleteEdgeFunction = function (edgeId) { |
|||
return edgeService.unassignEdgeFromCustomer(edgeId); |
|||
}; |
|||
refreshEdgesParamsFunction = function () { |
|||
return {"customerId": customerId, "topIndex": vm.topIndex}; |
|||
}; |
|||
|
|||
if (vm.edgesScope === 'customer') { |
|||
edgeActionsList.push( |
|||
{ |
|||
onAction: function ($event, item) { |
|||
unassignFromCustomer($event, item, false); |
|||
}, |
|||
name: function() { return $translate.instant('action.unassign') }, |
|||
details: function() { return $translate.instant('edge.unassign-from-customer') }, |
|||
icon: "assignment_return", |
|||
isEnabled: function(edge) { |
|||
return edge && !edge.assignedCustomer.isPublic; |
|||
} |
|||
} |
|||
); |
|||
edgeActionsList.push( |
|||
{ |
|||
onAction: function ($event, item) { |
|||
unassignFromCustomer($event, item, true); |
|||
}, |
|||
name: function() { return $translate.instant('action.make-private') }, |
|||
details: function() { return $translate.instant('edge.make-private') }, |
|||
icon: "reply", |
|||
isEnabled: function(edge) { |
|||
return edge && edge.assignedCustomer.isPublic; |
|||
} |
|||
} |
|||
); |
|||
|
|||
edgeGroupActionsList.push( |
|||
{ |
|||
onAction: function ($event, items) { |
|||
unassignEdgesFromCustomer($event, items); |
|||
}, |
|||
name: function() { return $translate.instant('edge.unassign-edges') }, |
|||
details: function(selectedCount) { |
|||
return $translate.instant('edge.unassign-edges-action-title', {count: selectedCount}, "messageformat"); |
|||
}, |
|||
icon: "assignment_return" |
|||
} |
|||
); |
|||
|
|||
vm.edgeGridConfig.addItemAction = { |
|||
onAction: function ($event) { |
|||
addEdgesToCustomer($event); |
|||
}, |
|||
name: function() { return $translate.instant('edge.assign-edges') }, |
|||
details: function() { return $translate.instant('edge.assign-new-edge') }, |
|||
icon: "add" |
|||
}; |
|||
|
|||
|
|||
} else if (vm.edgesScope === 'customer_user') { |
|||
vm.edgeGridConfig.addItemAction = {}; |
|||
} |
|||
vm.edgeGridConfig.addItemActions = []; |
|||
|
|||
} |
|||
|
|||
vm.edgeGridConfig.refreshParamsFunc = refreshEdgesParamsFunction; |
|||
vm.edgeGridConfig.fetchItemsFunc = fetchEdgesFunction; |
|||
vm.edgeGridConfig.deleteItemFunc = deleteEdgeFunction; |
|||
|
|||
} |
|||
|
|||
function deleteEdgeTitle(edge) { |
|||
return $translate.instant('edge.delete-edge-title', {edgeName: edge.name}); |
|||
} |
|||
|
|||
function deleteEdgeText() { |
|||
return $translate.instant('edge.delete-edge-text'); |
|||
} |
|||
|
|||
function deleteEdgesTitle(selectedCount) { |
|||
return $translate.instant('edge.delete-edges-title', {count: selectedCount}, 'messageformat'); |
|||
} |
|||
|
|||
function deleteEdgesActionTitle(selectedCount) { |
|||
return $translate.instant('edge.delete-edges-action-title', {count: selectedCount}, 'messageformat'); |
|||
} |
|||
|
|||
function deleteEdgesText () { |
|||
return $translate.instant('edge.delete-edges-text'); |
|||
} |
|||
|
|||
function gridInited(grid) { |
|||
vm.grid = grid; |
|||
} |
|||
|
|||
function getEdgeTitle(edge) { |
|||
return edge ? edge.name : ''; |
|||
} |
|||
|
|||
function saveEdge(edge) { |
|||
var deferred = $q.defer(); |
|||
edgeService.saveEdge(edge).then( |
|||
function success(savedEdge) { |
|||
$rootScope.$broadcast('edgeSaved'); |
|||
var edges = [ savedEdge ]; |
|||
customerService.applyAssignedCustomersInfo(edges).then( |
|||
function success(items) { |
|||
if (items && items.length == 1) { |
|||
deferred.resolve(items[0]); |
|||
} else { |
|||
deferred.reject(); |
|||
} |
|||
}, |
|||
function fail() { |
|||
deferred.reject(); |
|||
} |
|||
); |
|||
}, |
|||
function fail() { |
|||
deferred.reject(); |
|||
} |
|||
); |
|||
return deferred.promise; |
|||
} |
|||
|
|||
function isCustomerUser() { |
|||
return vm.edgesScope === 'customer_user'; |
|||
} |
|||
|
|||
function assignToCustomer($event, edgeIds) { |
|||
if ($event) { |
|||
$event.stopPropagation(); |
|||
} |
|||
var pageSize = 10; |
|||
customerService.getCustomers({limit: pageSize, textSearch: ''}).then( |
|||
function success(_customers) { |
|||
var customers = { |
|||
pageSize: pageSize, |
|||
data: _customers.data, |
|||
nextPageLink: _customers.nextPageLink, |
|||
selection: null, |
|||
hasNext: _customers.hasNext, |
|||
pending: false |
|||
}; |
|||
if (customers.hasNext) { |
|||
customers.nextPageLink.limit = pageSize; |
|||
} |
|||
$mdDialog.show({ |
|||
controller: 'AssignEdgeToCustomerController', |
|||
controllerAs: 'vm', |
|||
templateUrl: assignToCustomerTemplate, |
|||
locals: {edgeIds: edgeIds, customers: customers}, |
|||
parent: angular.element($document[0].body), |
|||
fullscreen: true, |
|||
targetEvent: $event |
|||
}).then(function () { |
|||
vm.grid.refreshList(); |
|||
}, function () { |
|||
}); |
|||
}, |
|||
function fail() { |
|||
}); |
|||
} |
|||
|
|||
function addEdgesToCustomer($event) { |
|||
if ($event) { |
|||
$event.stopPropagation(); |
|||
} |
|||
var pageSize = 10; |
|||
edgeService.getTenantEdges({limit: pageSize, textSearch: ''}, false).then( |
|||
function success(_edges) { |
|||
var edges = { |
|||
pageSize: pageSize, |
|||
data: _edges.data, |
|||
nextPageLink: _edges.nextPageLink, |
|||
selections: {}, |
|||
selectedCount: 0, |
|||
hasNext: _edges.hasNext, |
|||
pending: false |
|||
}; |
|||
if (edges.hasNext) { |
|||
edges.nextPageLink.limit = pageSize; |
|||
} |
|||
$mdDialog.show({ |
|||
controller: 'AddEdgesToCustomerController', |
|||
controllerAs: 'vm', |
|||
templateUrl: addEdgesToCustomerTemplate, |
|||
locals: {customerId: customerId, edges: edges}, |
|||
parent: angular.element($document[0].body), |
|||
fullscreen: true, |
|||
targetEvent: $event |
|||
}).then(function () { |
|||
vm.grid.refreshList(); |
|||
}, function () { |
|||
}); |
|||
}, |
|||
function fail() { |
|||
}); |
|||
} |
|||
|
|||
function setRootRuleChainToEdges($event, items) { |
|||
var edgeIds = []; |
|||
for (var id in items.selections) { |
|||
edgeIds.push(id); |
|||
} |
|||
setRootRuleChain($event, edgeIds); |
|||
} |
|||
|
|||
function setRootRuleChain($event, edgeIds) { |
|||
if ($event) { |
|||
$event.stopPropagation(); |
|||
} |
|||
var pageSize = 10; |
|||
ruleChainService.getEdgesRuleChains({limit: pageSize, textSearch: ''}).then( |
|||
function success(_ruleChains) { |
|||
var ruleChains = { |
|||
pageSize: pageSize, |
|||
data: _ruleChains.data, |
|||
nextPageLink: _ruleChains.nextPageLink, |
|||
selection: null, |
|||
hasNext: _ruleChains.hasNext, |
|||
pending: false |
|||
}; |
|||
if (ruleChains.hasNext) { |
|||
ruleChains.nextPageLink.limit = pageSize; |
|||
} |
|||
$mdDialog.show({ |
|||
controller: 'SetRootRuleChainToEdgesController', |
|||
controllerAs: 'vm', |
|||
templateUrl: setRootRuleChainToEdgesTemplate, |
|||
locals: {edgeIds: edgeIds, ruleChains: ruleChains}, |
|||
parent: angular.element($document[0].body), |
|||
fullscreen: true, |
|||
targetEvent: $event |
|||
}).then(function () { |
|||
vm.grid.refreshList(); |
|||
}, function () { |
|||
}); |
|||
}, |
|||
function fail() { |
|||
}); |
|||
} |
|||
|
|||
function assignEdgesToCustomer($event, items) { |
|||
var edgeIds = []; |
|||
for (var id in items.selections) { |
|||
edgeIds.push(id); |
|||
} |
|||
assignToCustomer($event, edgeIds); |
|||
} |
|||
|
|||
function unassignFromCustomer($event, edge, isPublic) { |
|||
if ($event) { |
|||
$event.stopPropagation(); |
|||
} |
|||
var title; |
|||
var content; |
|||
var label; |
|||
if (isPublic) { |
|||
title = $translate.instant('edge.make-private-edge-title', {edgeName: edge.name}); |
|||
content = $translate.instant('edge.make-private-edge-text'); |
|||
label = $translate.instant('edge.make-private'); |
|||
} else { |
|||
title = $translate.instant('edge.unassign-edge-title', {edgeName: edge.name}); |
|||
content = $translate.instant('edge.unassign-edge-text'); |
|||
label = $translate.instant('edge.unassign-edge'); |
|||
} |
|||
var confirm = $mdDialog.confirm() |
|||
.targetEvent($event) |
|||
.title(title) |
|||
.htmlContent(content) |
|||
.ariaLabel(label) |
|||
.cancel($translate.instant('action.no')) |
|||
.ok($translate.instant('action.yes')); |
|||
$mdDialog.show(confirm).then(function () { |
|||
edgeService.unassignEdgeFromCustomer(edge.id.id).then(function success() { |
|||
vm.grid.refreshList(); |
|||
}); |
|||
}); |
|||
} |
|||
|
|||
function unassignEdgesFromCustomer($event, items) { |
|||
var confirm = $mdDialog.confirm() |
|||
.targetEvent($event) |
|||
.title($translate.instant('edge.unassign-edges-title', {count: items.selectedCount}, 'messageformat')) |
|||
.htmlContent($translate.instant('edge.unassign-edges-text')) |
|||
.ariaLabel($translate.instant('edge.unassign-edge')) |
|||
.cancel($translate.instant('action.no')) |
|||
.ok($translate.instant('action.yes')); |
|||
$mdDialog.show(confirm).then(function () { |
|||
var tasks = []; |
|||
for (var id in items.selections) { |
|||
tasks.push(edgeService.unassignEdgeFromCustomer(id)); |
|||
} |
|||
$q.all(tasks).then(function () { |
|||
vm.grid.refreshList(); |
|||
}); |
|||
}); |
|||
} |
|||
|
|||
function makePublic($event, edge) { |
|||
if ($event) { |
|||
$event.stopPropagation(); |
|||
} |
|||
var confirm = $mdDialog.confirm() |
|||
.targetEvent($event) |
|||
.title($translate.instant('edge.make-public-edge-title', {edgeName: edge.name})) |
|||
.htmlContent($translate.instant('edge.make-public-edge-text')) |
|||
.ariaLabel($translate.instant('edge.make-public')) |
|||
.cancel($translate.instant('action.no')) |
|||
.ok($translate.instant('action.yes')); |
|||
$mdDialog.show(confirm).then(function () { |
|||
edgeService.makeEdgePublic(edge.id.id).then(function success() { |
|||
vm.grid.refreshList(); |
|||
}); |
|||
}); |
|||
} |
|||
|
|||
function openEdgeDashboards($event, edge) { |
|||
if ($event) { |
|||
$event.stopPropagation(); |
|||
} |
|||
$state.go('home.edges.dashboards', {edgeId: edge.id.id}); |
|||
} |
|||
|
|||
function openEdgeRuleChains($event, edge) { |
|||
if ($event) { |
|||
$event.stopPropagation(); |
|||
} |
|||
$state.go('home.edges.ruleChains', {edgeId: edge.id.id}); |
|||
} |
|||
|
|||
function openEdgeAssets($event, edge) { |
|||
if ($event) { |
|||
$event.stopPropagation(); |
|||
} |
|||
$state.go('home.edges.assets', {edgeId: edge.id.id}); |
|||
} |
|||
|
|||
function openEdgeDevices($event, edge) { |
|||
if ($event) { |
|||
$event.stopPropagation(); |
|||
} |
|||
$state.go('home.edges.devices', {edgeId: edge.id.id}); |
|||
} |
|||
|
|||
function openEdgeEntityViews($event, edge) { |
|||
if ($event) { |
|||
$event.stopPropagation(); |
|||
} |
|||
$state.go('home.edges.entityViews', {edgeId: edge.id.id}); |
|||
} |
|||
|
|||
} |
|||
@ -1,118 +0,0 @@ |
|||
/* |
|||
* Copyright © 2016-2020 The Thingsboard Authors |
|||
* |
|||
* 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. |
|||
*/ |
|||
/* eslint-disable import/no-unresolved, import/default */ |
|||
|
|||
import edgeFieldsetTemplate from './edge-fieldset.tpl.html'; |
|||
|
|||
/* eslint-enable import/no-unresolved, import/default */ |
|||
|
|||
/*@ngInject*/ |
|||
export default function EdgeDirective($compile, $templateCache, $translate, $mdDialog, $document, utils, toast, types, customerService, edgeService) { |
|||
var linker = function (scope, element) { |
|||
var template = $templateCache.get(edgeFieldsetTemplate); |
|||
element.html(template); |
|||
|
|||
scope.types = types; |
|||
scope.isAssignedToCustomer = false; |
|||
scope.isPublic = false; |
|||
scope.assignedCustomer = null; |
|||
|
|||
scope.$watch('edge', function(newVal) { |
|||
if (newVal) { |
|||
if (!scope.edge.id) { |
|||
scope.edge.routingKey = utils.guid(''); |
|||
scope.edge.secret = generateSecret(20); |
|||
scope.edge.cloudEndpoint = utils.baseUrl(); |
|||
} |
|||
if (scope.edge.customerId && scope.edge.customerId.id !== types.id.nullUid) { |
|||
scope.isAssignedToCustomer = true; |
|||
customerService.getShortCustomerInfo(scope.edge.customerId.id).then( |
|||
function success(customer) { |
|||
scope.assignedCustomer = customer; |
|||
scope.isPublic = customer.isPublic; |
|||
} |
|||
); |
|||
} else { |
|||
scope.isAssignedToCustomer = false; |
|||
scope.isPublic = false; |
|||
scope.assignedCustomer = null; |
|||
} |
|||
} |
|||
}); |
|||
|
|||
function generateSecret(length) { |
|||
if (angular.isUndefined(length) || length == null) { |
|||
length = 1; |
|||
} |
|||
var l = length > 10 ? 10 : length; |
|||
var str = Math.random().toString(36).substr(2, l); |
|||
if(str.length >= length){ |
|||
return str; |
|||
} |
|||
return str.concat(generateSecret(length - str.length)); |
|||
} |
|||
|
|||
scope.onEdgeIdCopied = function() { |
|||
toast.showSuccess($translate.instant('edge.id-copied-message'), 750, angular.element(element).parent().parent(), 'bottom left'); |
|||
}; |
|||
|
|||
scope.onEdgeSync = function (edgeId) { |
|||
edgeService.syncEdge(edgeId).then( |
|||
function success() { |
|||
toast.showSuccess($translate.instant('edge.sync-message'), 750, angular.element(element).parent().parent(), 'bottom left'); |
|||
}, |
|||
function fail(error) { |
|||
toast.showError(error); |
|||
} |
|||
); |
|||
} |
|||
|
|||
$compile(element.contents())(scope); |
|||
|
|||
scope.onEdgeInfoCopied = function(type) { |
|||
let infoTypeLabel = ""; |
|||
switch (type) { |
|||
case 'key': |
|||
infoTypeLabel = "edge.edge-key-copied-message"; |
|||
break; |
|||
case 'secret': |
|||
infoTypeLabel = "edge.edge-secret-copied-message"; |
|||
break; |
|||
} |
|||
toast.showSuccess($translate.instant(infoTypeLabel), 750, angular.element(element).parent().parent(), 'bottom left'); |
|||
}; |
|||
|
|||
}; |
|||
return { |
|||
restrict: "E", |
|||
link: linker, |
|||
scope: { |
|||
edge: '=', |
|||
isEdit: '=', |
|||
edgeScope: '=', |
|||
theForm: '=', |
|||
onAssignToCustomer: '&', |
|||
onMakePublic: '&', |
|||
onUnassignFromCustomer: '&', |
|||
onManageEdgeAssets: '&', |
|||
onManageEdgeDevices: '&', |
|||
onManageEdgeEntityViews: '&', |
|||
onManageEdgeDashboards: '&', |
|||
onManageEdgeRuleChains: '&', |
|||
onDeleteEdge: '&' |
|||
} |
|||
}; |
|||
} |
|||
@ -1,241 +0,0 @@ |
|||
/* |
|||
* Copyright © 2016-2020 The Thingsboard Authors |
|||
* |
|||
* 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. |
|||
*/ |
|||
/* eslint-disable import/no-unresolved, import/default */ |
|||
|
|||
import edgesTemplate from './edges.tpl.html'; |
|||
import entityViewsTemplate from "../entity-view/entity-views.tpl.html"; |
|||
import devicesTemplate from "../device/devices.tpl.html"; |
|||
import assetsTemplate from "../asset/assets.tpl.html"; |
|||
import dashboardsTemplate from "../dashboard/dashboards.tpl.html"; |
|||
import dashboardTemplate from "../dashboard/dashboard.tpl.html"; |
|||
import ruleChainsTemplate from "../rulechain/rulechains.tpl.html"; |
|||
import ruleChainTemplate from "../rulechain/rulechain.tpl.html"; |
|||
|
|||
/* eslint-enable import/no-unresolved, import/default */ |
|||
|
|||
/*@ngInject*/ |
|||
export default function EdgeRoutes($stateProvider, types) { |
|||
$stateProvider |
|||
.state('home.edges', { |
|||
url: '/edges', |
|||
params: {'topIndex': 0}, |
|||
module: 'private', |
|||
auth: ['TENANT_ADMIN', 'CUSTOMER_USER'], |
|||
views: { |
|||
"content@home": { |
|||
templateUrl: edgesTemplate, |
|||
controller: 'EdgeController', |
|||
controllerAs: 'vm' |
|||
} |
|||
}, |
|||
data: { |
|||
edgesType: 'tenant', |
|||
searchEnabled: true, |
|||
searchByEntitySubtype: true, |
|||
searchEntityType: types.entityType.edge, |
|||
pageTitle: 'edge.edges' |
|||
}, |
|||
ncyBreadcrumb: { |
|||
label: '{"icon": "router", "label": "edge.edges"}' |
|||
} |
|||
}).state('home.edges.entityViews', { |
|||
url: '/:edgeId/entityViews', |
|||
params: {'topIndex': 0}, |
|||
module: 'private', |
|||
auth: ['TENANT_ADMIN'], |
|||
views: { |
|||
"content@home": { |
|||
templateUrl: entityViewsTemplate, |
|||
controllerAs: 'vm', |
|||
controller: 'EntityViewController' |
|||
} |
|||
}, |
|||
data: { |
|||
entityViewsType: 'edge', |
|||
searchEnabled: true, |
|||
searchByEntitySubtype: true, |
|||
searchEntityType: types.entityType.entityView, |
|||
pageTitle: 'edge.entity-views' |
|||
}, |
|||
ncyBreadcrumb: { |
|||
label: '{"icon": "view_quilt", "label": "edge.entity-views"}' |
|||
} |
|||
}).state('home.edges.devices', { |
|||
url: '/:edgeId/devices', |
|||
params: {'topIndex': 0}, |
|||
module: 'private', |
|||
auth: ['TENANT_ADMIN'], |
|||
views: { |
|||
"content@home": { |
|||
templateUrl: devicesTemplate, |
|||
controllerAs: 'vm', |
|||
controller: 'DeviceController' |
|||
} |
|||
}, |
|||
data: { |
|||
devicesType: 'edge', |
|||
searchEnabled: true, |
|||
searchByEntitySubtype: true, |
|||
searchEntityType: types.entityType.device, |
|||
pageTitle: 'edge.devices' |
|||
}, |
|||
ncyBreadcrumb: { |
|||
label: '{"icon": "devices_other", "label": "edge.devices"}' |
|||
} |
|||
}).state('home.edges.assets', { |
|||
url: '/:edgeId/assets', |
|||
params: {'topIndex': 0}, |
|||
module: 'private', |
|||
auth: ['TENANT_ADMIN'], |
|||
views: { |
|||
"content@home": { |
|||
templateUrl: assetsTemplate, |
|||
controllerAs: 'vm', |
|||
controller: 'AssetController' |
|||
} |
|||
}, |
|||
data: { |
|||
assetsType: 'edge', |
|||
searchEnabled: true, |
|||
searchByEntitySubtype: true, |
|||
searchEntityType: types.entityType.asset, |
|||
pageTitle: 'edge.assets' |
|||
}, |
|||
ncyBreadcrumb: { |
|||
label: '{"icon": "domain", "label": "edge.assets"}' |
|||
} |
|||
}).state('home.edges.dashboards', { |
|||
url: '/:edgeId/dashboards', |
|||
params: {'topIndex': 0}, |
|||
module: 'private', |
|||
auth: ['TENANT_ADMIN'], |
|||
views: { |
|||
"content@home": { |
|||
templateUrl: dashboardsTemplate, |
|||
controllerAs: 'vm', |
|||
controller: 'DashboardsController' |
|||
} |
|||
}, |
|||
data: { |
|||
dashboardsType: 'edge', |
|||
searchEnabled: true, |
|||
pageTitle: 'edge.dashboards' |
|||
}, |
|||
ncyBreadcrumb: { |
|||
label: '{"icon": "dashboard", "label": "edge.dashboards"}' |
|||
} |
|||
}).state('home.edges.dashboards.dashboard', { |
|||
url: '/:dashboardId?state', |
|||
reloadOnSearch: false, |
|||
module: 'private', |
|||
auth: ['TENANT_ADMIN', 'CUSTOMER_USER'], |
|||
views: { |
|||
"content@home": { |
|||
templateUrl: dashboardTemplate, |
|||
controller: 'DashboardController', |
|||
controllerAs: 'vm' |
|||
} |
|||
}, |
|||
data: { |
|||
widgetEditMode: false, |
|||
searchEnabled: false, |
|||
pageTitle: 'dashboard.dashboard', |
|||
dashboardsType: 'edge', |
|||
}, |
|||
ncyBreadcrumb: { |
|||
label: '{"icon": "dashboard", "label": "{{ vm.dashboard.title }}", "translate": "false"}' |
|||
} |
|||
}).state('home.customers.edges', { |
|||
url: '/:customerId/edges', |
|||
params: {'topIndex': 0}, |
|||
module: 'private', |
|||
auth: ['TENANT_ADMIN'], |
|||
views: { |
|||
"content@home": { |
|||
templateUrl: edgesTemplate, |
|||
controllerAs: 'vm', |
|||
controller: 'EdgeController' |
|||
} |
|||
}, |
|||
data: { |
|||
edgesType: 'customer', |
|||
searchEnabled: true, |
|||
searchByEntitySubtype: true, |
|||
searchEntityType: types.entityType.edge, |
|||
pageTitle: 'customer.edges' |
|||
}, |
|||
ncyBreadcrumb: { |
|||
label: '{"icon": "router", "label": "{{ vm.customerEdgesTitle }}", "translate": "false"}' |
|||
} |
|||
}).state('home.edges.ruleChains', { |
|||
url: '/:edgeId/ruleChains', |
|||
params: {'topIndex': 0}, |
|||
module: 'private', |
|||
auth: ['TENANT_ADMIN'], |
|||
views: { |
|||
"content@home": { |
|||
templateUrl: ruleChainsTemplate, |
|||
controllerAs: 'vm', |
|||
controller: 'RuleChainsController' |
|||
} |
|||
}, |
|||
data: { |
|||
searchEnabled: true, |
|||
pageTitle: 'rulechain.edge-rulechains', |
|||
ruleChainsType: 'edge' |
|||
}, |
|||
ncyBreadcrumb: { |
|||
label: '{"icon": "code", "label": "rulechain.edge-rulechains"}' |
|||
} |
|||
}).state('home.edges.ruleChains.ruleChain', { |
|||
url: '/:ruleChainId', |
|||
reloadOnSearch: false, |
|||
module: 'private', |
|||
auth: ['SYS_ADMIN', 'TENANT_ADMIN'], |
|||
views: { |
|||
"content@home": { |
|||
templateUrl: ruleChainTemplate, |
|||
controller: 'RuleChainController', |
|||
controllerAs: 'vm' |
|||
} |
|||
}, |
|||
resolve: { |
|||
ruleChain: |
|||
/*@ngInject*/ |
|||
function($stateParams, ruleChainService) { |
|||
return ruleChainService.getRuleChain($stateParams.ruleChainId); |
|||
}, |
|||
ruleChainMetaData: |
|||
/*@ngInject*/ |
|||
function($stateParams, ruleChainService) { |
|||
return ruleChainService.getRuleChainMetaData($stateParams.ruleChainId); |
|||
}, |
|||
ruleNodeComponents: |
|||
/*@ngInject*/ |
|||
function($stateParams, ruleChainService) { |
|||
return ruleChainService.getRuleNodeComponents(types.ruleChainType.edge); |
|||
} |
|||
}, |
|||
data: { |
|||
import: false, |
|||
searchEnabled: false, |
|||
pageTitle: 'edge.rulechain' |
|||
}, |
|||
ncyBreadcrumb: { |
|||
label: '{"icon": "code", "label": "{{ vm.ruleChain.name }}", "translate": "false"}' |
|||
} |
|||
}); |
|||
} |
|||
@ -1,82 +0,0 @@ |
|||
<!-- |
|||
|
|||
Copyright © 2016-2020 The Thingsboard Authors |
|||
|
|||
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. |
|||
|
|||
--> |
|||
<tb-grid grid-configuration="vm.edgeGridConfig"> |
|||
<details-buttons tb-help="'edges'" help-container-id="help-container"> |
|||
<div id="help-container"></div> |
|||
</details-buttons> |
|||
<md-tabs ng-class="{'tb-headless': vm.grid.detailsConfig.isDetailsEditMode}" |
|||
id="tabs" md-border-bottom flex class="tb-absolute-fill"> |
|||
<md-tab label="{{ 'edge.details' | translate }}"> |
|||
<tb-edge edge="vm.grid.operatingItem()" |
|||
is-edit="vm.grid.detailsConfig.isDetailsEditMode" |
|||
edge-scope="vm.edgesScope" |
|||
the-form="vm.grid.detailsForm" |
|||
on-assign-to-customer="vm.assignToCustomer(event, [ vm.grid.detailsConfig.currentItem.id.id ])" |
|||
on-make-public="vm.makePublic(event, vm.grid.detailsConfig.currentItem)" |
|||
on-unassign-from-customer="vm.unassignFromCustomer(event, vm.grid.detailsConfig.currentItem, isPublic)" |
|||
on-manage-edge-assets="vm.openEdgeAssets(event, vm.grid.detailsConfig.currentItem)" |
|||
on-manage-edge-devices="vm.openEdgeDevices(event, vm.grid.detailsConfig.currentItem)" |
|||
on-manage-edge-entity-views="vm.openEdgeEntityViews(event, vm.grid.detailsConfig.currentItem)" |
|||
on-manage-edge-dashboards="vm.openEdgeDashboards(event, vm.grid.detailsConfig.currentItem)" |
|||
on-manage-edge-rule-chains="vm.openEdgeRuleChains(event, vm.grid.detailsConfig.currentItem)" |
|||
on-delete-edge="vm.grid.deleteItem(event, vm.grid.detailsConfig.currentItem)"></tb-edge> |
|||
</md-tab> |
|||
<md-tab ng-if="!vm.grid.detailsConfig.isDetailsEditMode" md-on-select="vm.grid.triggerResize()" label="{{ 'attribute.attributes' | translate }}"> |
|||
<tb-attribute-table flex |
|||
entity-id="vm.grid.operatingItem().id.id" |
|||
entity-type="{{vm.types.entityType.edge}}" |
|||
entity-name="vm.grid.operatingItem().name" |
|||
default-attribute-scope="{{vm.types.attributesScope.server.value}}"> |
|||
</tb-attribute-table> |
|||
</md-tab> |
|||
<md-tab ng-if="!vm.grid.detailsConfig.isDetailsEditMode" md-on-select="vm.grid.triggerResize()" label="{{ 'attribute.latest-telemetry' | translate }}"> |
|||
<tb-attribute-table flex |
|||
entity-id="vm.grid.operatingItem().id.id" |
|||
entity-type="{{vm.types.entityType.edge}}" |
|||
entity-name="vm.grid.operatingItem().name" |
|||
default-attribute-scope="{{vm.types.latestTelemetry.value}}" |
|||
disable-attribute-scope-selection="true"> |
|||
</tb-attribute-table> |
|||
</md-tab> |
|||
<md-tab ng-if="!vm.grid.detailsConfig.isDetailsEditMode" md-on-select="vm.grid.triggerResize()" label="{{ 'alarm.alarms' | translate }}"> |
|||
<tb-alarm-table flex entity-type="vm.types.entityType.edge" |
|||
entity-id="vm.grid.operatingItem().id.id"> |
|||
</tb-alarm-table> |
|||
</md-tab> |
|||
<md-tab ng-if="!vm.grid.detailsConfig.isDetailsEditMode" md-on-select="vm.grid.triggerResize()" label="{{ 'edge.events' | translate }}"> |
|||
<tb-event-table flex entity-type="vm.types.entityType.edge" |
|||
entity-id="vm.grid.operatingItem().id.id" |
|||
tenant-id="vm.grid.operatingItem().tenantId.id" |
|||
default-event-type="{{vm.types.eventType.error.value}}"> |
|||
</tb-event-table> |
|||
</md-tab> |
|||
<md-tab ng-if="!vm.grid.detailsConfig.isDetailsEditMode" md-on-select="vm.grid.triggerResize()" label="{{ 'relation.relations' | translate }}"> |
|||
<tb-relation-table flex |
|||
readonly="!('edge' | hasGenericPermission:'write')" |
|||
entity-id="vm.grid.operatingItem().id.id" |
|||
entity-type="{{vm.types.entityType.edge}}"> |
|||
</tb-relation-table> |
|||
</md-tab> |
|||
<md-tab ng-if="!vm.grid.detailsConfig.isDetailsEditMode && vm.grid.isTenantAdmin()" md-on-select="vm.grid.triggerResize()" label="{{ 'audit-log.audit-logs' | translate }}"> |
|||
<tb-audit-log-table flex entity-type="vm.types.entityType.edge" |
|||
entity-id="vm.grid.operatingItem().id.id" |
|||
audit-log-mode="{{vm.types.auditLogMode.entity}}"> |
|||
</tb-audit-log-table> |
|||
</md-tab> |
|||
</md-tabs> |
|||
</tb-grid> |
|||
@ -1,43 +0,0 @@ |
|||
/* |
|||
* Copyright © 2016-2020 The Thingsboard Authors |
|||
* |
|||
* 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. |
|||
*/ |
|||
import uiRouter from 'angular-ui-router'; |
|||
import thingsboardGrid from '../components/grid.directive'; |
|||
import thingsboardApiUser from '../api/user.service'; |
|||
import thingsboardApiEdge from '../api/edge.service'; |
|||
import thingsboardApiCustomer from '../api/customer.service'; |
|||
|
|||
import EdgeRoutes from './edge.routes'; |
|||
import {EdgeController, EdgeCardController} from './edge.controller'; |
|||
import AssignEdgeToCustomerController from './assign-to-customer.controller'; |
|||
import AddEdgesToCustomerController from './add-edges-to-customer.controller'; |
|||
import SetRootRuleChainToEdgesController from './set-root-rule-chain-to-edges.controller'; |
|||
import EdgeDirective from './edge.directive'; |
|||
|
|||
export default angular.module('thingsboard.edge', [ |
|||
uiRouter, |
|||
thingsboardGrid, |
|||
thingsboardApiUser, |
|||
thingsboardApiEdge, |
|||
thingsboardApiCustomer |
|||
]) |
|||
.config(EdgeRoutes) |
|||
.controller('EdgeController', EdgeController) |
|||
.controller('EdgeCardController', EdgeCardController) |
|||
.controller('AssignEdgeToCustomerController', AssignEdgeToCustomerController) |
|||
.controller('AddEdgesToCustomerController', AddEdgesToCustomerController) |
|||
.controller('SetRootRuleChainToEdgesController', SetRootRuleChainToEdgesController) |
|||
.directive('tbEdge', EdgeDirective) |
|||
.name; |
|||
@ -1,129 +0,0 @@ |
|||
/* |
|||
* Copyright © 2016-2020 The Thingsboard Authors |
|||
* |
|||
* 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. |
|||
*/ |
|||
/*@ngInject*/ |
|||
export default function SetRootRuleChainToEdgesController(ruleChainService, edgeService, $mdDialog, $q, edgeIds, ruleChains) { |
|||
|
|||
var vm = this; |
|||
|
|||
vm.ruleChains = ruleChains; |
|||
vm.searchText = ''; |
|||
|
|||
vm.assign = assign; |
|||
vm.cancel = cancel; |
|||
vm.isRuleChainSelected = isRuleChainSelected; |
|||
vm.hasData = hasData; |
|||
vm.noData = noData; |
|||
vm.searchRuleChainTextUpdated = searchRuleChainTextUpdated; |
|||
vm.toggleRuleChainSelection = toggleRuleChainSelection; |
|||
|
|||
vm.theRuleChains = { |
|||
getItemAtIndex: function (index) { |
|||
if (index > vm.ruleChains.data.length) { |
|||
vm.theRuleChains.fetchMoreItems_(index); |
|||
return null; |
|||
} |
|||
var item = vm.ruleChains.data[index]; |
|||
if (item) { |
|||
item.indexNumber = index + 1; |
|||
} |
|||
return item; |
|||
}, |
|||
|
|||
getLength: function () { |
|||
if (vm.ruleChains.hasNext) { |
|||
return vm.ruleChains.data.length + vm.ruleChains.nextPageLink.limit; |
|||
} else { |
|||
return vm.ruleChains.data.length; |
|||
} |
|||
}, |
|||
|
|||
fetchMoreItems_: function () { |
|||
if (vm.ruleChains.hasNext && !vm.ruleChains.pending) { |
|||
vm.ruleChains.pending = true; |
|||
ruleChainService.getEdgesRuleChains(vm.ruleChains.nextPageLink).then( |
|||
function success(ruleChains) { |
|||
vm.ruleChains.data = vm.ruleChains.data.concat(ruleChains.data); |
|||
vm.ruleChains.nextPageLink = ruleChains.nextPageLink; |
|||
vm.ruleChains.hasNext = ruleChains.hasNext; |
|||
if (vm.ruleChains.hasNext) { |
|||
vm.ruleChains.nextPageLink.limit = vm.ruleChains.pageSize; |
|||
} |
|||
vm.ruleChains.pending = false; |
|||
}, |
|||
function fail() { |
|||
vm.ruleChains.hasNext = false; |
|||
vm.ruleChains.pending = false; |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
function cancel() { |
|||
$mdDialog.cancel(); |
|||
} |
|||
|
|||
function assign() { |
|||
var assignTasks = []; |
|||
for (var i=0;i<edgeIds.length;i++) { |
|||
assignTasks.push(ruleChainService.assignRuleChainToEdge(edgeIds[i], vm.ruleChains.selection.id.id)); |
|||
} |
|||
$q.all(assignTasks).then(function () { |
|||
var setRootTasks = []; |
|||
for (var j=0;j<edgeIds.length;j++) { |
|||
setRootTasks.push(edgeService.setRootRuleChain(edgeIds[j], vm.ruleChains.selection.id.id)); |
|||
} |
|||
$q.all(setRootTasks).then(function () { |
|||
$mdDialog.hide(); |
|||
}); |
|||
}); |
|||
} |
|||
|
|||
function noData() { |
|||
return vm.ruleChains.data.length == 0 && !vm.ruleChains.hasNext; |
|||
} |
|||
|
|||
function hasData() { |
|||
return vm.ruleChains.data.length > 0; |
|||
} |
|||
|
|||
function toggleRuleChainSelection($event, ruleChain) { |
|||
$event.stopPropagation(); |
|||
if (vm.isRuleChainSelected(ruleChain)) { |
|||
vm.ruleChains.selection = null; |
|||
} else { |
|||
vm.ruleChains.selection = ruleChain; |
|||
} |
|||
} |
|||
|
|||
function isRuleChainSelected(ruleChain) { |
|||
return vm.ruleChains.selection != null && ruleChain && |
|||
ruleChain.id.id === vm.ruleChains.selection.id.id; |
|||
} |
|||
|
|||
function searchRuleChainTextUpdated() { |
|||
vm.ruleChains = { |
|||
pageSize: vm.ruleChains.pageSize, |
|||
data: [], |
|||
nextPageLink: { |
|||
limit: vm.ruleChains.pageSize, |
|||
textSearch: vm.searchText |
|||
}, |
|||
selection: null, |
|||
hasNext: true, |
|||
pending: false |
|||
}; |
|||
} |
|||
} |
|||
@ -1,76 +0,0 @@ |
|||
<!-- |
|||
|
|||
Copyright © 2016-2020 The Thingsboard Authors |
|||
|
|||
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. |
|||
|
|||
--> |
|||
<md-dialog aria-label="{{ 'edge.set-root-rulechain-to-edges' | translate }}"> |
|||
<form name="theForm" ng-submit="vm.assign()"> |
|||
<md-toolbar> |
|||
<div class="md-toolbar-tools"> |
|||
<h2 translate>edge.set-root-rulechain-to-edges</h2> |
|||
<span flex></span> |
|||
<md-button class="md-icon-button" ng-click="vm.cancel()"> |
|||
<ng-md-icon icon="close" aria-label="{{ 'dialog.close' | translate }}"></ng-md-icon> |
|||
</md-button> |
|||
</div> |
|||
</md-toolbar> |
|||
<md-progress-linear class="md-warn" md-mode="indeterminate" ng-disabled="!$root.loading" ng-show="$root.loading"></md-progress-linear> |
|||
<span style="min-height: 5px;" flex="" ng-show="!$root.loading"></span> |
|||
<md-dialog-content> |
|||
<div class="md-dialog-content"> |
|||
<fieldset> |
|||
<span translate>edge.set-root-rulechain-text</span> |
|||
<md-input-container class="md-block" style='margin-bottom: 0px;'> |
|||
<label> </label> |
|||
<md-icon aria-label="{{ 'action.search' | translate }}" class="material-icons"> |
|||
search |
|||
</md-icon> |
|||
<input id="rule-chain-search" autofocus ng-model="vm.searchText" |
|||
ng-change="vm.searchRuleChainTextUpdated()" |
|||
placeholder="{{ 'common.enter-search' | translate }}"/> |
|||
</md-input-container> |
|||
<div style='min-height: 150px;'> |
|||
<span translate layout-align="center center" |
|||
style="text-transform: uppercase; display: flex; height: 150px;" |
|||
class="md-subhead" |
|||
ng-show="vm.noData()">rulechain.no-rulechains-text</span> |
|||
<md-virtual-repeat-container ng-show="vm.hasData()" |
|||
tb-scope-element="repeatContainer" md-top-index="vm.topIndex" flex |
|||
style='min-height: 150px; width: 100%;'> |
|||
<md-list> |
|||
<md-list-item md-virtual-repeat="ruleChain in vm.theRuleChains" md-on-demand |
|||
class="repeated-item" flex> |
|||
<md-checkbox ng-click="vm.toggleRuleChainSelection($event, ruleChain)" |
|||
aria-label="{{ 'item.selected' | translate }}" |
|||
ng-checked="vm.isRuleChainSelected(ruleChain)"></md-checkbox> |
|||
<span> {{ ruleChain.name }} </span> |
|||
</md-list-item> |
|||
</md-list> |
|||
</md-virtual-repeat-container> |
|||
</div> |
|||
</fieldset> |
|||
</div> |
|||
</md-dialog-content> |
|||
<md-dialog-actions layout="row"> |
|||
<span flex></span> |
|||
<md-button ng-disabled="$root.loading || vm.ruleChains.selection==null" type="submit" class="md-raised md-primary"> |
|||
{{ 'action.assign' | translate }} |
|||
</md-button> |
|||
<md-button ng-disabled="$root.loading" ng-click="vm.cancel()" style="margin-right:20px;">{{ 'action.cancel' | |
|||
translate }} |
|||
</md-button> |
|||
</md-dialog-actions> |
|||
</form> |
|||
</md-dialog> |
|||
@ -1,123 +0,0 @@ |
|||
/* |
|||
* Copyright © 2016-2020 The Thingsboard Authors |
|||
* |
|||
* 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. |
|||
*/ |
|||
/*@ngInject*/ |
|||
export default function AddEntityViewsToEdgeController(entityViewService, $mdDialog, $q, edgeId, entityViews) { |
|||
|
|||
var vm = this; |
|||
|
|||
vm.entityViews = entityViews; |
|||
vm.searchText = ''; |
|||
|
|||
vm.assign = assign; |
|||
vm.cancel = cancel; |
|||
vm.hasData = hasData; |
|||
vm.noData = noData; |
|||
vm.searchEntityViewTextUpdated = searchEntityViewTextUpdated; |
|||
vm.toggleEntityViewSelection = toggleEntityViewSelection; |
|||
|
|||
vm.theEntityViews = { |
|||
getItemAtIndex: function (index) { |
|||
if (index > vm.entityViews.data.length) { |
|||
vm.theEntityViews.fetchMoreItems_(index); |
|||
return null; |
|||
} |
|||
var item = vm.entityViews.data[index]; |
|||
if (item) { |
|||
item.indexNumber = index + 1; |
|||
} |
|||
return item; |
|||
}, |
|||
|
|||
getLength: function () { |
|||
if (vm.entityViews.hasNext) { |
|||
return vm.entityViews.data.length + vm.entityViews.nextPageLink.limit; |
|||
} else { |
|||
return vm.entityViews.data.length; |
|||
} |
|||
}, |
|||
|
|||
fetchMoreItems_: function () { |
|||
if (vm.entityViews.hasNext && !vm.entityViews.pending) { |
|||
vm.entityViews.pending = true; |
|||
entityViewService.getTenantEntityViews(vm.entityViews.nextPageLink, false).then( |
|||
function success(entityViews) { |
|||
vm.entityViews.data = vm.entityViews.data.concat(entityViews.data); |
|||
vm.entityViews.nextPageLink = entityViews.nextPageLink; |
|||
vm.entityViews.hasNext = entityViews.hasNext; |
|||
if (vm.entityViews.hasNext) { |
|||
vm.entityViews.nextPageLink.limit = vm.entityViews.pageSize; |
|||
} |
|||
vm.entityViews.pending = false; |
|||
}, |
|||
function fail() { |
|||
vm.entityViews.hasNext = false; |
|||
vm.entityViews.pending = false; |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
function cancel () { |
|||
$mdDialog.cancel(); |
|||
} |
|||
|
|||
function assign() { |
|||
var tasks = []; |
|||
for (var entityViewId in vm.entityViews.selections) { |
|||
tasks.push(entityViewService.assignEntityViewToEdge(edgeId, entityViewId)); |
|||
} |
|||
$q.all(tasks).then(function () { |
|||
$mdDialog.hide(); |
|||
}); |
|||
} |
|||
|
|||
function noData() { |
|||
return vm.entityViews.data.length == 0 && !vm.entityViews.hasNext; |
|||
} |
|||
|
|||
function hasData() { |
|||
return vm.entityViews.data.length > 0; |
|||
} |
|||
|
|||
function toggleEntityViewSelection($event, entityView) { |
|||
$event.stopPropagation(); |
|||
var selected = angular.isDefined(entityView.selected) && entityView.selected; |
|||
entityView.selected = !selected; |
|||
if (entityView.selected) { |
|||
vm.entityViews.selections[entityView.id.id] = true; |
|||
vm.entityViews.selectedCount++; |
|||
} else { |
|||
delete vm.entityViews.selections[entityView.id.id]; |
|||
vm.entityViews.selectedCount--; |
|||
} |
|||
} |
|||
|
|||
function searchEntityViewTextUpdated() { |
|||
vm.entityViews = { |
|||
pageSize: vm.entityViews.pageSize, |
|||
data: [], |
|||
nextPageLink: { |
|||
limit: vm.entityViews.pageSize, |
|||
textSearch: vm.searchText |
|||
}, |
|||
selections: {}, |
|||
selectedCount: 0, |
|||
hasNext: true, |
|||
pending: false |
|||
}; |
|||
} |
|||
|
|||
} |
|||
@ -1,77 +0,0 @@ |
|||
<!-- |
|||
|
|||
Copyright © 2016-2020 The Thingsboard Authors |
|||
|
|||
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. |
|||
|
|||
--> |
|||
<md-dialog aria-label="{{ 'edge.assign-to-edge' | translate }}"> |
|||
<form name="theForm" ng-submit="vm.assign()"> |
|||
<md-toolbar> |
|||
<div class="md-toolbar-tools"> |
|||
<h2 translate>entity-view.assign-entity-view-to-edge</h2> |
|||
<span flex></span> |
|||
<md-button class="md-icon-button" ng-click="vm.cancel()"> |
|||
<ng-md-icon icon="close" aria-label="{{ 'dialog.close' | translate }}"></ng-md-icon> |
|||
</md-button> |
|||
</div> |
|||
</md-toolbar> |
|||
<md-progress-linear class="md-warn" md-mode="indeterminate" ng-disabled="!$root.loading" ng-show="$root.loading"></md-progress-linear> |
|||
<span style="min-height: 5px;" flex="" ng-show="!$root.loading"></span> |
|||
<md-dialog-content> |
|||
<div class="md-dialog-content"> |
|||
<fieldset> |
|||
<span translate>entity-view.assign-entity-view-to-edge-text</span> |
|||
<md-input-container class="md-block" style='margin-bottom: 0px;'> |
|||
<label> </label> |
|||
<md-icon aria-label="{{ 'action.search' | translate }}" class="material-icons"> |
|||
search |
|||
</md-icon> |
|||
<input id="entity-view-search" autofocus ng-model="vm.searchText" |
|||
ng-change="vm.searchEntityViewTextUpdated()" |
|||
placeholder="{{ 'common.enter-search' | translate }}"/> |
|||
</md-input-container> |
|||
<div style='min-height: 150px;'> |
|||
<span translate layout-align="center center" |
|||
style="text-transform: uppercase; display: flex; height: 150px;" |
|||
class="md-subhead" |
|||
ng-show="vm.noData()">entity-view.no-entity-views-text</span> |
|||
<md-virtual-repeat-container ng-show="vm.hasData()" |
|||
tb-scope-element="repeatContainer" md-top-index="vm.topIndex" flex |
|||
style='min-height: 150px; width: 100%;'> |
|||
<md-list> |
|||
<md-list-item md-virtual-repeat="entityView in vm.theEntityViews" md-on-demand |
|||
class="repeated-item" flex> |
|||
<md-checkbox ng-click="vm.toggleEntityViewSelection($event, entityView)" |
|||
aria-label="{{ 'item.selected' | translate }}" |
|||
ng-checked="entityView.selected"></md-checkbox> |
|||
<span> {{ entityView.name }} </span> |
|||
</md-list-item> |
|||
</md-list> |
|||
</md-virtual-repeat-container> |
|||
</div> |
|||
</fieldset> |
|||
</div> |
|||
</md-dialog-content> |
|||
<md-dialog-actions layout="row"> |
|||
<span flex></span> |
|||
<md-button ng-disabled="$root.loading || vm.entityViews.selectedCount == 0" type="submit" |
|||
class="md-raised md-primary"> |
|||
{{ 'action.assign' | translate }} |
|||
</md-button> |
|||
<md-button ng-disabled="$root.loading" ng-click="vm.cancel()" style="margin-right:20px;">{{ 'action.cancel' | |
|||
translate }} |
|||
</md-button> |
|||
</md-dialog-actions> |
|||
</form> |
|||
</md-dialog> |
|||
@ -1,23 +0,0 @@ |
|||
<!-- |
|||
|
|||
Copyright © 2016-2020 The Thingsboard Authors |
|||
|
|||
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. |
|||
|
|||
--> |
|||
<div translate class="tb-cell" flex="20">event.event-time</div> |
|||
<div translate class="tb-cell" flex="20">event.event-type</div> |
|||
<div translate class="tb-cell" flex="40">edge.event-action</div> |
|||
<div translate class="tb-cell" flex="20">edge.entity-id</div> |
|||
<div translate class="tb-cell" flex="15">edge.status</div> |
|||
<div translate class="tb-cell" flex="10">edge.entity-info</div> |
|||
@ -1,37 +0,0 @@ |
|||
<!-- |
|||
|
|||
Copyright © 2016-2020 The Thingsboard Authors |
|||
|
|||
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. |
|||
|
|||
--> |
|||
<div class="tb-cell" flex="20">{{ event.createdTime | date : 'yyyy-MM-dd HH:mm:ss' }}</div> |
|||
<div class="tb-cell" flex="20">{{ event.type }}</div> |
|||
<div class="tb-cell" flex="40">{{ event.action }}</div> |
|||
<div class="tb-cell" flex="20">{{ event.entityId }}</div> |
|||
<div class="tb-cell" flex="15" ng-style="{'color': statusColor}">{{ updateStatus(event.createdTime) }}</div> |
|||
<div class="tb-cell" flex="10"> |
|||
<md-button ng-if="checkEdgeEventType(event.type)" class="md-icon-button md-primary" |
|||
ng-click="showEdgeEntityContent($event, 'edge.entity-info', 'JSON')" |
|||
aria-label="{{ 'action.view' | translate }}"> |
|||
<md-tooltip md-direction="top"> |
|||
{{ 'action.view' | translate }} |
|||
</md-tooltip> |
|||
<md-icon aria-label="{{ 'action.view' | translate }}" |
|||
class="material-icons"> |
|||
more_horiz |
|||
</md-icon> |
|||
</md-button> |
|||
</div> |
|||
|
|||
|
|||
@ -1,122 +0,0 @@ |
|||
/* |
|||
* Copyright © 2016-2020 The Thingsboard Authors |
|||
* |
|||
* 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. |
|||
*/ |
|||
/*@ngInject*/ |
|||
export default function AddRuleChainsToEdgeController(ruleChainService, $mdDialog, $q, $filter, edgeId, ruleChains) { |
|||
|
|||
var vm = this; |
|||
|
|||
vm.ruleChains = ruleChains; |
|||
vm.searchText = ''; |
|||
|
|||
vm.assign = assign; |
|||
vm.cancel = cancel; |
|||
vm.hasData = hasData; |
|||
vm.noData = noData; |
|||
vm.searchRuleChainTextUpdated = searchRuleChainTextUpdated; |
|||
vm.toggleRuleChainSelection = toggleRuleChainSelection; |
|||
|
|||
vm.theRuleChains = { |
|||
getItemAtIndex: function (index) { |
|||
if (index > vm.ruleChains.data.length) { |
|||
vm.theRuleChains.fetchMoreItems_(index); |
|||
return null; |
|||
} |
|||
var item = vm.ruleChains.data[index]; |
|||
if (item) { |
|||
item.indexNumber = index + 1; |
|||
} |
|||
return item; |
|||
}, |
|||
|
|||
getLength: function () { |
|||
if (vm.ruleChains.hasNext) { |
|||
return vm.ruleChains.data.length + vm.ruleChains.nextPageLink.limit; |
|||
} else { |
|||
return vm.ruleChains.data.length; |
|||
} |
|||
}, |
|||
|
|||
fetchMoreItems_: function () { |
|||
if (vm.ruleChains.hasNext && !vm.ruleChains.pending) { |
|||
vm.ruleChains.pending = true; |
|||
ruleChainService.getEdgesRuleChains(vm.ruleChains.nextPageLink).then( |
|||
function success(ruleChains) { |
|||
vm.ruleChains.data = vm.ruleChains.data.concat(ruleChains.data); |
|||
vm.ruleChains.nextPageLink = ruleChains.nextPageLink; |
|||
vm.ruleChains.hasNext = ruleChains.hasNext; |
|||
if (vm.ruleChains.hasNext) { |
|||
vm.ruleChains.nextPageLink.limit = vm.ruleChains.pageSize; |
|||
} |
|||
vm.ruleChains.pending = false; |
|||
}, |
|||
function fail() { |
|||
vm.ruleChains.hasNext = false; |
|||
vm.ruleChains.pending = false; |
|||
}); |
|||
} |
|||
} |
|||
} |
|||
|
|||
function cancel () { |
|||
$mdDialog.cancel(); |
|||
} |
|||
|
|||
function assign () { |
|||
var tasks = []; |
|||
for (var ruleChainId in vm.ruleChains.selections) { |
|||
tasks.push(ruleChainService.assignRuleChainToEdge(edgeId, ruleChainId)); |
|||
} |
|||
$q.all(tasks).then(function () { |
|||
$mdDialog.hide(); |
|||
}); |
|||
} |
|||
|
|||
function noData () { |
|||
return vm.ruleChains.data.length == 0 && !vm.ruleChains.hasNext; |
|||
} |
|||
|
|||
function hasData () { |
|||
return vm.ruleChains.data.length > 0; |
|||
} |
|||
|
|||
function toggleRuleChainSelection ($event, ruleChain) { |
|||
$event.stopPropagation(); |
|||
var selected = angular.isDefined(ruleChain.selected) && ruleChain.selected; |
|||
ruleChain.selected = !selected; |
|||
if (ruleChain.selected) { |
|||
vm.ruleChains.selections[ruleChain.id.id] = true; |
|||
vm.ruleChains.selectedCount++; |
|||
} else { |
|||
delete vm.ruleChains.selections[ruleChain.id.id]; |
|||
vm.ruleChains.selectedCount--; |
|||
} |
|||
} |
|||
|
|||
function searchRuleChainTextUpdated () { |
|||
vm.ruleChains = { |
|||
pageSize: vm.ruleChains.pageSize, |
|||
data: [], |
|||
nextPageLink: { |
|||
limit: vm.ruleChains.pageSize, |
|||
textSearch: vm.searchText |
|||
}, |
|||
selections: {}, |
|||
selectedCount: 0, |
|||
hasNext: true, |
|||
pending: false |
|||
}; |
|||
} |
|||
} |
|||
@ -1,77 +0,0 @@ |
|||
<!-- |
|||
|
|||
Copyright © 2016-2020 The Thingsboard Authors |
|||
|
|||
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. |
|||
|
|||
--> |
|||
<md-dialog aria-label="{{ 'rulechain.assign-rulechain-to-edge-title' | translate }}"> |
|||
<form name="theForm" ng-submit="vm.assign()"> |
|||
<md-toolbar> |
|||
<div class="md-toolbar-tools"> |
|||
<h2 translate>rulechain.assign-rulechain-to-edge-title</h2> |
|||
<span flex></span> |
|||
<md-button class="md-icon-button" ng-click="vm.cancel()"> |
|||
<ng-md-icon icon="close" aria-label="{{ 'dialog.close' | translate }}"></ng-md-icon> |
|||
</md-button> |
|||
</div> |
|||
</md-toolbar> |
|||
<md-progress-linear class="md-warn" md-mode="indeterminate" ng-disabled="!$root.loading" ng-show="$root.loading"></md-progress-linear> |
|||
<span style="min-height: 5px;" flex="" ng-show="!$root.loading"></span> |
|||
<md-dialog-content> |
|||
<div class="md-dialog-content"> |
|||
<fieldset> |
|||
<span translate>rulechain.assign-rulechain-to-edge-text</span> |
|||
<md-input-container class="md-block" style='margin-bottom: 0px;'> |
|||
<label> </label> |
|||
<md-icon aria-label="{{ 'action.search' | translate }}" class="material-icons"> |
|||
search |
|||
</md-icon> |
|||
<input id="rulechain-search" autofocus ng-model="vm.searchText" |
|||
ng-change="vm.searchRuleChainTextUpdated()" |
|||
placeholder="{{ 'common.enter-search' | translate }}"/> |
|||
</md-input-container> |
|||
<div style='min-height: 150px;'> |
|||
<span translate layout-align="center center" |
|||
style="text-transform: uppercase; display: flex; height: 150px;" |
|||
class="md-subhead" |
|||
ng-show="vm.noData()">rulechain.no-rulechains-text</span> |
|||
<md-virtual-repeat-container ng-show="vm.hasData()" |
|||
tb-scope-element="repeatContainer" md-top-index="vm.topIndex" flex |
|||
style='min-height: 150px; width: 100%;'> |
|||
<md-list> |
|||
<md-list-item md-virtual-repeat="ruleChain in vm.theRuleChains" md-on-demand |
|||
class="repeated-item" flex> |
|||
<md-checkbox ng-click="vm.toggleRuleChainSelection($event, ruleChain)" |
|||
aria-label="{{ 'item.selected' | translate }}" |
|||
ng-checked="ruleChain.selected"></md-checkbox> |
|||
<span> {{ ruleChain.name }} </span> |
|||
</md-list-item> |
|||
</md-list> |
|||
</md-virtual-repeat-container> |
|||
</div> |
|||
</fieldset> |
|||
</div> |
|||
</md-dialog-content> |
|||
<md-dialog-actions layout="row"> |
|||
<span flex></span> |
|||
<md-button ng-disabled="$root.loading || vm.ruleChains.selectedCount == 0" type="submit" |
|||
class="md-raised md-primary"> |
|||
{{ 'action.assign' | translate }} |
|||
</md-button> |
|||
<md-button ng-disabled="$root.loading" ng-click="vm.cancel()" style="margin-right:20px;">{{ 'action.cancel' | |
|||
translate }} |
|||
</md-button> |
|||
</md-dialog-actions> |
|||
</form> |
|||
</md-dialog> |
|||
Loading…
Reference in new issue