Browse Source
* Change translate, layout and clear code * Refactoring code * Refactoring code * Refactoring code * Code refactoringpull/2397/head
Vladyslav
7 years ago
committed by
GitHub
GitHub
18 changed files with 1078 additions and 1248 deletions
@ -1,317 +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 './gateway-config.scss'; |
|
||||
|
|
||||
/* eslint-disable import/no-unresolved, import/default */ |
|
||||
|
|
||||
import gatewayTemplate from './gateway-config.tpl.html'; |
|
||||
import gatewayDialogTemplate from './gateway-config-dialog.tpl.html'; |
|
||||
import beautify from "js-beautify"; |
|
||||
|
|
||||
/* eslint-enable import/no-unresolved, import/default */ |
|
||||
const js_beautify = beautify.js; |
|
||||
|
|
||||
export default angular.module('thingsboard.directives.gatewayConfig', []) |
|
||||
.directive('tbGatewayConfig', GatewayConfig) |
|
||||
.name; |
|
||||
|
|
||||
/*@ngInject*/ |
|
||||
function GatewayConfig() { |
|
||||
return { |
|
||||
restrict: "E", |
|
||||
scope: true, |
|
||||
bindToController: { |
|
||||
disabled: '=ngDisabled', |
|
||||
titleText: '@?', |
|
||||
keyPlaceholderText: '@?', |
|
||||
valuePlaceholderText: '@?', |
|
||||
noDataText: '@?', |
|
||||
gatewayConfig: '=', |
|
||||
changeAlignment: '=' |
|
||||
}, |
|
||||
controller: GatewayConfigController, |
|
||||
controllerAs: 'vm', |
|
||||
templateUrl: gatewayTemplate |
|
||||
}; |
|
||||
} |
|
||||
|
|
||||
/*@ngInject*/ |
|
||||
function GatewayConfigController($scope, $document, $mdDialog, $mdUtil, $window, types, toast, $timeout, $compile, $translate) { //eslint-disable-line
|
|
||||
|
|
||||
let vm = this; |
|
||||
|
|
||||
vm.kvList = []; |
|
||||
vm.types = types; |
|
||||
$scope.$watch('vm.gatewayConfig', () => { |
|
||||
vm.stopWatchKvList(); |
|
||||
vm.kvList.length = 0; |
|
||||
if (vm.gatewayConfig) { |
|
||||
for (var property in vm.gatewayConfig) { |
|
||||
if (Object.prototype.hasOwnProperty.call(vm.gatewayConfig, property)) { |
|
||||
vm.kvList.push( |
|
||||
{ |
|
||||
enabled: vm.gatewayConfig[property].enabled, |
|
||||
key: property + '', |
|
||||
value: vm.gatewayConfig[property].connector + '', |
|
||||
config: js_beautify(vm.gatewayConfig[property].config + '', {indent_size: 4}) |
|
||||
} |
|
||||
); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
$mdUtil.nextTick(() => { |
|
||||
vm.watchKvList(); |
|
||||
}); |
|
||||
}); |
|
||||
|
|
||||
vm.watchKvList = () => { |
|
||||
$scope.kvListWatcher = $scope.$watch('vm.kvList', () => { |
|
||||
if (!vm.gatewayConfig) { |
|
||||
return; |
|
||||
} |
|
||||
for (let property in vm.gatewayConfig) { |
|
||||
if (Object.prototype.hasOwnProperty.call(vm.gatewayConfig, property)) { |
|
||||
delete vm.gatewayConfig[property]; |
|
||||
} |
|
||||
} |
|
||||
for (let i = 0; i < vm.kvList.length; i++) { |
|
||||
let entry = vm.kvList[i]; |
|
||||
if (entry.key && entry.value) { |
|
||||
let connectorJSON = angular.toJson({ |
|
||||
enabled: entry.enabled, |
|
||||
connector: entry.value, |
|
||||
config: angular.fromJson(entry.config) |
|
||||
}); |
|
||||
vm.gatewayConfig [entry.key] = angular.fromJson(connectorJSON); |
|
||||
} |
|
||||
} |
|
||||
}, true); |
|
||||
}; |
|
||||
|
|
||||
vm.stopWatchKvList = () => { |
|
||||
if ($scope.kvListWatcher) { |
|
||||
$scope.kvListWatcher(); |
|
||||
$scope.kvListWatcher = null; |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
vm.removeKeyVal = (index) => { |
|
||||
if (index > -1) { |
|
||||
vm.kvList.splice(index, 1); |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
vm.addKeyVal = () => { |
|
||||
if (!vm.kvList) { |
|
||||
vm.kvList = []; |
|
||||
} |
|
||||
vm.kvList.push( |
|
||||
{ |
|
||||
enabled: false, |
|
||||
key: '', |
|
||||
value: '', |
|
||||
config: '{}' |
|
||||
} |
|
||||
); |
|
||||
} |
|
||||
|
|
||||
vm.openConfigDialog = ($event, index, config, typeName) => { |
|
||||
if ($event) { |
|
||||
$event.stopPropagation(); |
|
||||
} |
|
||||
$mdDialog.show({ |
|
||||
controller: GatewayDialogController, |
|
||||
controllerAs: 'vm', |
|
||||
templateUrl: gatewayDialogTemplate, |
|
||||
parent: angular.element($document[0].body), |
|
||||
locals: { |
|
||||
config: config, |
|
||||
typeName: typeName |
|
||||
}, |
|
||||
targetEvent: $event, |
|
||||
fullscreen: true, |
|
||||
multiple: true, |
|
||||
}).then(function (config) { |
|
||||
if (config) { |
|
||||
if (index > -1) { |
|
||||
vm.kvList[index].config = config; |
|
||||
} |
|
||||
} |
|
||||
}, function () { |
|
||||
}); |
|
||||
|
|
||||
}; |
|
||||
|
|
||||
vm.configTypeChange = (keyVal) => { |
|
||||
for (let prop in types.gatewayConfigType) { |
|
||||
if (types.gatewayConfigType[prop].value === keyVal.value) { |
|
||||
if (!keyVal.key) { |
|
||||
keyVal.key = vm.configTypeChangeValid(types.gatewayConfigType[prop].name, 0); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
vm.checkboxValid(keyVal); |
|
||||
}; |
|
||||
|
|
||||
vm.keyValChange = (keyVal, indexKey) => { |
|
||||
keyVal.key = vm.keyValChangeValid(keyVal.key, 0, indexKey); |
|
||||
vm.checkboxValid(keyVal); |
|
||||
}; |
|
||||
|
|
||||
vm.configTypeChangeValid = (name, index) => { |
|
||||
let newKeyName = index ? name + index : name; |
|
||||
let indexRes = vm.kvList.findIndex((element) => element.key === newKeyName); |
|
||||
return indexRes === -1 ? newKeyName : vm.configTypeChangeValid(name, ++index); |
|
||||
}; |
|
||||
|
|
||||
vm.keyValChangeValid = (name, index, indexKey) => { |
|
||||
angular.forEach(vm.kvList, function (value, key) { |
|
||||
let nameEq = (index === 0) ? name : name + index; |
|
||||
if (key !== indexKey && value.key && value.key === nameEq) { |
|
||||
index++; |
|
||||
vm.keyValChangeValid(name, index, indexKey); |
|
||||
} |
|
||||
|
|
||||
}); |
|
||||
return (index === 0) ? name : name + index; |
|
||||
}; |
|
||||
|
|
||||
vm.buttonValid = (config) => { |
|
||||
return (angular.equals("{}", config)) ? "md-warn" : "md-primary"; |
|
||||
}; |
|
||||
|
|
||||
vm.checkboxValid = (keyVal) => { |
|
||||
if (!keyVal.key || angular.equals("", keyVal.key) |
|
||||
|| !keyVal.value || angular.equals("", keyVal.value) |
|
||||
|| angular.equals("{}", keyVal.config)) { |
|
||||
return keyVal.enabled = false; |
|
||||
} |
|
||||
return true; |
|
||||
}; |
|
||||
vm.checkboxValidMouseover = ($event, keyVal) => { |
|
||||
console.log($event, keyVal); //eslint-disable-line
|
|
||||
vm.checkboxValidClick ($event, keyVal); |
|
||||
}; |
|
||||
|
|
||||
vm.checkboxValidClick = ($event, keyVal) => { |
|
||||
if (!vm.checkboxValid(keyVal)) { |
|
||||
let errTxt = ""; |
|
||||
if (!keyVal.key || angular.equals("", keyVal.key)) { |
|
||||
errTxt = $translate.instant('gateway.keyval-name-err'); |
|
||||
} |
|
||||
|
|
||||
if (!keyVal.value || angular.equals("", keyVal.value)) { |
|
||||
errTxt += '<div>' + $translate.instant('gateway.keyval-type-err') + '</div>'; |
|
||||
} |
|
||||
|
|
||||
if (angular.equals("{}", keyVal.config)) { |
|
||||
errTxt += '<div>' + $translate.instant('gateway.keyval-config-err') + '</div>'; |
|
||||
} |
|
||||
if (!angular.equals("", errTxt)) { |
|
||||
displayTooltip($event, '<div class="tb-rule-node-tooltip tb-lib-tooltip">' + |
|
||||
'<div id="tb-node-content" layout="column">' + |
|
||||
'<div class="tb-node-title">' + $translate.instant('gateway.keyval-save-err') + '</div>' + |
|
||||
'<div class="tb-node-details">' + errTxt + '</div>' + |
|
||||
'</div>' + |
|
||||
'</div>'); |
|
||||
} |
|
||||
} |
|
||||
else { |
|
||||
destroyTooltips(); |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
|
|
||||
function displayTooltip(event, content) { |
|
||||
destroyTooltips(); |
|
||||
vm.tooltipTimeout = $timeout(() => { |
|
||||
var element = angular.element(event.target); |
|
||||
element.tooltipster( |
|
||||
{ |
|
||||
theme: 'tooltipster-shadow', |
|
||||
delay: 10, |
|
||||
animation: 'grow', |
|
||||
side: 'right' |
|
||||
} |
|
||||
); |
|
||||
var contentElement = angular.element(content); |
|
||||
$compile(contentElement)($scope); |
|
||||
var tooltip = element.tooltipster('instance'); |
|
||||
tooltip.content(contentElement); |
|
||||
tooltip.open(); |
|
||||
}, 500); |
|
||||
} |
|
||||
|
|
||||
function destroyTooltips() { |
|
||||
if (vm.tooltipTimeout) { |
|
||||
$timeout.cancel(vm.tooltipTimeout); |
|
||||
vm.tooltipTimeout = null; |
|
||||
} |
|
||||
var instances = angular.element.tooltipster.instances(); |
|
||||
instances.forEach((instance) => { |
|
||||
if (!instance.isErrorTooltip) { |
|
||||
instance.destroy(); |
|
||||
} |
|
||||
}); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/*@ngInject*/ |
|
||||
function GatewayDialogController($scope, $mdDialog, $document, $window, config, typeName) { |
|
||||
let vm = this; |
|
||||
vm.doc = $document[0]; |
|
||||
vm.config = angular.copy(config); |
|
||||
vm.typeName = "" + typeName; |
|
||||
vm.configAreaOptions = { |
|
||||
useWrapMode: false, |
|
||||
mode: 'json', |
|
||||
showGutter: true, |
|
||||
showPrintMargin: true, |
|
||||
theme: 'github', |
|
||||
advanced: { |
|
||||
enableSnippets: true, |
|
||||
enableBasicAutocompletion: true, |
|
||||
enableLiveAutocompletion: true |
|
||||
}, |
|
||||
onLoad: function (_ace) { |
|
||||
_ace.$blockScrolling = 1; |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
vm.validateConfig = (model, editorName) => { |
|
||||
if (model && model.length) { |
|
||||
try { |
|
||||
angular.fromJson(model); |
|
||||
$scope.theForm[editorName].$setValidity('configJSON', true); |
|
||||
} catch (e) { |
|
||||
$scope.theForm[editorName].$setValidity('configJSON', false); |
|
||||
} |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
vm.save = () => { |
|
||||
$mdDialog.hide(vm.config); |
|
||||
}; |
|
||||
|
|
||||
vm.cancel = () => { |
|
||||
$mdDialog.hide(); |
|
||||
}; |
|
||||
|
|
||||
vm.beautifyJson = () => { |
|
||||
vm.config = js_beautify(vm.config, {indent_size: 4}); |
|
||||
}; |
|
||||
} |
|
||||
|
|
||||
@ -1,94 +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. |
|
||||
|
|
||||
--> |
|
||||
<form name="gatewayConfig" flex layout="column" class="gateway-config"> |
|
||||
<div layout="row" id="section-row" ng-repeat="keyVal in vm.kvList track by $index"> |
|
||||
<div layout="column" layout-align="center center" class="gateway-config-row"> |
|
||||
<md-input-container class="md-block"> |
|
||||
<md-checkbox ng-model="keyVal.enabled" |
|
||||
aria-label="{{ 'gateway.enabled' | translate }}" |
|
||||
ng-change="vm.checkboxValid(keyVal)" |
|
||||
ng-click="vm.checkboxValidClick($event, keyVal)" |
|
||||
ng-mouseover="vm.checkboxValidMouseover($event, keyVal)"> |
|
||||
</md-checkbox> |
|
||||
<md-tooltip md-direction="top"> |
|
||||
{{ 'gateway.enabled' | translate }} |
|
||||
</md-tooltip> |
|
||||
</md-input-container> |
|
||||
</div> |
|
||||
<div layout="row" flex class="gateway-config-row" |
|
||||
ng-class="{'gateway-config-row-vertical': vm.changeAlignment}"> |
|
||||
<md-input-container class="md-block" flex> |
|
||||
<label>{{'gateway.connector-type' | translate }}</label> |
|
||||
<md-select name="configType" ng-change="vm.configTypeChange(keyVal)" ng-model="keyVal.value" required> |
|
||||
<md-option ng-repeat="configType in vm.types.gatewayConfigType" ng-value="configType.value"> |
|
||||
{{configType.value}} |
|
||||
</md-option> |
|
||||
</md-select> |
|
||||
<md-tooltip md-direction="top"> |
|
||||
{{ 'gateway.connector-type' | translate }} |
|
||||
</md-tooltip> |
|
||||
</md-input-container> |
|
||||
<md-input-container class="md-block" flex> |
|
||||
<input placeholder="{{ (vm.keyPlaceholderText ? vm.keyPlaceholderText : 'gateway.name') | translate }}" |
|
||||
ng-model-options="{ updateOn: 'blur' }" |
|
||||
ng-change="vm.keyValChange(keyVal, $index)" name="key" ng-model="keyVal.key" required/> |
|
||||
<div ng-messages="gatewayConfig.key.$error"> |
|
||||
<div ng-message="required" translate>extension.field-required</div> |
|
||||
</div> |
|
||||
<md-tooltip md-direction="top"> |
|
||||
{{ 'gateway.name' | translate }} |
|
||||
</md-tooltip> |
|
||||
</md-input-container> |
|
||||
</div> |
|
||||
<div layout="row" layout-align="end center" class="action-buttons" |
|
||||
ng-class="{'gateway-config-row-vertical': vm.changeAlignment}"> |
|
||||
<md-button class="md-icon-button md-fab md-mini" |
|
||||
name="updateconf" |
|
||||
ng-click="vm.openConfigDialog($event, $index, keyVal.config, keyVal.key)" |
|
||||
aria-label="{{ 'gateway.update-config' | translate }}" |
|
||||
ng-class="vm.buttonValid(keyVal.config)" required> |
|
||||
<md-icon class="material-icons">settings_ethernet</md-icon> |
|
||||
<md-tooltip md-direction="top"> |
|
||||
{{ 'gateway.update-config' | translate }} |
|
||||
</md-tooltip> |
|
||||
</md-button> |
|
||||
<md-button ng-show="!vm.disabled" ng-disabled="$root.loading" |
|
||||
class="md-icon-button md-fab md-mini md-primary" |
|
||||
ng-click="vm.removeKeyVal($index)" |
|
||||
aria-label="{{ 'gateway.delete' | translate }}"> |
|
||||
<md-icon class="material-icons">close</md-icon> |
|
||||
<md-tooltip md-direction="top"> |
|
||||
{{ 'gateway.delete' | translate }} |
|
||||
</md-tooltip> |
|
||||
</md-button> |
|
||||
</div> |
|
||||
</div> |
|
||||
<span ng-show="!vm.kvList.length" |
|
||||
layout-align="center center" ng-class="{'disabled': vm.disabled}" |
|
||||
class="no-data-found" translate>{{vm.noDataText ? vm.noDataText : 'gateway.no-connectors'}}</span> |
|
||||
<div> |
|
||||
<md-button ng-show="!vm.disabled" ng-disabled="$root.loading" class="md-raised" |
|
||||
ng-click="vm.addKeyVal()" |
|
||||
aria-label="{{ 'gateway.add-connectors' | translate }}"> |
|
||||
<md-tooltip md-direction="top"> |
|
||||
{{ 'gateway.add-connectors' | translate }} |
|
||||
</md-tooltip> |
|
||||
<span translate>action.add</span> |
|
||||
</md-button> |
|
||||
</div> |
|
||||
</form > |
|
||||
@ -1,498 +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 './gateway-form.scss'; |
|
||||
/* eslint-disable import/no-unresolved, import/default */ |
|
||||
|
|
||||
import gatewayFormTemplate from './gateway-form.tpl.html'; |
|
||||
|
|
||||
/* eslint-enable import/no-unresolved, import/default */ |
|
||||
|
|
||||
export default angular.module('thingsboard.directives.gatewayForm', []) |
|
||||
.directive('tbGatewayForm', GatewayForm) |
|
||||
.name; |
|
||||
|
|
||||
/*@ngInject*/ |
|
||||
function GatewayForm() { |
|
||||
return { |
|
||||
restrict: "E", |
|
||||
scope: true, |
|
||||
bindToController: { |
|
||||
disabled: '=ngDisabled', |
|
||||
keyPlaceholderText: '@?', |
|
||||
valuePlaceholderText: '@?', |
|
||||
noDataText: '@?', |
|
||||
formId: '=', |
|
||||
ctx: '=', |
|
||||
gatewayFormConfig: '=', |
|
||||
theForm: '=' |
|
||||
}, |
|
||||
controller: GatewayFormController, |
|
||||
controllerAs: 'vm', |
|
||||
templateUrl: gatewayFormTemplate |
|
||||
}; |
|
||||
} |
|
||||
|
|
||||
/*@ngInject*/ |
|
||||
function GatewayFormController($scope, $injector, $document, $mdExpansionPanel, toast, importExport, attributeService, deviceService, userService, $mdDialog, $mdUtil, types, $window, $q) { |
|
||||
$scope.$mdExpansionPanel = $mdExpansionPanel; |
|
||||
let vm = this; |
|
||||
const attributeNameClinet = "current_configuration"; |
|
||||
const attributeNameServer = "configuration_drafts"; |
|
||||
const attributeNameShared = "configuration"; |
|
||||
const attributeNameLogShared = "RemoteLoggingLevel"; |
|
||||
vm.remoteLoggingConfig = '[loggers]}}keys=root, service, connector, converter, tb_connection, storage, extension}}[handlers]}}keys=consoleHandler, serviceHandler, connectorHandler, converterHandler, tb_connectionHandler, storageHandler, extensionHandler}}[formatters]}}keys=LogFormatter}}[logger_root]}}level=ERROR}}handlers=consoleHandler}}[logger_connector]}}level={ERROR}}}handlers=connectorHandler}}formatter=LogFormatter}}qualname=connector}}[logger_storage]}}level={ERROR}}}handlers=storageHandler}}formatter=LogFormatter}}qualname=storage}}[logger_tb_connection]}}level={ERROR}}}handlers=tb_connectionHandler}}formatter=LogFormatter}}qualname=tb_connection}}[logger_service]}}level={ERROR}}}handlers=serviceHandler}}formatter=LogFormatter}}qualname=service}}[logger_converter]}}level={ERROR}}}handlers=connectorHandler}}formatter=LogFormatter}}qualname=converter}}[logger_extension]}}level={ERROR}}}handlers=connectorHandler}}formatter=LogFormatter}}qualname=extension}}[handler_consoleHandler]}}class=StreamHandler}}level={ERROR}}}formatter=LogFormatter}}args=(sys.stdout,)}}[handler_connectorHandler]}}level={ERROR}}}class=logging.handlers.TimedRotatingFileHandler}}formatter=LogFormatter}}args=("{./logs/}connector.log", "d", 1, 7,)}}[handler_storageHandler]}}level={ERROR}}}class=logging.handlers.TimedRotatingFileHandler}}formatter=LogFormatter}}args=("{./logs/}storage.log", "d", 1, 7,)}}[handler_serviceHandler]}}level={ERROR}}}class=logging.handlers.TimedRotatingFileHandler}}formatter=LogFormatter}}args=("{./logs/}service.log", "d", 1, 7,)}}[handler_converterHandler]}}level={ERROR}}}class=logging.handlers.TimedRotatingFileHandler}}formatter=LogFormatter}}args=("{./logs/}converter.log", "d", 1, 3,)}}[handler_extensionHandler]}}level={ERROR}}}class=logging.handlers.TimedRotatingFileHandler}}formatter=LogFormatter}}args=("{./logs/}extension.log", "d", 1, 3,)}}[handler_tb_connectionHandler]}}level={ERROR}}}class=logging.handlers.TimedRotatingFileHandler}}formatter=LogFormatter}}args=("{./logs/}tb_connection.log", "d", 1, 3,)}}[formatter_LogFormatter]}}format="%(asctime)s - %(levelname)s - [%(filename)s] - %(module)s - %(lineno)d - %(message)s" }}datefmt="%Y-%m-%d %H:%M:%S"'; |
|
||||
vm.types = types; |
|
||||
|
|
||||
vm.configurations = { |
|
||||
singleSelect: '', |
|
||||
host: $document[0].domain, |
|
||||
port: 1883, |
|
||||
remoteConfiguration: true, |
|
||||
accessToken: '', |
|
||||
entityType: '', |
|
||||
entityId: '', |
|
||||
storageType: "memoryStorage", // "memoryStorage"; fileStorage
|
|
||||
readRecordsCount: 100, |
|
||||
maxRecordsCount: 10000, |
|
||||
dataFolderPath: './data/', |
|
||||
maxFilesCount: 5, |
|
||||
securityType: "accessToken", // "accessToken", "tls"
|
|
||||
caCertPath: '/etc/thingsboard-gateway/ca.pem', |
|
||||
privateKeyPath: '/etc/thingsboard-gateway/privateKey.pem', |
|
||||
certPath: '/etc/thingsboard-gateway/certificate.pem', |
|
||||
connectors: {}, |
|
||||
remoteLoggingLevel: "DEBUG", // level login
|
|
||||
remoteLoggingPathToLogs: './logs/' |
|
||||
}; |
|
||||
getGatewaysListByUser(true); |
|
||||
|
|
||||
vm.securityTypes = [{ |
|
||||
name: 'Access Token', |
|
||||
value: 'accessToken' |
|
||||
}, { |
|
||||
name: 'TLS', |
|
||||
value: 'tls' |
|
||||
}]; |
|
||||
|
|
||||
vm.storageTypes = [{ |
|
||||
name: 'Memory storage', |
|
||||
value: 'memoryStorage' |
|
||||
}, { |
|
||||
name: 'File storage', |
|
||||
value: 'fileStorage' |
|
||||
}]; |
|
||||
|
|
||||
$scope.$on('gateway-form-resize', function (event, formId) { |
|
||||
if (vm.formId == formId) { |
|
||||
updateWidgetDisplaying(); |
|
||||
} |
|
||||
}); |
|
||||
|
|
||||
function updateWidgetDisplaying() { |
|
||||
if (vm.ctx && vm.ctx.$container) { |
|
||||
vm.changeAlignment = (vm.ctx.$container[0].offsetWidth <= 425); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
updateWidgetDisplaying(); |
|
||||
|
|
||||
vm.getAccessToken = (deviceObj) => { |
|
||||
if (deviceObj.name) { |
|
||||
deviceService.findByName(deviceObj.name, {ignoreErrors: true}) |
|
||||
.then( |
|
||||
function (device) { |
|
||||
getDeviceCredential(device.id.id); |
|
||||
} |
|
||||
) |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
function getDeviceCredential(deviceId) { |
|
||||
return deviceService.getDeviceCredentials(deviceId).then( |
|
||||
(deviceCredentials) => { |
|
||||
vm.configurations.accessToken = deviceCredentials.credentialsId; |
|
||||
vm.configurations.entityType = deviceCredentials.deviceId.entityType; |
|
||||
vm.configurations.entityId = deviceCredentials.deviceId.id; |
|
||||
vm.getAttributeStart(); |
|
||||
} |
|
||||
); |
|
||||
} |
|
||||
|
|
||||
vm.createDevice = (deviceObj) => { |
|
||||
deviceService.findByName(deviceObj.name, {ignoreErrors: true}) |
|
||||
.then( |
|
||||
function (device) { |
|
||||
getDeviceCredential(device.id.id).then(() => { |
|
||||
getGatewaysListByUser(); |
|
||||
}); |
|
||||
}, |
|
||||
function () { |
|
||||
deviceService.saveDevice(deviceObj).then( |
|
||||
(device) => { |
|
||||
deviceService.getDeviceCredentials(device.id.id).then( |
|
||||
(data) => { |
|
||||
vm.configurations.accessToken = data.credentialsId; |
|
||||
vm.configurations.entityType = device.id.entityType; |
|
||||
vm.configurations.entityId = device.id.id; |
|
||||
vm.getAttributeStart(); |
|
||||
getGatewaysListByUser(); |
|
||||
} |
|
||||
); |
|
||||
} |
|
||||
); |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
vm.saveAttributeConfig = () => { |
|
||||
vm.setAttribute(attributeNameShared, $window.btoa(angular.toJson(vm.getConfigAllByAttributeJSON())), types.attributesScope.shared.value); |
|
||||
vm.setAttribute(attributeNameServer, $window.btoa(angular.toJson(vm.getConfigByAttributeTmpJSON())), types.attributesScope.server.value); |
|
||||
vm.setAttribute(attributeNameLogShared, vm.configurations.remoteLoggingLevel.toUpperCase(), types.attributesScope.shared.value); |
|
||||
}; |
|
||||
|
|
||||
vm.getAttributeStart = () => { |
|
||||
let initResps = []; |
|
||||
vm.configurations.connectors = {}; |
|
||||
initResps.push(vm.getAttributeConfig(attributeNameClinet, types.attributesScope.client.value)); |
|
||||
initResps.push(vm.getAttributeConfig(attributeNameServer, types.attributesScope.server.value)); |
|
||||
initResps.push(vm.getAttributeConfig(attributeNameLogShared, types.attributesScope.shared.value)); |
|
||||
$q.all(initResps).then((resp) => { |
|
||||
vm.getAttributeInitFromClient(resp[0]); |
|
||||
vm.getAttributeInitFromServer(resp[1]); |
|
||||
vm.getAttributeInitFromShared(resp[2]); |
|
||||
}, (err) => { |
|
||||
console.log("getAttribute_error", err); //eslint-disable-line
|
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
vm.getAttributeConfig = (attributeName, typeValue) => { |
|
||||
let keys = [attributeName]; |
|
||||
return attributeService.getEntityAttributesValues(vm.configurations.entityType, vm.configurations.entityId, typeValue, keys); |
|
||||
}; |
|
||||
|
|
||||
vm.setAttribute = (attributeName, attributeConfig, typeValue) => { |
|
||||
let attributes = [ |
|
||||
{ |
|
||||
key: attributeName, |
|
||||
value: attributeConfig |
|
||||
} |
|
||||
]; |
|
||||
attributeService.saveEntityAttributes(vm.configurations.entityType, vm.configurations.entityId, typeValue, attributes).then(() => { |
|
||||
}, (err) => { |
|
||||
console.log("setAttribute_", err); //eslint-disable-line
|
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
vm.exportConfig = () => { |
|
||||
let fileZip = {}; |
|
||||
fileZip["tb_gateway.yaml"] = vm.getConfig(); |
|
||||
vm.createConfigByExport(fileZip); |
|
||||
vm.getLogsConfigByExport(fileZip); |
|
||||
importExport.exportJSZip(fileZip, 'config'); |
|
||||
vm.setAttribute(attributeNameLogShared, vm.configurations.remoteLoggingLevel.toUpperCase(), types.attributesScope.shared.value); |
|
||||
}; |
|
||||
|
|
||||
vm.getConfig = () => { |
|
||||
let config; |
|
||||
config = 'thingsboard:\n'; |
|
||||
config += ' host: ' + vm.configurations.host + '\n'; |
|
||||
config += ' remoteConfiguration: ' + vm.configurations.remoteConfiguration + '\n'; |
|
||||
config += ' port: ' + vm.configurations.port + '\n'; |
|
||||
config += ' security:\n'; |
|
||||
if (vm.configurations.securityType === 'accessToken') { |
|
||||
config += ' access-token: ' + vm.configurations.accessToken + '\n'; |
|
||||
} else if (vm.configurations.securityType === 'tls') { |
|
||||
config += ' ca_cert: ' + vm.configurations.caCertPath + '\n'; |
|
||||
config += ' privateKey: ' + vm.configurations.privateKeyPath + '\n'; |
|
||||
config += ' cert: ' + vm.configurations.certPath + '\n'; |
|
||||
} |
|
||||
config += 'storage:\n'; |
|
||||
if (vm.configurations.storageType === 'memoryStorage') { |
|
||||
config += ' type: memory\n'; |
|
||||
config += ' read_records_count: ' + vm.configurations.readRecordsCount + '\n'; |
|
||||
config += ' max_records_count: ' + vm.configurations.maxRecordsCount + '\n'; |
|
||||
} else if (vm.configurations.storageType === 'fileStorage') { |
|
||||
config += ' type: file\n'; |
|
||||
config += ' data_folder_path: ' + vm.configurations.dataFolderPath + '\n'; |
|
||||
config += ' max_file_count: ' + vm.configurations.maxFilesCount + '\n'; |
|
||||
config += ' max_read_records_count: ' + vm.configurations.readRecordsCount + '\n'; |
|
||||
config += ' max_records_per_file: ' + vm.configurations.maxRecordsCount + '\n'; |
|
||||
} |
|
||||
config += 'connectors:\n'; |
|
||||
for (let connector in vm.configurations.connectors) { |
|
||||
if (vm.configurations.connectors[connector].enabled) { |
|
||||
config += ' -\n'; |
|
||||
config += ' name: ' + connector + ' Connector\n'; |
|
||||
config += ' type: ' + vm.configurations.connectors[connector].connector + '\n'; |
|
||||
config += ' configuration: ' + vm.validFileName(connector) + ".json" + '\n'; |
|
||||
} |
|
||||
} |
|
||||
return config; |
|
||||
}; |
|
||||
|
|
||||
vm.createConfigByExport = (fileZipAdd) => { |
|
||||
for (let connector in vm.configurations.connectors) { |
|
||||
if (vm.configurations.connectors[connector].enabled) { |
|
||||
fileZipAdd[vm.validFileName(connector) + ".json"] = angular.toJson(vm.configurations.connectors[connector].config); |
|
||||
} |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
vm.getLogsConfigByExport = (fileZipAdd) => { |
|
||||
fileZipAdd["logs.conf"] = vm.getLogsConfig(); |
|
||||
}; |
|
||||
|
|
||||
vm.getLogsConfig = () => { |
|
||||
return vm.remoteLoggingConfig |
|
||||
.replace(/{ERROR}/g, vm.configurations.remoteLoggingLevel) |
|
||||
.replace(/{.\/logs\/}/g, vm.configurations.remoteLoggingPathToLogs); |
|
||||
}; |
|
||||
|
|
||||
vm.getConfigAllByAttributeJSON = () => { |
|
||||
let thingsBoardAll = {}; |
|
||||
thingsBoardAll["thingsboard"] = vm.getConfigMainByAttributeJSON(); |
|
||||
vm.getConfigByAttributeJSON(thingsBoardAll); |
|
||||
return thingsBoardAll; |
|
||||
}; |
|
||||
|
|
||||
vm.getConfigMainByAttributeJSON = () => { |
|
||||
let configMain = {}; |
|
||||
let thingsBoard = {}; |
|
||||
thingsBoard.host = vm.configurations.host; |
|
||||
thingsBoard.remoteConfiguration = vm.configurations.remoteConfiguration; |
|
||||
thingsBoard.port = vm.configurations.port; |
|
||||
let security = {}; |
|
||||
if (vm.configurations.securityType === 'accessToken') { |
|
||||
security.accessToken = (vm.configurations.accessToken) ? vm.configurations.accessToken : "" |
|
||||
} else { |
|
||||
security.caCert = vm.configurations.caCertPath; |
|
||||
security.privateKey = vm.configurations.privateKeyPath; |
|
||||
security.cert = vm.configurations.certPath; |
|
||||
} |
|
||||
thingsBoard.security = security; |
|
||||
configMain.thingsboard = thingsBoard; |
|
||||
|
|
||||
let storage = {}; |
|
||||
if (vm.configurations.storageType === 'memoryStorage') { |
|
||||
storage.type = "memory"; |
|
||||
storage.read_records_count = vm.configurations.readRecordsCount; |
|
||||
storage.max_records_count = vm.configurations.maxRecordsCount; |
|
||||
} else if (vm.configurations.storageType === 'fileStorage') { |
|
||||
storage.type = "file"; |
|
||||
storage.data_folder_path = vm.configurations.dataFolderPath; |
|
||||
storage.max_file_count = vm.configurations.maxFilesCount; |
|
||||
storage.max_read_records_count = vm.configurations.readRecordsCount; |
|
||||
storage.max_records_per_file = vm.configurations.maxRecordsCount; |
|
||||
} |
|
||||
configMain.storage = storage; |
|
||||
|
|
||||
let conn = []; |
|
||||
for (let connector in vm.configurations.connectors) { |
|
||||
if (vm.configurations.connectors[connector].enabled) { |
|
||||
let connect = {}; |
|
||||
connect.configuration = vm.validFileName(connector) + ".json"; |
|
||||
connect.name = connector; |
|
||||
connect.type = vm.configurations.connectors[connector].connector; |
|
||||
conn.push(connect); |
|
||||
} |
|
||||
} |
|
||||
configMain.connectors = conn; |
|
||||
|
|
||||
configMain.logs = $window.btoa(vm.getLogsConfig()); |
|
||||
|
|
||||
return configMain; |
|
||||
}; |
|
||||
|
|
||||
vm.getConfigByAttributeJSON = (thingsBoardBy) => { |
|
||||
for (let connector in vm.configurations.connectors) { |
|
||||
if (vm.configurations.connectors[connector].enabled) { |
|
||||
let typeAr = vm.configurations.connectors[connector].connector; |
|
||||
let objTypeAll = []; |
|
||||
for (let conn in vm.configurations.connectors) { |
|
||||
if (typeAr === vm.configurations.connectors[conn].connector && vm.configurations.connectors[conn].enabled) { |
|
||||
let objType = {}; |
|
||||
objType["name"] = conn; |
|
||||
objType["config"] = vm.configurations.connectors[conn].config; |
|
||||
objTypeAll.push(objType); |
|
||||
} |
|
||||
} |
|
||||
if (objTypeAll.length > 0) { |
|
||||
thingsBoardBy[typeAr] = objTypeAll; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
vm.getConfigByAttributeTmpJSON = () => { |
|
||||
let connects = {}; |
|
||||
for (let connector in vm.configurations.connectors) { |
|
||||
if (!vm.configurations.connectors[connector].enabled && Object.keys(vm.configurations.connectors[connector].config).length !== 0) { |
|
||||
let conn = {}; |
|
||||
conn["connector"] = vm.configurations.connectors[connector].connector; |
|
||||
conn["config"] = vm.configurations.connectors[connector].config; |
|
||||
connects[connector] = conn; |
|
||||
} |
|
||||
} |
|
||||
return connects; |
|
||||
}; |
|
||||
|
|
||||
function getGatewaysListByUser(firstInit) { |
|
||||
vm.gateways = []; |
|
||||
vm.currentUser = userService.getCurrentUser(); |
|
||||
if (vm.currentUser.authority === 'TENANT_ADMIN') { |
|
||||
deviceService.getTenantDevices({limit: 500}).then( |
|
||||
(devices) => { |
|
||||
if (devices.data.length > 0) { |
|
||||
devices.data.forEach((device) => { |
|
||||
if (device.additionalInfo !== null && device.additionalInfo.gateway === true) { |
|
||||
vm.gateways.push(device.name); |
|
||||
if (firstInit && vm.gateways.length && device.name === vm.gateways[0]) { |
|
||||
vm.configurations.singleSelect = vm.gateways[0]; |
|
||||
let deviceObj = { |
|
||||
"name": vm.configurations.singleSelect, |
|
||||
"type": "Gateway", |
|
||||
"additionalInfo": { |
|
||||
"gateway": true |
|
||||
} |
|
||||
}; |
|
||||
vm.getAccessToken(deviceObj); |
|
||||
} |
|
||||
} |
|
||||
}); |
|
||||
} |
|
||||
} |
|
||||
); |
|
||||
} else if (vm.currentUser.authority === 'CUSTOMER_USER') { |
|
||||
deviceService.getCustomerDevices(vm.currentUser.customerId, {limit: 500}).then( |
|
||||
(devices) => { |
|
||||
if (devices.data.length > 0) { |
|
||||
devices.data.forEach((device) => { |
|
||||
if (device.additionalInfo !== null && device.additionalInfo.gateway === true) { |
|
||||
vm.gateways.push(device.name); |
|
||||
if (firstInit && vm.gateways.length) { |
|
||||
vm.configurations.singleSelect = vm.gateways[0]; |
|
||||
let deviceObj = { |
|
||||
"name": vm.configurations.singleSelect, |
|
||||
"type": "Gateway", |
|
||||
"additionalInfo": { |
|
||||
"gateway": true |
|
||||
} |
|
||||
}; |
|
||||
vm.getAccessToken(deviceObj); |
|
||||
} |
|
||||
} |
|
||||
}); |
|
||||
} |
|
||||
} |
|
||||
); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
vm.getAttributeInitFromClient = (resp) => { |
|
||||
if (resp.length > 0) { |
|
||||
vm.configurations.connectors = {}; |
|
||||
let attribute = angular.fromJson($window.atob(resp[0].value)); |
|
||||
for (var type in attribute) { |
|
||||
let keyVal = attribute[type]; |
|
||||
if (type === "thingsboard") { |
|
||||
if (keyVal !== null && Object.keys(keyVal).length > 0) { |
|
||||
vm.setConfigMain(keyVal); |
|
||||
} |
|
||||
} else { |
|
||||
for (let typeVal in keyVal) { |
|
||||
let typeName = ''; |
|
||||
if (Object.prototype.hasOwnProperty.call(keyVal[typeVal], 'name')) { |
|
||||
typeName = 'name'; |
|
||||
} |
|
||||
let key = ""; |
|
||||
key = (typeName === "") ? "No name" : ((typeName === 'name') ? keyVal[typeVal].name : keyVal[typeVal][typeName].name); |
|
||||
let conn = {}; |
|
||||
conn["enabled"] = true; |
|
||||
conn["connector"] = type; |
|
||||
conn["config"] = angular.toJson(keyVal[typeVal].config); |
|
||||
vm.configurations.connectors[key] = conn; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
vm.getAttributeInitFromServer = (resp) => { |
|
||||
if (resp.length > 0) { |
|
||||
let attribute = angular.fromJson($window.atob(resp[0].value)); |
|
||||
for (let key in attribute) { |
|
||||
let conn = {}; |
|
||||
conn["enabled"] = false; |
|
||||
conn["connector"] = attribute[key].connector; |
|
||||
conn["config"] = angular.toJson(attribute[key].config); |
|
||||
vm.configurations.connectors[key] = conn; |
|
||||
} |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
vm.getAttributeInitFromShared = (resp) => { |
|
||||
if (resp.length > 0) { |
|
||||
if (vm.types.gatewayLogLevel[resp[0].value.toLowerCase()]) { |
|
||||
vm.configurations.remoteLoggingLevel = resp[0].value.toUpperCase(); |
|
||||
} |
|
||||
} else { |
|
||||
vm.configurations.remoteLoggingLevel = vm.types.gatewayLogLevel.debug; |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
vm.setConfigMain = (keyVal) => { |
|
||||
if (Object.prototype.hasOwnProperty.call(keyVal, 'thingsboard')) { |
|
||||
vm.configurations.host = keyVal.thingsboard.host; |
|
||||
vm.configurations.port = keyVal.thingsboard.port; |
|
||||
vm.configurations.remoteConfiguration = keyVal.thingsboard.remoteConfiguration; |
|
||||
if (Object.prototype.hasOwnProperty.call(keyVal.thingsboard.security, 'accessToken')) { |
|
||||
vm.configurations.securityType = 'accessToken'; |
|
||||
vm.configurations.accessToken = keyVal.thingsboard.security.accessToken; |
|
||||
} else { |
|
||||
vm.configurations.securityType = 'tls'; |
|
||||
vm.configurations.caCertPath = keyVal.thingsboard.security.caCert; |
|
||||
vm.configurations.privateKeyPath = keyVal.thingsboard.security.private_key; |
|
||||
vm.configurations.certPath = keyVal.thingsboard.security.cert; |
|
||||
} |
|
||||
} |
|
||||
if (Object.prototype.hasOwnProperty.call(keyVal, 'storage') && Object.prototype.hasOwnProperty.call(keyVal.storage, 'type')) { |
|
||||
if (keyVal.storage.type === 'memory') { |
|
||||
vm.configurations.storageType = 'memoryStorage'; |
|
||||
vm.configurations.readRecordsCount = keyVal.storage.read_records_count; |
|
||||
vm.configurations.maxRecordsCount = keyVal.storage.max_records_count; |
|
||||
} else if (keyVal.storage.type === 'file') { |
|
||||
vm.configurations.storageType = 'fileStorage'; |
|
||||
vm.configurations.dataFolderPath = keyVal.storage.data_folder_path; |
|
||||
vm.configurations.maxFilesCount = keyVal.storage.max_file_count; |
|
||||
vm.configurations.readRecordsCount = keyVal.storage.read_records_count; |
|
||||
vm.configurations.maxRecordsCount = keyVal.storage.max_records_count; |
|
||||
} |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
vm.setSaveTypeConfig = (itemVal) => { |
|
||||
vm.configurations.remoteConfiguration = itemVal.item; |
|
||||
}; |
|
||||
|
|
||||
vm.validFileName = (fileName) => { |
|
||||
let fileName1 = fileName.replace("_", ""); |
|
||||
let fileName2 = fileName1.replace("-", ""); |
|
||||
let fileName3 = fileName2.replace(/^\s+|\s+$/g, ''); |
|
||||
let fileName4 = fileName3.toLowerCase(); |
|
||||
return fileName4; |
|
||||
}; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
@ -1,219 +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. |
|
||||
|
|
||||
--> |
|
||||
<form name="gatewayConfiguration" class="gateway-form"> |
|
||||
<md-expansion-panel-group> |
|
||||
<md-expansion-panel md-component-id="thingsboardPanelId"> |
|
||||
<md-expansion-panel-collapsed> |
|
||||
<div class="tb-panel-title">{{ 'gateway.thingsboard' | translate | uppercase }}</div> |
|
||||
<span flex></span> |
|
||||
<md-expansion-panel-icon></md-expansion-panel-icon> |
|
||||
</md-expansion-panel-collapsed> |
|
||||
<md-expansion-panel-expanded> |
|
||||
<md-expansion-panel-header ng-click="$mdExpansionPanel('thingsboardPanelId').collapse()"> |
|
||||
<div class="tb-panel-title">{{ 'gateway.thingsboard' | translate | uppercase }}</div> |
|
||||
<span flex></span> |
|
||||
<md-expansion-panel-icon></md-expansion-panel-icon> |
|
||||
</md-expansion-panel-header> |
|
||||
<md-expansion-panel-content> |
|
||||
<tb-gateway-config-select tb-required="true" |
|
||||
ng-model="vm.configurations.singleSelect" |
|
||||
the-form="gatewayConfiguration" |
|
||||
gateway-list="vm.gateways" |
|
||||
get_access_token="vm.getAccessToken" |
|
||||
create-device="vm.createDevice"> |
|
||||
</tb-gateway-config-select> |
|
||||
<md-input-container class="md-block"> |
|
||||
<label>{{'gateway.security-type' | translate }}</label> |
|
||||
<md-select name="securityType" ng-model="vm.configurations.securityType"> |
|
||||
<md-option ng-repeat="securityType in vm.securityTypes" ng-value="securityType.value"> |
|
||||
{{securityType.name}} |
|
||||
</md-option> |
|
||||
</md-select> |
|
||||
</md-input-container> |
|
||||
<div layout="row" class="gateway-form-row" |
|
||||
ng-class="{'gateway-config-row-vertical': vm.changeAlignment}"> |
|
||||
<md-input-container class="md-block" flex> |
|
||||
<label>{{ 'gateway.thingsboard-host' | translate }}</label> |
|
||||
<input type="text" name="host" ng-model="vm.configurations.host" required> |
|
||||
<div ng-messages="gatewayConfiguration.host.$error"> |
|
||||
<div ng-message="required" translate>extension.field-required</div> |
|
||||
</div> |
|
||||
</md-input-container> |
|
||||
<md-input-container class="md-block" flex> |
|
||||
<label>{{ 'gateway.thingsboard-port' | translate }}</label> |
|
||||
<input type="number" min="1" max="65535" step="1" name="port" |
|
||||
ng-model="vm.configurations.port" required> |
|
||||
<div ng-messages="gatewayConfiguration.port.$error"> |
|
||||
<div ng-message="required" translate>extension.field-required</div> |
|
||||
<div ng-message="max" translate>max</div> |
|
||||
<div ng-message="min" translate>min</div> |
|
||||
</div> |
|
||||
</md-input-container> |
|
||||
</div> |
|
||||
<div ng-if="vm.configurations.securityType=='tls'"> |
|
||||
<md-input-container class="md-block security-type"> |
|
||||
<label>{{'gateway.tls-path-ca-certificate' | translate }}</label> |
|
||||
<input type="text" ng-model="vm.configurations.caCertPath" name="caCertPath"/> |
|
||||
</md-input-container> |
|
||||
<md-input-container class="md-block"> |
|
||||
<label>{{'gateway.tls-path-private-key' | translate }}</label> |
|
||||
<input type="text" ng-model="vm.configurations.privateKeyPath" name="privateKeyPath"/> |
|
||||
</md-input-container> |
|
||||
<md-input-container class="md-block"> |
|
||||
<label>{{'gateway.tls-path-client-certificate' | translate }}</label> |
|
||||
<input type="text" ng-model="vm.configurations.certPath" name="certPath"/> |
|
||||
</md-input-container> |
|
||||
</div> |
|
||||
<md-checkbox ng-model="vm.configurations.remoteConfiguration" |
|
||||
name="remoteConfiguration" |
|
||||
ng-click="vm.setSaveTypeConfig({item: vm.configurations.remoteConfiguration})" |
|
||||
aria-label="{{ 'gateway.remote-tip' | translate }}"> |
|
||||
{{ 'gateway.remote' | translate }} |
|
||||
<md-tooltip md-direction="right">{{'gateway.remote-tip' | translate }}</md-tooltip> |
|
||||
</md-checkbox> |
|
||||
<div layout="row" class="gateway-form-row" |
|
||||
ng-class="{'gateway-config-row-vertical': vm.changeAlignment}"> |
|
||||
<md-input-container class="md-block md-select-container" flex> |
|
||||
<label>{{'gateway.remote-logging-level' | translate }}</label> |
|
||||
<md-select name="loggingLevel" ng-model="vm.configurations.remoteLoggingLevel"> |
|
||||
<md-option ng-repeat="loggingLevel in vm.types.gatewayLogLevel" |
|
||||
ng-value="loggingLevel" ng-selected="$index === 5"> |
|
||||
{{loggingLevel}} |
|
||||
</md-option> |
|
||||
</md-select> |
|
||||
</md-input-container> |
|
||||
<md-input-container class="md-block" flex> |
|
||||
<label>{{'gateway.remote-logging-path-logs' | translate }}</label> |
|
||||
<input type="text" ng-model="vm.configurations.remoteLoggingPathToLogs" |
|
||||
name="remoteLoggingPathToLogs" required> |
|
||||
<div ng-messages="gatewayConfiguration.remoteLoggingPathToLogs.$error"> |
|
||||
<div ng-message="required" translate>extension.field-required</div> |
|
||||
</div> |
|
||||
</md-input-container> |
|
||||
</div> |
|
||||
</md-expansion-panel-content> |
|
||||
</md-expansion-panel-expanded> |
|
||||
</md-expansion-panel> |
|
||||
<md-expansion-panel md-component-id="storagePanelId"> |
|
||||
<md-expansion-panel-collapsed> |
|
||||
<div class="tb-panel-title">{{ 'gateway.storage' | translate | uppercase }}</div> |
|
||||
<span flex></span> |
|
||||
<md-expansion-panel-icon></md-expansion-panel-icon> |
|
||||
</md-expansion-panel-collapsed> |
|
||||
<md-expansion-panel-expanded> |
|
||||
<md-expansion-panel-header ng-click="$mdExpansionPanel('storagePanelId').collapse()"> |
|
||||
<div class="tb-panel-title">{{ 'gateway.storage' | translate | uppercase }}</div> |
|
||||
<span flex></span> |
|
||||
<md-expansion-panel-icon></md-expansion-panel-icon> |
|
||||
</md-expansion-panel-header> |
|
||||
<md-expansion-panel-content> |
|
||||
<md-input-container class="md-block" flex> |
|
||||
<label>{{'gateway.storage-type' | translate }}</label> |
|
||||
<md-select required ng-model="vm.configurations.storageType"> |
|
||||
<md-option ng-repeat="storageType in vm.storageTypes" ng-value="storageType.value"> |
|
||||
{{storageType.name}} |
|
||||
</md-option> |
|
||||
</md-select> |
|
||||
</md-input-container> |
|
||||
|
|
||||
<div layout="row" class="gateway-form-row" |
|
||||
ng-class="{'gateway-config-row-vertical': vm.changeAlignment}"> |
|
||||
<md-input-container class="md-block" flex> |
|
||||
<label>{{'gateway.storage-read-time' | translate }}</label> |
|
||||
<input type="number" min="1" name="readRecordsCount" |
|
||||
ng-model='vm.configurations.readRecordsCount' required/> |
|
||||
<div ng-messages="gatewayConfiguration.readRecordsCount.$error"> |
|
||||
<div ng-message="required" translate>extension.field-required</div> |
|
||||
</div> |
|
||||
</md-input-container> |
|
||||
|
|
||||
<md-input-container class="md-block" flex> |
|
||||
<label>{{'gateway.storage-max-time' | translate }}</label> |
|
||||
<input type="number" min="1" name="maxRecordsCount" |
|
||||
ng-model='vm.configurations.maxRecordsCount' required/> |
|
||||
<div ng-messages="gatewayConfiguration.maxRecordsCount.$error"> |
|
||||
<div ng-message="required" translate>extension.field-required</div> |
|
||||
</div> |
|
||||
</md-input-container> |
|
||||
</div> |
|
||||
|
|
||||
<div layout="row" class="gateway-form-row" |
|
||||
ng-if="vm.configurations.storageType == 'fileStorage'" |
|
||||
ng-class="{'gateway-config-row-vertical': vm.changeAlignment}"> |
|
||||
<md-input-container class="md-block" flex> |
|
||||
<label>{{'gateway.storage-max-files' | translate }}</label> |
|
||||
<input type="number" min="1" name="maxFilesCount" ng-model='vm.configurations.maxFilesCount' |
|
||||
required/> |
|
||||
<div ng-messages="gatewayConfiguration.maxFilesCount.$error"> |
|
||||
<div ng-message="required" translate>extension.field-required</div> |
|
||||
</div> |
|
||||
</md-input-container> |
|
||||
|
|
||||
<md-input-container class="md-block" flex> |
|
||||
<label>{{'gateway.storage-data-path' | translate }}</label> |
|
||||
<input type="text" name="dataFolderPath" ng-model='vm.configurations.dataFolderPath' |
|
||||
required/> |
|
||||
<div ng-messages="gatewayConfiguration.dataFolderPath.$error"> |
|
||||
<div ng-message="required" translate>extension.field-required</div> |
|
||||
</div> |
|
||||
</md-input-container> |
|
||||
</div> |
|
||||
</md-expansion-panel-content> |
|
||||
</md-expansion-panel-expanded> |
|
||||
</md-expansion-panel> |
|
||||
<md-expansion-panel md-component-id="connectorsPanelId"> |
|
||||
<md-expansion-panel-collapsed> |
|
||||
<div class="tb-panel-title">{{ 'gateway.connectors' | translate | uppercase }}</div> |
|
||||
<span flex></span> |
|
||||
<md-expansion-panel-icon></md-expansion-panel-icon> |
|
||||
</md-expansion-panel-collapsed> |
|
||||
<md-expansion-panel-expanded> |
|
||||
<md-expansion-panel-header ng-click="$mdExpansionPanel('connectorsPanelId').collapse()"> |
|
||||
<div class="tb-panel-title">{{ 'gateway.connectors' | translate | uppercase }}</div> |
|
||||
<span flex></span> |
|
||||
<md-expansion-panel-icon></md-expansion-panel-icon> |
|
||||
</md-expansion-panel-header> |
|
||||
<md-expansion-panel-content> |
|
||||
<tb-gateway-config |
|
||||
gateway-config="vm.configurations.connectors" |
|
||||
change-alignment="vm.changeAlignment"> |
|
||||
</tb-gateway-config> |
|
||||
</md-expansion-panel-content> |
|
||||
</md-expansion-panel-expanded> |
|
||||
</md-expansion-panel> |
|
||||
</md-expansion-panel-group> |
|
||||
<section layout="row" layout-align="end center" class="form-action-buttons"> |
|
||||
<md-button class="md-primary md-raised" |
|
||||
ng-click="vm.exportConfig()" |
|
||||
ng-if="!vm.configurations.remoteConfiguration" |
|
||||
ng-disabled="gatewayConfiguration.$invalid || !gatewayConfiguration.$dirty" |
|
||||
aria-label="{{ 'gateway.download-tip' | translate }}"> |
|
||||
{{'action.download' | translate }} |
|
||||
<md-tooltip>{{'gateway.download-tip' | translate }}</md-tooltip> |
|
||||
</md-button> |
|
||||
|
|
||||
<md-button class="md-primary md-raised" |
|
||||
ng-click="vm.saveAttributeConfig()" |
|
||||
ng-if="vm.configurations.remoteConfiguration" |
|
||||
ng-disabled="gatewayConfiguration.$invalid || !gatewayConfiguration.$dirty" |
|
||||
aria-label="{{ 'gateway.save-tip' | translate }}"> |
|
||||
{{'action.save' | translate }} |
|
||||
<md-tooltip ng-if="vm.configurations.remoteConfiguration">{{'gateway.save-tip' | translate }}</md-tooltip> |
|
||||
</md-button> |
|
||||
</section> |
|
||||
</form> |
|
||||
@ -0,0 +1,170 @@ |
|||||
|
/* |
||||
|
* 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 './gateway-config.scss'; |
||||
|
|
||||
|
/* eslint-disable import/no-unresolved, import/default */ |
||||
|
|
||||
|
import gatewayConfigTemplate from './gateway-config.tpl.html'; |
||||
|
import gatewayConfigDialogTemplate from './gateway-config-dialog.tpl.html'; |
||||
|
import beautify from "js-beautify"; |
||||
|
|
||||
|
/* eslint-enable import/no-unresolved, import/default */ |
||||
|
const js_beautify = beautify.js; |
||||
|
|
||||
|
export default angular.module('thingsboard.directives.gatewayConfig', []) |
||||
|
.directive('tbGatewayConfig', GatewayConfig) |
||||
|
.name; |
||||
|
|
||||
|
/*@ngInject*/ |
||||
|
function GatewayConfig() { |
||||
|
return { |
||||
|
restrict: "E", |
||||
|
scope: true, |
||||
|
bindToController: { |
||||
|
disabled: '=ngDisabled', |
||||
|
gatewayConfig: '=', |
||||
|
changeAlignment: '=', |
||||
|
theForm: '=' |
||||
|
}, |
||||
|
controller: GatewayConfigController, |
||||
|
controllerAs: 'vm', |
||||
|
templateUrl: gatewayConfigTemplate |
||||
|
}; |
||||
|
} |
||||
|
|
||||
|
/*@ngInject*/ |
||||
|
function GatewayConfigController($scope, $document, $mdDialog, $mdUtil, $window, types) { |
||||
|
let vm = this; |
||||
|
vm.types = types; |
||||
|
|
||||
|
vm.removeConnector = (index) => { |
||||
|
if (index > -1) { |
||||
|
vm.gatewayConfig.splice(index, 1); |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
vm.addNewConnector = () => { |
||||
|
vm.gatewayConfig.push({ |
||||
|
enabled: false, |
||||
|
configType: '', |
||||
|
config: {}, |
||||
|
name: '' |
||||
|
}); |
||||
|
}; |
||||
|
|
||||
|
vm.openConfigDialog = ($event, index, config, typeName) => { |
||||
|
if ($event) { |
||||
|
$event.stopPropagation(); |
||||
|
} |
||||
|
$mdDialog.show({ |
||||
|
controller: GatewayDialogController, |
||||
|
controllerAs: 'vm', |
||||
|
templateUrl: gatewayConfigDialogTemplate, |
||||
|
parent: angular.element($document[0].body), |
||||
|
locals: { |
||||
|
config: config, |
||||
|
typeName: typeName |
||||
|
}, |
||||
|
targetEvent: $event, |
||||
|
fullscreen: true, |
||||
|
multiple: true, |
||||
|
}).then(function (config) { |
||||
|
if (config && index > -1) { |
||||
|
vm.gatewayConfig[index].config = config; |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
}; |
||||
|
|
||||
|
vm.changeConnectorType = (connector) => { |
||||
|
for (let gatewayConfigTypeKey in types.gatewayConfigType) { |
||||
|
if (types.gatewayConfigType[gatewayConfigTypeKey].value === connector.configType) { |
||||
|
if (!connector.name) { |
||||
|
connector.name = generateConnectorName(types.gatewayConfigType[gatewayConfigTypeKey].name, 0); |
||||
|
break; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
vm.changeConnectorName = (connector, currentConnectorIndex) => { |
||||
|
connector.name = validateConnectorName(connector.name, 0, currentConnectorIndex); |
||||
|
}; |
||||
|
|
||||
|
function generateConnectorName(name, index) { |
||||
|
let newKeyName = index ? name + index : name; |
||||
|
let indexRes = vm.gatewayConfig.findIndex((element) => element.name === newKeyName); |
||||
|
return indexRes === -1 ? newKeyName : generateConnectorName(name, ++index); |
||||
|
} |
||||
|
|
||||
|
function validateConnectorName(name, index, currentConnectorIndex) { |
||||
|
for (let i = 0; i < vm.gatewayConfig.length; i++) { |
||||
|
let nameEq = (index === 0) ? name : name + index; |
||||
|
if (i !== currentConnectorIndex && vm.gatewayConfig[i].name === nameEq) { |
||||
|
index++; |
||||
|
validateConnectorName(name, index, currentConnectorIndex); |
||||
|
} |
||||
|
} |
||||
|
return (index === 0) ? name : name + index; |
||||
|
} |
||||
|
|
||||
|
vm.validateJSON = (config) => { |
||||
|
return angular.equals({}, config); |
||||
|
}; |
||||
|
} |
||||
|
|
||||
|
/*@ngInject*/ |
||||
|
function GatewayDialogController($scope, $mdDialog, $document, $window, config, typeName) { |
||||
|
let vm = this; |
||||
|
vm.config = js_beautify(angular.toJson(config), {indent_size: 4}); |
||||
|
vm.typeName = typeName; |
||||
|
vm.configAreaOptions = { |
||||
|
useWrapMode: true, |
||||
|
mode: 'json', |
||||
|
advanced: { |
||||
|
enableSnippets: true, |
||||
|
enableBasicAutocompletion: true, |
||||
|
enableLiveAutocompletion: true |
||||
|
}, |
||||
|
onLoad: function (_ace) { |
||||
|
_ace.$blockScrolling = 1; |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
vm.validateConfig = (model, editorName) => { |
||||
|
if (model && model.length) { |
||||
|
try { |
||||
|
angular.fromJson(model); |
||||
|
$scope.theForm[editorName].$setValidity('config', true); |
||||
|
} catch (e) { |
||||
|
$scope.theForm[editorName].$setValidity('config', false); |
||||
|
} |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
vm.save = () => { |
||||
|
$mdDialog.hide(angular.fromJson(vm.config)); |
||||
|
}; |
||||
|
|
||||
|
vm.cancel = () => { |
||||
|
$mdDialog.hide(); |
||||
|
}; |
||||
|
|
||||
|
vm.beautifyJson = () => { |
||||
|
vm.config = js_beautify(vm.config, {indent_size: 4}); |
||||
|
}; |
||||
|
} |
||||
|
|
||||
@ -0,0 +1,81 @@ |
|||||
|
<!-- |
||||
|
|
||||
|
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. |
||||
|
|
||||
|
--> |
||||
|
<section name="gatewayConfig" layout="column" class="gateway-config"> |
||||
|
<section layout="row" ng-form="gatewayConfig_{{$index}}" ng-repeat="connector in vm.gatewayConfig track by $index"> |
||||
|
<div layout="column" layout-align="center start" class="gateway-config-row"> |
||||
|
<md-switch ng-model="connector.enabled" ng-disabled="gatewayConfig_{{$index}}.$invalid || vm.validateJSON(connector.config)" |
||||
|
aria-label="{{ 'gateway.connector-enabled' | translate }}"> |
||||
|
</md-switch> |
||||
|
</div> |
||||
|
<div layout="row" flex class="gateway-config-row" |
||||
|
ng-class="{'gateway-config-row-vertical': vm.changeAlignment}"> |
||||
|
<md-input-container class="md-block" flex> |
||||
|
<label>{{'gateway.connector-type' | translate }}</label> |
||||
|
<md-select name="connectorType" |
||||
|
ng-change="vm.changeConnectorType(connector)" |
||||
|
aria-label="{{ 'gateway.gateway.connector-type' | translate }}" |
||||
|
ng-model="connector.configType" required> |
||||
|
<md-option ng-repeat="configType in vm.types.gatewayConfigType" ng-value="configType.value"> |
||||
|
{{configType.value}} |
||||
|
</md-option> |
||||
|
</md-select> |
||||
|
<div ng-messages="vm.theForm.connectorType.$error"> |
||||
|
<div ng-message="required" translate>gateway.connector-type-required</div> |
||||
|
</div> |
||||
|
</md-input-container> |
||||
|
<md-input-container class="md-block" flex> |
||||
|
<input placeholder="{{'gateway.connector-name' | translate }}" |
||||
|
ng-model-options="{ updateOn: 'blur' }" |
||||
|
ng-change="vm.changeConnectorName(connector, $index)" name="connectorName" ng-model="connector.name" required/> |
||||
|
<div ng-messages="vm.theForm.connectorName.$error"> |
||||
|
<div ng-message="required" translate>gateway.connector-name-required</div> |
||||
|
</div> |
||||
|
</md-input-container> |
||||
|
</div> |
||||
|
<div layout="row" layout-align="end center" class="action-buttons" |
||||
|
ng-class="{'gateway-config-row-vertical': vm.changeAlignment}"> |
||||
|
<md-button class="md-icon-button md-mini" ng-click="vm.openConfigDialog($event, $index, connector.config, connector.name)" |
||||
|
aria-label="{{ 'gateway.update-config' | translate }}" |
||||
|
ng-class="{'md-warn': vm.validateJSON(connector.config)}"> |
||||
|
<md-icon class="material-icons">more_horiz</md-icon> |
||||
|
<md-tooltip md-direction="top"> |
||||
|
{{ 'gateway.update-config' | translate }} |
||||
|
</md-tooltip> |
||||
|
</md-button> |
||||
|
<md-button class="md-icon-button md-mini" ng-click="vm.removeConnector($index)" |
||||
|
aria-label="{{ 'gateway.delete' | translate }}"> |
||||
|
<md-icon class="material-icons">close</md-icon> |
||||
|
<md-tooltip md-direction="top"> |
||||
|
{{ 'gateway.delete' | translate }} |
||||
|
</md-tooltip> |
||||
|
</md-button> |
||||
|
</div> |
||||
|
</section> |
||||
|
<span ng-show="!vm.gatewayConfig.length" |
||||
|
layout-align="center center" ng-class="{'disabled': vm.disabled}" |
||||
|
class="no-data-found" translate>{{'gateway.no-connectors'}}</span> |
||||
|
<div> |
||||
|
<md-button class="md-raised" ng-click="vm.addNewConnector()" |
||||
|
aria-label="{{ 'gateway.connector-add' | translate }}"> |
||||
|
<md-tooltip md-direction="top"> |
||||
|
{{ 'gateway.connector-add' | translate }} |
||||
|
</md-tooltip> |
||||
|
<span translate>action.add</span> |
||||
|
</md-button> |
||||
|
</div> |
||||
|
</section > |
||||
@ -0,0 +1,467 @@ |
|||||
|
/* |
||||
|
* 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 './gateway-form.scss'; |
||||
|
/* eslint-disable import/no-unresolved, import/default */ |
||||
|
|
||||
|
import gatewayFormTemplate from './gateway-form.tpl.html'; |
||||
|
|
||||
|
/* eslint-enable import/no-unresolved, import/default */ |
||||
|
|
||||
|
export default angular.module('thingsboard.directives.gatewayForm', []) |
||||
|
.directive('tbGatewayForm', GatewayForm) |
||||
|
.name; |
||||
|
|
||||
|
/*@ngInject*/ |
||||
|
function GatewayForm() { |
||||
|
return { |
||||
|
restrict: "E", |
||||
|
scope: true, |
||||
|
bindToController: { |
||||
|
formId: '=', |
||||
|
ctx: '=' |
||||
|
}, |
||||
|
controller: GatewayFormController, |
||||
|
controllerAs: 'vm', |
||||
|
templateUrl: gatewayFormTemplate |
||||
|
}; |
||||
|
} |
||||
|
|
||||
|
/*@ngInject*/ |
||||
|
function GatewayFormController($scope, $injector, $document, $mdExpansionPanel, toast, importExport, attributeService, deviceService, userService, $mdDialog, $mdUtil, types, $window, $q, entityService, utils, $translate) { |
||||
|
let vm = this; |
||||
|
const currentConfigurationAttribute = "current_configuration"; |
||||
|
const configurationDraftsAttribute = "configuration_drafts"; |
||||
|
const configurationAttribute = "configuration"; |
||||
|
const remoteLoggingLevelAttribute = "RemoteLoggingLevel"; |
||||
|
|
||||
|
const templateLogsConfig = '[loggers]}}keys=root, service, connector, converter, tb_connection, storage, extension}}[handlers]}}keys=consoleHandler, serviceHandler, connectorHandler, converterHandler, tb_connectionHandler, storageHandler, extensionHandler}}[formatters]}}keys=LogFormatter}}[logger_root]}}level=ERROR}}handlers=consoleHandler}}[logger_connector]}}level={ERROR}}}handlers=connectorHandler}}formatter=LogFormatter}}qualname=connector}}[logger_storage]}}level={ERROR}}}handlers=storageHandler}}formatter=LogFormatter}}qualname=storage}}[logger_tb_connection]}}level={ERROR}}}handlers=tb_connectionHandler}}formatter=LogFormatter}}qualname=tb_connection}}[logger_service]}}level={ERROR}}}handlers=serviceHandler}}formatter=LogFormatter}}qualname=service}}[logger_converter]}}level={ERROR}}}handlers=connectorHandler}}formatter=LogFormatter}}qualname=converter}}[logger_extension]}}level={ERROR}}}handlers=connectorHandler}}formatter=LogFormatter}}qualname=extension}}[handler_consoleHandler]}}class=StreamHandler}}level={ERROR}}}formatter=LogFormatter}}args=(sys.stdout,)}}[handler_connectorHandler]}}level={ERROR}}}class=logging.handlers.TimedRotatingFileHandler}}formatter=LogFormatter}}args=("{./logs/}connector.log", "d", 1, 7,)}}[handler_storageHandler]}}level={ERROR}}}class=logging.handlers.TimedRotatingFileHandler}}formatter=LogFormatter}}args=("{./logs/}storage.log", "d", 1, 7,)}}[handler_serviceHandler]}}level={ERROR}}}class=logging.handlers.TimedRotatingFileHandler}}formatter=LogFormatter}}args=("{./logs/}service.log", "d", 1, 7,)}}[handler_converterHandler]}}level={ERROR}}}class=logging.handlers.TimedRotatingFileHandler}}formatter=LogFormatter}}args=("{./logs/}converter.log", "d", 1, 3,)}}[handler_extensionHandler]}}level={ERROR}}}class=logging.handlers.TimedRotatingFileHandler}}formatter=LogFormatter}}args=("{./logs/}extension.log", "d", 1, 3,)}}[handler_tb_connectionHandler]}}level={ERROR}}}class=logging.handlers.TimedRotatingFileHandler}}formatter=LogFormatter}}args=("{./logs/}tb_connection.log", "d", 1, 3,)}}[formatter_LogFormatter]}}format="%(asctime)s - %(levelname)s - [%(filename)s] - %(module)s - %(lineno)d - %(message)s" }}datefmt="%Y-%m-%d %H:%M:%S"'; |
||||
|
|
||||
|
vm.types = types; |
||||
|
|
||||
|
vm.configurations = { |
||||
|
gateway: '', |
||||
|
host: $document[0].domain, |
||||
|
port: 1883, |
||||
|
remoteConfiguration: true, |
||||
|
accessToken: '', |
||||
|
storageType: "memoryStorage", |
||||
|
readRecordsCount: 100, |
||||
|
maxRecordsCount: 10000, |
||||
|
dataFolderPath: './data/', |
||||
|
maxFilesCount: 5, |
||||
|
securityType: "accessToken", |
||||
|
caCertPath: '/etc/thingsboard-gateway/ca.pem', |
||||
|
privateKeyPath: '/etc/thingsboard-gateway/privateKey.pem', |
||||
|
certPath: '/etc/thingsboard-gateway/certificate.pem', |
||||
|
connectors: [], |
||||
|
remoteLoggingLevel: "DEBUG", |
||||
|
remoteLoggingPathToLogs: './logs/' |
||||
|
}; |
||||
|
|
||||
|
let archiveFileName = ''; |
||||
|
let gatewayNameExists = ''; |
||||
|
let successfulSaved = ''; |
||||
|
|
||||
|
vm.securityTypes = [{ |
||||
|
name: 'gateway.security-types.access-token', |
||||
|
value: 'accessToken' |
||||
|
}, { |
||||
|
name: 'gateway.security-types.tls', |
||||
|
value: 'tls' |
||||
|
}]; |
||||
|
|
||||
|
vm.storageTypes = [{ |
||||
|
name: 'gateway.storage-types.memory-storage', |
||||
|
value: 'memoryStorage' |
||||
|
}, { |
||||
|
name: 'gateway.storage-types.file-storage', |
||||
|
value: 'fileStorage' |
||||
|
}]; |
||||
|
|
||||
|
$scope.$watch('vm.ctx', function () { |
||||
|
if (vm.ctx ) { |
||||
|
vm.settings = vm.ctx.settings; |
||||
|
vm.widgetConfig = vm.ctx.widgetConfig; |
||||
|
initializeConfig(); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
$scope.$on('gateway-form-resize', function (event, formId) { |
||||
|
if (vm.formId == formId) { |
||||
|
updateWidgetDisplaying(); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
function updateWidgetDisplaying() { |
||||
|
vm.changeAlignment = (vm.ctx.$container[0].offsetWidth <= 425); |
||||
|
} |
||||
|
|
||||
|
function initWidgetSettings() { |
||||
|
let widgetTitle; |
||||
|
if (vm.settings.widgetTitle && vm.settings.widgetTitle.length) { |
||||
|
widgetTitle = utils.customTranslation(vm.settings.widgetTitle, vm.settings.widgetTitle); |
||||
|
} else { |
||||
|
widgetTitle = $translate.instant('gateway.gateway'); |
||||
|
} |
||||
|
vm.ctx.widgetTitle = widgetTitle; |
||||
|
|
||||
|
archiveFileName = vm.settings.archiveFileName && vm.settings.archiveFileName.length ? vm.settings.archiveFileName : 'gatewayConfiguration'; |
||||
|
gatewayNameExists = utils.customTranslation(vm.settings.deviceNameExist, vm.settings.deviceNameExist) || $translate.instant('gateway.gateway-exists'); |
||||
|
successfulSaved = utils.customTranslation(vm.settings.successfulSave, vm.settings.successfulSave) || $translate.instant('gateway.gateway-saved'); |
||||
|
} |
||||
|
|
||||
|
function initializeConfig() { |
||||
|
updateWidgetDisplaying(); |
||||
|
initWidgetSettings(); |
||||
|
getGatewaysList(true); |
||||
|
} |
||||
|
|
||||
|
vm.getAccessToken = (deviceId) => { |
||||
|
if (deviceId.id) { |
||||
|
getDeviceCredentials(deviceId.id); |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
vm.collapsePanel = function (panelId) { |
||||
|
$mdExpansionPanel(panelId).collapse(); |
||||
|
}; |
||||
|
|
||||
|
function getDeviceCredentials(deviceId) { |
||||
|
return deviceService.getDeviceCredentials(deviceId).then( |
||||
|
(deviceCredentials) => { |
||||
|
vm.configurations.accessToken = deviceCredentials.credentialsId; |
||||
|
getAttributes(); |
||||
|
} |
||||
|
); |
||||
|
} |
||||
|
|
||||
|
vm.createDevice = (deviceObj) => { |
||||
|
deviceService.findByName(deviceObj.name, {ignoreErrors: true}) |
||||
|
.then( |
||||
|
function () { |
||||
|
toast.showError(gatewayNameExists, angular.element('.gateway-form'),'top left'); |
||||
|
}, |
||||
|
function () { |
||||
|
if(vm.settings.gatewayType && vm.settings.gatewayType.length){ |
||||
|
deviceObj.type = vm.settings.gatewayType; |
||||
|
} |
||||
|
deviceService.saveDevice(deviceObj).then( |
||||
|
(device) => { |
||||
|
getDeviceCredentials(device.id.id).then(() =>{ |
||||
|
getGatewaysList(); |
||||
|
}); |
||||
|
} |
||||
|
); |
||||
|
}); |
||||
|
}; |
||||
|
|
||||
|
vm.saveAttributeConfig = () => { |
||||
|
$q.all([ |
||||
|
saveAttribute(configurationAttribute, $window.btoa(angular.toJson(getGatewayConfigJSON())), types.attributesScope.shared.value), |
||||
|
saveAttribute(configurationDraftsAttribute, $window.btoa(angular.toJson(getDraftConnectorJSON())), types.attributesScope.server.value), |
||||
|
saveAttribute(remoteLoggingLevelAttribute, vm.configurations.remoteLoggingLevel.toUpperCase(), types.attributesScope.shared.value) |
||||
|
]).then(() =>{ |
||||
|
toast.showSuccess(successfulSaved, 2000, angular.element('.gateway-form'),'top left'); |
||||
|
}) |
||||
|
}; |
||||
|
|
||||
|
function getAttributes() { |
||||
|
let promises = []; |
||||
|
promises.push(getAttribute(currentConfigurationAttribute, types.attributesScope.client.value)); |
||||
|
promises.push(getAttribute(configurationDraftsAttribute, types.attributesScope.server.value)); |
||||
|
promises.push(getAttribute(remoteLoggingLevelAttribute, types.attributesScope.shared.value)); |
||||
|
$q.all(promises).then((response) => { |
||||
|
processCurrentConfiguration(response[0]); |
||||
|
processConfigurationDrafts(response[1]); |
||||
|
processLoggingLevel(response[2]); |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
function getAttribute(attributeName, attributeScope) { |
||||
|
return attributeService.getEntityAttributesValues(vm.configurations.gateway.id.entityType, vm.configurations.gateway.id.id, attributeScope, attributeName); |
||||
|
} |
||||
|
|
||||
|
function saveAttribute(attributeName, attributeValue, attributeScope) { |
||||
|
let attributes = [{ |
||||
|
key: attributeName, |
||||
|
value: attributeValue |
||||
|
}]; |
||||
|
return attributeService.saveEntityAttributes(vm.configurations.gateway.id.entityType, vm.configurations.gateway.id.id, attributeScope, attributes); |
||||
|
} |
||||
|
|
||||
|
vm.exportConfig = () => { |
||||
|
let filesZip = {}; |
||||
|
filesZip["tb_gateway.yaml"] = generateYAMLConfigurationFile(); |
||||
|
generateConfigConnectorFiles(filesZip); |
||||
|
generateLogConfigFile(filesZip); |
||||
|
importExport.exportJSZip(filesZip, archiveFileName); |
||||
|
saveAttribute(remoteLoggingLevelAttribute, vm.configurations.remoteLoggingLevel.toUpperCase(), types.attributesScope.shared.value); |
||||
|
}; |
||||
|
|
||||
|
function generateYAMLConfigurationFile() { |
||||
|
let config; |
||||
|
config = 'thingsboard:\n'; |
||||
|
config += ' host: ' + vm.configurations.host + '\n'; |
||||
|
config += ' remoteConfiguration: ' + vm.configurations.remoteConfiguration + '\n'; |
||||
|
config += ' port: ' + vm.configurations.port + '\n'; |
||||
|
config += ' security:\n'; |
||||
|
if (vm.configurations.securityType === 'accessToken') { |
||||
|
config += ' access-token: ' + vm.configurations.accessToken + '\n'; |
||||
|
} else if (vm.configurations.securityType === 'tls') { |
||||
|
config += ' ca_cert: ' + vm.configurations.caCertPath + '\n'; |
||||
|
config += ' privateKey: ' + vm.configurations.privateKeyPath + '\n'; |
||||
|
config += ' cert: ' + vm.configurations.certPath + '\n'; |
||||
|
} |
||||
|
config += 'storage:\n'; |
||||
|
if (vm.configurations.storageType === 'memoryStorage') { |
||||
|
config += ' type: memory\n'; |
||||
|
config += ' read_records_count: ' + vm.configurations.readRecordsCount + '\n'; |
||||
|
config += ' max_records_count: ' + vm.configurations.maxRecordsCount + '\n'; |
||||
|
} else if (vm.configurations.storageType === 'fileStorage') { |
||||
|
config += ' type: file\n'; |
||||
|
config += ' data_folder_path: ' + vm.configurations.dataFolderPath + '\n'; |
||||
|
config += ' max_file_count: ' + vm.configurations.maxFilesCount + '\n'; |
||||
|
config += ' max_read_records_count: ' + vm.configurations.readRecordsCount + '\n'; |
||||
|
config += ' max_records_per_file: ' + vm.configurations.maxRecordsCount + '\n'; |
||||
|
} |
||||
|
config += 'connectors:\n'; |
||||
|
for(let i = 0; i < vm.configurations.connectors.length; i++){ |
||||
|
if (vm.configurations.connectors[i].enabled) { |
||||
|
config += ' -\n'; |
||||
|
config += ' name: ' + vm.configurations.connectors[i].name + '\n'; |
||||
|
config += ' type: ' + vm.configurations.connectors[i].configType + '\n'; |
||||
|
config += ' configuration: ' + generateFileName(vm.configurations.connectors[i].name) + '\n'; |
||||
|
} |
||||
|
} |
||||
|
return config; |
||||
|
} |
||||
|
|
||||
|
function generateConfigConnectorFiles(fileZipAdd) { |
||||
|
for(let i = 0; i < vm.configurations.connectors.length; i++){ |
||||
|
if (vm.configurations.connectors[i].enabled) { |
||||
|
fileZipAdd[generateFileName(vm.configurations.connectors[i].name)] = angular.toJson(vm.configurations.connectors[i].config); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
function generateLogConfigFile(fileZipAdd) { |
||||
|
fileZipAdd["logs.conf"] = getLogsConfig(); |
||||
|
} |
||||
|
|
||||
|
function getLogsConfig() { |
||||
|
return templateLogsConfig |
||||
|
.replace(/{ERROR}/g, vm.configurations.remoteLoggingLevel) |
||||
|
.replace(/{.\/logs\/}/g, vm.configurations.remoteLoggingPathToLogs); |
||||
|
} |
||||
|
|
||||
|
function getGatewayConfigJSON() { |
||||
|
let gatewayConfig = {}; |
||||
|
gatewayConfig["thingsboard"] = gatewayMainConfigJSON(); |
||||
|
gatewayConnectorConfigJSON(gatewayConfig); |
||||
|
return gatewayConfig; |
||||
|
} |
||||
|
|
||||
|
function gatewayMainConfigJSON() { |
||||
|
let configuration = {}; |
||||
|
|
||||
|
let thingsBoard = {}; |
||||
|
thingsBoard.host = vm.configurations.host; |
||||
|
thingsBoard.remoteConfiguration = vm.configurations.remoteConfiguration; |
||||
|
thingsBoard.port = vm.configurations.port; |
||||
|
let security = {}; |
||||
|
if (vm.configurations.securityType === 'accessToken') { |
||||
|
security.accessToken = (vm.configurations.accessToken) ? vm.configurations.accessToken : "" |
||||
|
} else { |
||||
|
security.caCert = vm.configurations.caCertPath; |
||||
|
security.privateKey = vm.configurations.privateKeyPath; |
||||
|
security.cert = vm.configurations.certPath; |
||||
|
} |
||||
|
thingsBoard.security = security; |
||||
|
configuration.thingsboard = thingsBoard; |
||||
|
|
||||
|
let storage = {}; |
||||
|
if (vm.configurations.storageType === 'memoryStorage') { |
||||
|
storage.type = "memory"; |
||||
|
storage.read_records_count = vm.configurations.readRecordsCount; |
||||
|
storage.max_records_count = vm.configurations.maxRecordsCount; |
||||
|
} else if (vm.configurations.storageType === 'fileStorage') { |
||||
|
storage.type = "file"; |
||||
|
storage.data_folder_path = vm.configurations.dataFolderPath; |
||||
|
storage.max_file_count = vm.configurations.maxFilesCount; |
||||
|
storage.max_read_records_count = vm.configurations.readRecordsCount; |
||||
|
storage.max_records_per_file = vm.configurations.maxRecordsCount; |
||||
|
} |
||||
|
configuration.storage = storage; |
||||
|
|
||||
|
let connectors = []; |
||||
|
for (let i = 0; i < vm.configurations.connectors.length; i++) { |
||||
|
if (vm.configurations.connectors[i].enabled) { |
||||
|
let connector = { |
||||
|
configuration: generateFileName(vm.configurations.connectors[i].name), |
||||
|
name: vm.configurations.connectors[i].name, |
||||
|
type: vm.configurations.connectors[i].configType |
||||
|
}; |
||||
|
connectors.push(connector); |
||||
|
} |
||||
|
} |
||||
|
configuration.connectors = connectors; |
||||
|
|
||||
|
configuration.logs = $window.btoa(getLogsConfig()); |
||||
|
|
||||
|
return configuration; |
||||
|
} |
||||
|
|
||||
|
function gatewayConnectorConfigJSON(gatewayConfiguration) { |
||||
|
for(let i = 0; i < vm.configurations.connectors.length; i++){ |
||||
|
if (vm.configurations.connectors[i].enabled) { |
||||
|
let typeConnector = vm.configurations.connectors[i].configType; |
||||
|
if(!angular.isArray(gatewayConfiguration[typeConnector])){ |
||||
|
gatewayConfiguration[typeConnector] = []; |
||||
|
} |
||||
|
|
||||
|
let connectorConfig = { |
||||
|
name: vm.configurations.connectors[i].name, |
||||
|
config: vm.configurations.connectors[i].config |
||||
|
}; |
||||
|
gatewayConfiguration[typeConnector].push(connectorConfig); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
function getDraftConnectorJSON() { |
||||
|
let draftConnector = {}; |
||||
|
for(let i = 0; i < vm.configurations.connectors.length; i++){ |
||||
|
if (!vm.configurations.connectors[i].enabled) { |
||||
|
let connector = { |
||||
|
connector: vm.configurations.connectors[i].configType, |
||||
|
config: vm.configurations.connectors[i].config |
||||
|
}; |
||||
|
draftConnector[vm.configurations.connectors[i].name] = connector; |
||||
|
} |
||||
|
} |
||||
|
return draftConnector; |
||||
|
} |
||||
|
|
||||
|
function getGatewaysList(firstInit) { |
||||
|
vm.gateways = []; |
||||
|
entityService.getEntitiesByNameFilter(types.entityType.device, "", -1).then((devices) => { |
||||
|
for (let i = 0; i < devices.length; i++) { |
||||
|
const device = devices[i]; |
||||
|
if (device.additionalInfo !== null && device.additionalInfo.gateway === true) { |
||||
|
vm.gateways.push(device); |
||||
|
if (firstInit && vm.gateways.length && device.name === vm.gateways[0].name) { |
||||
|
vm.configurations.gateway = device; |
||||
|
vm.getAccessToken(device.id); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
function processCurrentConfiguration(response) { |
||||
|
if (response.length > 0) { |
||||
|
vm.configurations.connectors = []; |
||||
|
let attribute = angular.fromJson($window.atob(response[0].value)); |
||||
|
for (var attributeKey in attribute) { |
||||
|
let keyValue = attribute[attributeKey]; |
||||
|
if (attributeKey === "thingsboard") { |
||||
|
if (keyValue !== null && Object.keys(keyValue).length > 0) { |
||||
|
setConfigGateway(keyValue); |
||||
|
} |
||||
|
} else { |
||||
|
for (let connectorType in keyValue) { |
||||
|
let name = "No name"; |
||||
|
if (Object.prototype.hasOwnProperty.call(keyValue[connectorType], 'name')) { |
||||
|
name = keyValue[connectorType].name ; |
||||
|
} |
||||
|
let connector = { |
||||
|
enabled: true, |
||||
|
configType: attributeKey, |
||||
|
config: keyValue[connectorType].config, |
||||
|
name: name |
||||
|
}; |
||||
|
vm.configurations.connectors.push(connector); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
function processConfigurationDrafts(response) { |
||||
|
if (response.length > 0) { |
||||
|
let attribute = angular.fromJson($window.atob(response[0].value)); |
||||
|
for (let key in attribute) { |
||||
|
let connector = { |
||||
|
enabled: false, |
||||
|
configType: attribute[key].connector, |
||||
|
config: attribute[key].config, |
||||
|
name: key |
||||
|
}; |
||||
|
vm.configurations.connectors.push(connector); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
function processLoggingLevel(response) { |
||||
|
if (response.length > 0) { |
||||
|
if (vm.types.gatewayLogLevel[response[0].value.toLowerCase()]) { |
||||
|
vm.configurations.remoteLoggingLevel = response[0].value.toUpperCase(); |
||||
|
} |
||||
|
} else { |
||||
|
vm.configurations.remoteLoggingLevel = vm.types.gatewayLogLevel.debug; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
function setConfigGateway(keyValue) { |
||||
|
if (Object.prototype.hasOwnProperty.call(keyValue, 'thingsboard')) { |
||||
|
vm.configurations.host = keyValue.thingsboard.host; |
||||
|
vm.configurations.port = keyValue.thingsboard.port; |
||||
|
vm.configurations.remoteConfiguration = keyValue.thingsboard.remoteConfiguration; |
||||
|
if (Object.prototype.hasOwnProperty.call(keyValue.thingsboard.security, 'accessToken')) { |
||||
|
vm.configurations.securityType = 'accessToken'; |
||||
|
vm.configurations.accessToken = keyValue.thingsboard.security.accessToken; |
||||
|
} else { |
||||
|
vm.configurations.securityType = 'tls'; |
||||
|
vm.configurations.caCertPath = keyValue.thingsboard.security.caCert; |
||||
|
vm.configurations.privateKeyPath = keyValue.thingsboard.security.private_key; |
||||
|
vm.configurations.certPath = keyValue.thingsboard.security.cert; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
if (Object.prototype.hasOwnProperty.call(keyValue, 'storage') && Object.prototype.hasOwnProperty.call(keyValue.storage, 'type')) { |
||||
|
if (keyValue.storage.type === 'memory') { |
||||
|
vm.configurations.storageType = 'memoryStorage'; |
||||
|
vm.configurations.readRecordsCount = keyValue.storage.read_records_count; |
||||
|
vm.configurations.maxRecordsCount = keyValue.storage.max_records_count; |
||||
|
} else if (keyValue.storage.type === 'file') { |
||||
|
vm.configurations.storageType = 'fileStorage'; |
||||
|
vm.configurations.dataFolderPath = keyValue.storage.data_folder_path; |
||||
|
vm.configurations.maxFilesCount = keyValue.storage.max_file_count; |
||||
|
vm.configurations.readRecordsCount = keyValue.storage.read_records_count; |
||||
|
vm.configurations.maxRecordsCount = keyValue.storage.max_records_count; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
function generateFileName(fileName) { |
||||
|
return fileName.replace("_", "") |
||||
|
.replace("-", "") |
||||
|
.replace(/^\s+|\s+/g, '') |
||||
|
.toLowerCase() + '.json'; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
@ -0,0 +1,227 @@ |
|||||
|
<!-- |
||||
|
|
||||
|
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-content md-scroll-y layout="column" class="gateway-form"> |
||||
|
<form name="gatewayConfiguration"> |
||||
|
<md-expansion-panel-group> |
||||
|
<md-expansion-panel md-component-id="thingsboardPanelId"> |
||||
|
<md-expansion-panel-collapsed> |
||||
|
<div class="tb-panel-title">{{ 'gateway.thingsboard' | translate | uppercase }}</div> |
||||
|
<span flex></span> |
||||
|
<md-expansion-panel-icon></md-expansion-panel-icon> |
||||
|
</md-expansion-panel-collapsed> |
||||
|
<md-expansion-panel-expanded> |
||||
|
<md-expansion-panel-header ng-click="vm.collapsePanel('thingsboardPanelId')"> |
||||
|
<div class="tb-panel-title">{{ 'gateway.thingsboard' | translate | uppercase }}</div> |
||||
|
<span flex></span> |
||||
|
<md-expansion-panel-icon></md-expansion-panel-icon> |
||||
|
</md-expansion-panel-header> |
||||
|
<md-expansion-panel-content> |
||||
|
<tb-gateway-config-select tb-required="true" |
||||
|
ng-model="vm.configurations.gateway" |
||||
|
the-form="gatewayConfiguration" |
||||
|
gateway-list="vm.gateways" |
||||
|
get_access_token="vm.getAccessToken" |
||||
|
create-device="vm.createDevice"> |
||||
|
</tb-gateway-config-select> |
||||
|
<md-input-container class="md-block"> |
||||
|
<label>{{'gateway.security-type' | translate }}</label> |
||||
|
<md-select name="securityType" ng-model="vm.configurations.securityType" required> |
||||
|
<md-option ng-repeat="securityType in vm.securityTypes" ng-value="securityType.value"> |
||||
|
{{securityType.name | translate}} |
||||
|
</md-option> |
||||
|
</md-select> |
||||
|
</md-input-container> |
||||
|
<div layout="row" class="gateway-form-row" |
||||
|
ng-class="{'gateway-config-row-vertical': vm.changeAlignment}"> |
||||
|
<md-input-container class="md-block" flex> |
||||
|
<label>{{ 'gateway.thingsboard-host' | translate }}</label> |
||||
|
<input type="text" name="host" ng-model="vm.configurations.host" required> |
||||
|
<div ng-messages="gatewayConfiguration.host.$error"> |
||||
|
<div ng-message="required" translate>gateway.thingsboard-host-required</div> |
||||
|
</div> |
||||
|
</md-input-container> |
||||
|
<md-input-container class="md-block" flex> |
||||
|
<label>{{ 'gateway.thingsboard-port' | translate }}</label> |
||||
|
<input type="number" min="1" max="65535" ng-pattern="/^-?[0-9]+$/" name="port" |
||||
|
ng-model="vm.configurations.port" required> |
||||
|
<div ng-messages="gatewayConfiguration.port.$error"> |
||||
|
<div ng-message="required" translate>gateway.thingsboard-port-required</div> |
||||
|
<div ng-message="max" translate>gateway.thingsboard-port-max</div> |
||||
|
<div ng-message="min" translate>gateway.thingsboard-port-min</div> |
||||
|
<div ng-message="pattern" translate>gateway.thingsboard-port-pattern</div> |
||||
|
</div> |
||||
|
</md-input-container> |
||||
|
</div> |
||||
|
<div ng-if="vm.configurations.securityType=='tls'"> |
||||
|
<md-input-container class="md-block security-type"> |
||||
|
<label>{{'gateway.tls-path-ca-certificate' | translate }}</label> |
||||
|
<input type="text" ng-model="vm.configurations.caCertPath" name="caCertPath" /> |
||||
|
</md-input-container> |
||||
|
<md-input-container class="md-block"> |
||||
|
<label>{{'gateway.tls-path-private-key' | translate }}</label> |
||||
|
<input type="text" ng-model="vm.configurations.privateKeyPath" name="privateKeyPath" /> |
||||
|
</md-input-container> |
||||
|
<md-input-container class="md-block"> |
||||
|
<label>{{'gateway.tls-path-client-certificate' | translate }}</label> |
||||
|
<input type="text" ng-model="vm.configurations.certPath" name="certPath" /> |
||||
|
</md-input-container> |
||||
|
</div> |
||||
|
<md-checkbox ng-model="vm.configurations.remoteConfiguration" |
||||
|
name="remoteConfiguration" |
||||
|
aria-label="{{ 'gateway.remote-remote' | translate }}"> |
||||
|
{{ 'gateway.remote' | translate }} |
||||
|
</md-checkbox> |
||||
|
<div layout="row" class="gateway-form-row" |
||||
|
ng-class="{'gateway-config-row-vertical': vm.changeAlignment}"> |
||||
|
<md-input-container class="md-block md-select-container" flex> |
||||
|
<label>{{'gateway.remote-logging-level' | translate }}</label> |
||||
|
<md-select name="loggingLevel" ng-model="vm.configurations.remoteLoggingLevel"> |
||||
|
<md-option ng-repeat="logLevel in vm.types.gatewayLogLevel" |
||||
|
ng-value="logLevel" ng-selected="$index === 5"> |
||||
|
{{logLevel}} |
||||
|
</md-option> |
||||
|
</md-select> |
||||
|
</md-input-container> |
||||
|
<md-input-container class="md-block" flex> |
||||
|
<label>{{'gateway.path-logs' | translate }}</label> |
||||
|
<input type="text" ng-model="vm.configurations.remoteLoggingPathToLogs" |
||||
|
name="remoteLoggingPathToLogs" required> |
||||
|
<div ng-messages="gatewayConfiguration.remoteLoggingPathToLogs.$error"> |
||||
|
<div ng-message="required" translate>gateway.path-logs-required</div> |
||||
|
</div> |
||||
|
</md-input-container> |
||||
|
</div> |
||||
|
</md-expansion-panel-content> |
||||
|
</md-expansion-panel-expanded> |
||||
|
</md-expansion-panel> |
||||
|
<md-expansion-panel md-component-id="storagePanelId"> |
||||
|
<md-expansion-panel-collapsed> |
||||
|
<div class="tb-panel-title">{{ 'gateway.storage' | translate | uppercase }}</div> |
||||
|
<span flex></span> |
||||
|
<md-expansion-panel-icon></md-expansion-panel-icon> |
||||
|
</md-expansion-panel-collapsed> |
||||
|
<md-expansion-panel-expanded> |
||||
|
<md-expansion-panel-header ng-click="vm.collapsePanel('storagePanelId')"> |
||||
|
<div class="tb-panel-title">{{ 'gateway.storage' | translate | uppercase }}</div> |
||||
|
<span flex></span> |
||||
|
<md-expansion-panel-icon></md-expansion-panel-icon> |
||||
|
</md-expansion-panel-header> |
||||
|
<md-expansion-panel-content> |
||||
|
<md-input-container class="md-block" flex> |
||||
|
<label>{{'gateway.storage-type' | translate }}</label> |
||||
|
<md-select required ng-model="vm.configurations.storageType"> |
||||
|
<md-option ng-repeat="storageType in vm.storageTypes" ng-value="storageType.value"> |
||||
|
{{storageType.name | translate}} |
||||
|
</md-option> |
||||
|
</md-select> |
||||
|
</md-input-container> |
||||
|
|
||||
|
<div layout="row" class="gateway-form-row" |
||||
|
ng-class="{'gateway-config-row-vertical': vm.changeAlignment}"> |
||||
|
<md-input-container class="md-block" flex> |
||||
|
<label>{{'gateway.storage-pack-size' | translate }}</label> |
||||
|
<input type="number" min="1" name="readRecordsCount" ng-pattern="/^-?[0-9]+$/" |
||||
|
ng-model='vm.configurations.readRecordsCount' required/> |
||||
|
<div ng-messages="gatewayConfiguration.readRecordsCount.$error"> |
||||
|
<div ng-message="required" translate>gateway.storage-pack-size-required</div> |
||||
|
<div ng-message="min" translate>gateway.storage-pack-size-min</div> |
||||
|
<div ng-message="pattern" translate>gateway.storage-pack-size-pattern</div> |
||||
|
</div> |
||||
|
</md-input-container> |
||||
|
|
||||
|
<md-input-container class="md-block" flex> |
||||
|
<label translate>{{ vm.configurations.storageType !== 'fileStorage' ? 'gateway.storage-max-records' : 'gateway.storage-max-file-records' }}</label> |
||||
|
<input type="number" min="1" name="maxRecordsCount" ng-pattern="/^-?[0-9]+$/" |
||||
|
ng-model='vm.configurations.maxRecordsCount' required/> |
||||
|
<div ng-messages="gatewayConfiguration.maxRecordsCount.$error"> |
||||
|
<div ng-message="required" translate>gateway.storage-max-records-required</div> |
||||
|
<div ng-message="min" translate>gateway.storage-max-records-min</div> |
||||
|
<div ng-message="pattern" translate>gateway.storage-max-records-pattern</div> |
||||
|
</div> |
||||
|
</md-input-container> |
||||
|
</div> |
||||
|
|
||||
|
<div layout="row" class="gateway-form-row" |
||||
|
ng-if="vm.configurations.storageType == 'fileStorage'" |
||||
|
ng-class="{'gateway-config-row-vertical': vm.changeAlignment}"> |
||||
|
<md-input-container class="md-block" flex> |
||||
|
<label>{{'gateway.storage-max-files' | translate }}</label> |
||||
|
<input type="number" min="1" name="maxFilesCount" ng-pattern="/^-?[0-9]+$/" |
||||
|
ng-model='vm.configurations.maxFilesCount' required/> |
||||
|
<div ng-messages="gatewayConfiguration.maxFilesCount.$error"> |
||||
|
<div ng-message="required" translate>gateway.storage-max-files-required</div> |
||||
|
<div ng-message="min" translate>gateway.storage-max-files-min</div> |
||||
|
<div ng-message="pattern" translate>gateway.storage-max-files-pattern</div> |
||||
|
</div> |
||||
|
</md-input-container> |
||||
|
|
||||
|
<md-input-container class="md-block" flex> |
||||
|
<label>{{'gateway.storage-path' | translate }}</label> |
||||
|
<input type="text" name="dataFolderPath" ng-model='vm.configurations.dataFolderPath' |
||||
|
required/> |
||||
|
<div ng-messages="gatewayConfiguration.dataFolderPath.$error"> |
||||
|
<div ng-message="required" translate>gateway.storage-path-required</div> |
||||
|
</div> |
||||
|
</md-input-container> |
||||
|
</div> |
||||
|
</md-expansion-panel-content> |
||||
|
</md-expansion-panel-expanded> |
||||
|
</md-expansion-panel> |
||||
|
<md-expansion-panel md-component-id="connectorsPanelId"> |
||||
|
<md-expansion-panel-collapsed> |
||||
|
<div class="tb-panel-title">{{ 'gateway.connectors' | translate | uppercase }}</div> |
||||
|
<span flex></span> |
||||
|
<md-expansion-panel-icon></md-expansion-panel-icon> |
||||
|
</md-expansion-panel-collapsed> |
||||
|
<md-expansion-panel-expanded> |
||||
|
<md-expansion-panel-header ng-click="vm.collapsePanel('connectorsPanelId')"> |
||||
|
<div class="tb-panel-title">{{ 'gateway.connectors' | translate | uppercase }}</div> |
||||
|
<span flex></span> |
||||
|
<md-expansion-panel-icon></md-expansion-panel-icon> |
||||
|
</md-expansion-panel-header> |
||||
|
<md-expansion-panel-content> |
||||
|
<tb-gateway-config |
||||
|
gateway-config="vm.configurations.connectors" |
||||
|
the-form="gatewayConfiguration" |
||||
|
change-alignment="vm.changeAlignment"> |
||||
|
</tb-gateway-config> |
||||
|
</md-expansion-panel-content> |
||||
|
</md-expansion-panel-expanded> |
||||
|
</md-expansion-panel> |
||||
|
</md-expansion-panel-group> |
||||
|
<section layout="row" layout-align="end center" class="form-action-buttons"> |
||||
|
<md-button class="md-primary md-raised" |
||||
|
ng-click="vm.exportConfig()" |
||||
|
ng-if="!vm.configurations.remoteConfiguration" |
||||
|
ng-disabled="gatewayConfiguration.$invalid || !gatewayConfiguration.$dirty" |
||||
|
aria-label="{{ 'gateway.download-tip' | translate }}"> |
||||
|
{{'action.download' | translate }} |
||||
|
<md-tooltip>{{'gateway.download-tip' | translate }}</md-tooltip> |
||||
|
</md-button> |
||||
|
|
||||
|
<md-button class="md-primary md-raised" |
||||
|
ng-click="vm.saveAttributeConfig()" |
||||
|
ng-if="vm.configurations.remoteConfiguration" |
||||
|
ng-disabled="gatewayConfiguration.$invalid || !gatewayConfiguration.$dirty" |
||||
|
aria-label="{{ 'gateway.save-tip' | translate }}"> |
||||
|
{{'action.save' | translate }} |
||||
|
<md-tooltip ng-if="vm.configurations.remoteConfiguration">{{'gateway.save-tip' | translate }}</md-tooltip> |
||||
|
</md-button> |
||||
|
</section> |
||||
|
</form> |
||||
|
</md-content> |
||||
Loading…
Reference in new issue