Igor Kulikov
9 years ago
35 changed files with 483 additions and 72 deletions
@ -0,0 +1,22 @@ |
|||||
|
/** |
||||
|
* Copyright © 2016-2018 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. |
||||
|
*/ |
||||
|
package org.thingsboard.rule.engine.api; |
||||
|
|
||||
|
public interface NodeConfiguration { |
||||
|
|
||||
|
NodeConfiguration defaultConfiguration(); |
||||
|
|
||||
|
} |
||||
@ -1,2 +0,0 @@ |
|||||
{ |
|
||||
} |
|
||||
@ -1,2 +0,0 @@ |
|||||
{ |
|
||||
} |
|
||||
@ -0,0 +1,165 @@ |
|||||
|
/* |
||||
|
* Copyright © 2016-2018 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 './json-object-edit.scss'; |
||||
|
|
||||
|
import 'brace/ext/language_tools'; |
||||
|
import 'brace/mode/json'; |
||||
|
import 'ace-builds/src-min-noconflict/snippets/json'; |
||||
|
|
||||
|
/* eslint-disable import/no-unresolved, import/default */ |
||||
|
|
||||
|
import jsonObjectEditTemplate from './json-object-edit.tpl.html'; |
||||
|
|
||||
|
/* eslint-enable import/no-unresolved, import/default */ |
||||
|
|
||||
|
export default angular.module('thingsboard.directives.jsonObjectEdit', []) |
||||
|
.directive('tbJsonObjectEdit', JsonObjectEdit) |
||||
|
.name; |
||||
|
|
||||
|
/*@ngInject*/ |
||||
|
function JsonObjectEdit($compile, $templateCache, toast, utils) { |
||||
|
|
||||
|
var linker = function (scope, element, attrs, ngModelCtrl) { |
||||
|
var template = $templateCache.get(jsonObjectEditTemplate); |
||||
|
element.html(template); |
||||
|
|
||||
|
scope.label = attrs.label; |
||||
|
|
||||
|
scope.objectValid = true; |
||||
|
scope.validationError = ''; |
||||
|
|
||||
|
scope.json_editor; |
||||
|
|
||||
|
scope.onFullscreenChanged = function () { |
||||
|
updateEditorSize(); |
||||
|
}; |
||||
|
|
||||
|
function updateEditorSize() { |
||||
|
if (scope.json_editor) { |
||||
|
scope.json_editor.resize(); |
||||
|
scope.json_editor.renderer.updateFull(); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
scope.jsonEditorOptions = { |
||||
|
useWrapMode: true, |
||||
|
mode: 'json', |
||||
|
advanced: { |
||||
|
enableSnippets: true, |
||||
|
enableBasicAutocompletion: true, |
||||
|
enableLiveAutocompletion: true |
||||
|
}, |
||||
|
onLoad: function (_ace) { |
||||
|
scope.json_editor = _ace; |
||||
|
scope.json_editor.session.on("change", function () { |
||||
|
scope.cleanupJsonErrors(); |
||||
|
}); |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
scope.cleanupJsonErrors = function () { |
||||
|
toast.hide(); |
||||
|
}; |
||||
|
|
||||
|
scope.updateValidity = function () { |
||||
|
ngModelCtrl.$setValidity('objectValid', scope.objectValid); |
||||
|
}; |
||||
|
|
||||
|
scope.$watch('contentBody', function (newVal, prevVal) { |
||||
|
if (!angular.equals(newVal, prevVal)) { |
||||
|
var object = scope.validate(); |
||||
|
ngModelCtrl.$setViewValue(object); |
||||
|
scope.updateValidity(); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
ngModelCtrl.$render = function () { |
||||
|
var object = ngModelCtrl.$viewValue; |
||||
|
var content = ''; |
||||
|
try { |
||||
|
if (object) { |
||||
|
content = angular.toJson(object, true); |
||||
|
} |
||||
|
} catch (e) { |
||||
|
//
|
||||
|
} |
||||
|
scope.contentBody = content; |
||||
|
}; |
||||
|
|
||||
|
scope.showError = function (error) { |
||||
|
var toastParent = angular.element('#tb-json-panel', element); |
||||
|
toast.showError(error, toastParent, 'bottom left'); |
||||
|
}; |
||||
|
|
||||
|
scope.validate = function () { |
||||
|
if (!scope.contentBody || !scope.contentBody.length) { |
||||
|
if (scope.required) { |
||||
|
scope.validationError = 'Json object is required.'; |
||||
|
scope.objectValid = false; |
||||
|
} else { |
||||
|
scope.validationError = ''; |
||||
|
scope.objectValid = true; |
||||
|
} |
||||
|
return null; |
||||
|
} else { |
||||
|
try { |
||||
|
var object = angular.fromJson(scope.contentBody); |
||||
|
scope.validationError = ''; |
||||
|
scope.objectValid = true; |
||||
|
return object; |
||||
|
} catch (e) { |
||||
|
var details = utils.parseException(e); |
||||
|
var errorInfo = 'Error:'; |
||||
|
if (details.name) { |
||||
|
errorInfo += ' ' + details.name + ':'; |
||||
|
} |
||||
|
if (details.message) { |
||||
|
errorInfo += ' ' + details.message; |
||||
|
} |
||||
|
scope.validationError = errorInfo; |
||||
|
scope.objectValid = false; |
||||
|
return null; |
||||
|
} |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
scope.$on('form-submit', function () { |
||||
|
if (!scope.readonly) { |
||||
|
scope.cleanupJsonErrors(); |
||||
|
if (!scope.objectValid) { |
||||
|
scope.showError(scope.validationError); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
scope.$on('update-ace-editor-size', function () { |
||||
|
updateEditorSize(); |
||||
|
}); |
||||
|
|
||||
|
$compile(element.contents())(scope); |
||||
|
} |
||||
|
|
||||
|
return { |
||||
|
restrict: "E", |
||||
|
require: "^ngModel", |
||||
|
scope: { |
||||
|
required:'=ngRequired', |
||||
|
readonly:'=ngReadonly', |
||||
|
fillHeight:'=?' |
||||
|
}, |
||||
|
link: linker |
||||
|
}; |
||||
|
} |
||||
@ -0,0 +1,35 @@ |
|||||
|
/** |
||||
|
* Copyright © 2016-2018 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-json-object-edit { |
||||
|
position: relative; |
||||
|
.fill-height { |
||||
|
height: 100%; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.tb-json-object-panel { |
||||
|
margin-left: 15px; |
||||
|
border: 1px solid #C0C0C0; |
||||
|
height: 100%; |
||||
|
#tb-json-input { |
||||
|
min-width: 200px; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
&:not(.fill-height) { |
||||
|
min-height: 200px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,34 @@ |
|||||
|
<!-- |
||||
|
|
||||
|
Copyright © 2016-2018 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 style="background: #fff;" ng-class="{'fill-height': fillHeight}" tb-expand-fullscreen fullscreen-zindex="100" expand-button-id="expand-button" on-fullscreen-changed="onFullscreenChanged()" layout="column"> |
||||
|
<div layout="row" layout-align="start center"> |
||||
|
<label class="tb-title no-padding" |
||||
|
ng-class="{'tb-required': required, |
||||
|
'tb-readonly': readonly, |
||||
|
'tb-error': !objectValid}">{{ label }}</label> |
||||
|
<span flex></span> |
||||
|
<md-button id="expand-button" aria-label="Fullscreen" class="md-icon-button tb-md-32 tb-fullscreen-button-style"></md-button> |
||||
|
</div> |
||||
|
<div flex id="tb-json-panel" class="tb-json-object-panel" layout="column"> |
||||
|
<div flex id="tb-json-input" ng-class="{'fill-height': fillHeight}" |
||||
|
ng-readonly="readonly" |
||||
|
ui-ace="jsonEditorOptions" |
||||
|
ng-model="contentBody"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
@ -0,0 +1,22 @@ |
|||||
|
/** |
||||
|
* Copyright © 2016-2018 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-rulenode { |
||||
|
tb-json-object-edit.tb-rule-node-configuration-json { |
||||
|
height: 300px; |
||||
|
display: block; |
||||
|
} |
||||
|
} |
||||
Loading…
Reference in new issue