Volodymyr Babak
6 years ago
9 changed files with 685 additions and 1 deletions
@ -0,0 +1,93 @@ |
|||||
|
/** |
||||
|
* 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-list.tb-edge-downlinks-table { |
||||
|
padding: 0; |
||||
|
|
||||
|
md-list-item { |
||||
|
padding: 0; |
||||
|
} |
||||
|
|
||||
|
.tb-row { |
||||
|
height: 48px; |
||||
|
padding: 0; |
||||
|
overflow: hidden; |
||||
|
|
||||
|
.tb-cell { |
||||
|
text-overflow: ellipsis; |
||||
|
|
||||
|
&.tb-scroll { |
||||
|
overflow-x: auto; |
||||
|
overflow-y: hidden; |
||||
|
white-space: nowrap; |
||||
|
} |
||||
|
|
||||
|
&.tb-nowrap { |
||||
|
white-space: nowrap; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.tb-row:hover { |
||||
|
background-color: #eee; |
||||
|
} |
||||
|
|
||||
|
.tb-header:hover { |
||||
|
background: none; |
||||
|
} |
||||
|
|
||||
|
.tb-header { |
||||
|
.tb-cell { |
||||
|
font-size: 12px; |
||||
|
font-weight: 700; |
||||
|
color: rgba(0, 0, 0, .54); |
||||
|
white-space: nowrap; |
||||
|
background: none; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.tb-cell { |
||||
|
&:first-child { |
||||
|
padding-left: 14px; |
||||
|
} |
||||
|
|
||||
|
&:last-child { |
||||
|
padding-right: 14px; |
||||
|
} |
||||
|
padding: 0 6px; |
||||
|
margin: auto 0; |
||||
|
overflow: hidden; |
||||
|
font-size: 13px; |
||||
|
color: rgba(0, 0, 0, .87); |
||||
|
text-align: left; |
||||
|
vertical-align: middle; |
||||
|
|
||||
|
.md-button { |
||||
|
padding: 0; |
||||
|
margin: 0; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.tb-cell.tb-number { |
||||
|
text-align: right; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
#tb-edge-downlinks-content { |
||||
|
width: 100%; |
||||
|
min-width: 400px; |
||||
|
height: 100%; |
||||
|
min-height: 50px; |
||||
|
} |
||||
@ -0,0 +1,92 @@ |
|||||
|
/* |
||||
|
* 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 $ from 'jquery'; |
||||
|
import 'brace/ext/language_tools'; |
||||
|
import 'brace/ext/searchbox'; |
||||
|
import 'brace/mode/java'; |
||||
|
import 'brace/theme/github'; |
||||
|
import beautify from 'js-beautify'; |
||||
|
|
||||
|
/* eslint-disable angular/angularelement */ |
||||
|
|
||||
|
const js_beautify = beautify.js; |
||||
|
|
||||
|
/*@ngInject*/ |
||||
|
export default function EdgeDownlinksContentDialogController($mdDialog, types, content, contentType, title, showingCallback) { |
||||
|
|
||||
|
var vm = this; |
||||
|
|
||||
|
showingCallback.onShowing = function(scope, element) { |
||||
|
updateEditorSize(element); |
||||
|
} |
||||
|
|
||||
|
vm.content = content; |
||||
|
vm.title = title; |
||||
|
|
||||
|
var mode; |
||||
|
if (contentType) { |
||||
|
mode = types.contentType[contentType].code; |
||||
|
if (contentType == types.contentType.JSON.value && vm.content) { |
||||
|
vm.content = js_beautify(vm.content, {indent_size: 4}); |
||||
|
} |
||||
|
} else { |
||||
|
mode = 'java'; |
||||
|
} |
||||
|
|
||||
|
vm.contentOptions = { |
||||
|
useWrapMode: false, |
||||
|
mode: mode, |
||||
|
showGutter: false, |
||||
|
showPrintMargin: false, |
||||
|
theme: 'github', |
||||
|
advanced: { |
||||
|
enableSnippets: false, |
||||
|
enableBasicAutocompletion: false, |
||||
|
enableLiveAutocompletion: false |
||||
|
}, |
||||
|
onLoad: function (_ace) { |
||||
|
vm.editor = _ace; |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
function updateEditorSize(element) { |
||||
|
var newHeight = 400; |
||||
|
var newWidth = 600; |
||||
|
if (vm.content && vm.content.length > 0) { |
||||
|
var lines = vm.content.split('\n'); |
||||
|
newHeight = 16 * lines.length + 16; |
||||
|
var maxLineLength = 0; |
||||
|
for (var i = 0; i < lines.length; i++) { |
||||
|
var line = lines[i].replace(/\t/g, ' ').replace(/\n/g, ''); |
||||
|
var lineLength = line.length; |
||||
|
maxLineLength = Math.max(maxLineLength, lineLength); |
||||
|
} |
||||
|
newWidth = 8 * maxLineLength + 16; |
||||
|
} |
||||
|
$('#tb-edge-downlinks-content', element).height(newHeight.toString() + "px") |
||||
|
.width(newWidth.toString() + "px"); |
||||
|
vm.editor.resize(); |
||||
|
} |
||||
|
|
||||
|
vm.close = close; |
||||
|
|
||||
|
function close () { |
||||
|
$mdDialog.hide(); |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
/* eslint-enable angular/angularelement */ |
||||
@ -0,0 +1,42 @@ |
|||||
|
<!-- |
||||
|
|
||||
|
Copyright © 2016-2020 The Thingsboard Authors |
||||
|
|
||||
|
Licensed under the Apache License, Version 2.0 (the "License"); |
||||
|
you may not use this file except in compliance with the License. |
||||
|
You may obtain a copy of the License at |
||||
|
|
||||
|
http://www.apache.org/licenses/LICENSE-2.0 |
||||
|
|
||||
|
Unless required by applicable law or agreed to in writing, software |
||||
|
distributed under the License is distributed on an "AS IS" BASIS, |
||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||
|
See the License for the specific language governing permissions and |
||||
|
limitations under the License. |
||||
|
|
||||
|
--> |
||||
|
<md-dialog aria-label="{{ vm.title | translate }}"> |
||||
|
<md-toolbar> |
||||
|
<div class="md-toolbar-tools"> |
||||
|
<h2 translate>{{ vm.title }}</h2> |
||||
|
<span flex></span> |
||||
|
<md-button class="md-icon-button" ng-click="vm.close()"> |
||||
|
<ng-md-icon icon="close" aria-label="{{ 'dialog.close' | translate }}"></ng-md-icon> |
||||
|
</md-button> |
||||
|
</div> |
||||
|
</md-toolbar> |
||||
|
<md-dialog-content> |
||||
|
<div class="md-dialog-content"> |
||||
|
<div flex id="tb-edge-downlinks-content" readonly |
||||
|
ui-ace="vm.contentOptions" |
||||
|
ng-model="vm.content"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</md-dialog-content> |
||||
|
<md-dialog-actions layout="row"> |
||||
|
<span flex></span> |
||||
|
<md-button ng-disabled="$root.loading" ng-click="vm.close()" style="margin-right:20px;">{{ 'action.close' | |
||||
|
translate }} |
||||
|
</md-button> |
||||
|
</md-dialog-actions> |
||||
|
</md-dialog> |
||||
@ -0,0 +1,39 @@ |
|||||
|
/* |
||||
|
* Copyright © 2016-2020 The Thingsboard Authors |
||||
|
* |
||||
|
* Licensed under the Apache License, Version 2.0 (the "License"); |
||||
|
* you may not use this file except in compliance with the License. |
||||
|
* You may obtain a copy of the License at |
||||
|
* |
||||
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
* |
||||
|
* Unless required by applicable law or agreed to in writing, software |
||||
|
* distributed under the License is distributed on an "AS IS" BASIS, |
||||
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||
|
* See the License for the specific language governing permissions and |
||||
|
* limitations under the License. |
||||
|
*/ |
||||
|
/* eslint-disable import/no-unresolved, import/default */ |
||||
|
|
||||
|
import edgeDownlinksHeaderTemplate from './edge-downlinks-header.tpl.html' |
||||
|
|
||||
|
/* eslint-enable import/no-unresolved, import/default */ |
||||
|
|
||||
|
/*@ngInject*/ |
||||
|
export default function EdgeDownlinksHeaderDirective($compile, $templateCache) { |
||||
|
|
||||
|
var linker = function (scope, element) { |
||||
|
|
||||
|
var template = edgeDownlinksHeaderTemplate; |
||||
|
|
||||
|
element.html($templateCache.get(template)); |
||||
|
$compile(element.contents())(scope); |
||||
|
} |
||||
|
|
||||
|
return { |
||||
|
restrict: "A", |
||||
|
replace: false, |
||||
|
link: linker, |
||||
|
scope: false |
||||
|
}; |
||||
|
} |
||||
@ -0,0 +1,124 @@ |
|||||
|
/* |
||||
|
* Copyright © 2016-2020 The Thingsboard Authors |
||||
|
* |
||||
|
* Licensed under the Apache License, Version 2.0 (the "License"); |
||||
|
* you may not use this file except in compliance with the License. |
||||
|
* You may obtain a copy of the License at |
||||
|
* |
||||
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
* |
||||
|
* Unless required by applicable law or agreed to in writing, software |
||||
|
* distributed under the License is distributed on an "AS IS" BASIS, |
||||
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||
|
* See the License for the specific language governing permissions and |
||||
|
* limitations under the License. |
||||
|
*/ |
||||
|
/* eslint-disable import/no-unresolved, import/default */ |
||||
|
|
||||
|
import edgeDownlinksContentTemplate from './edge-downlinks-content-dialog.tpl.html'; |
||||
|
import edgeDownlinlsRowTemplate from './edge-downlinks-row.tpl.html'; |
||||
|
|
||||
|
/* eslint-enable import/no-unresolved, import/default */ |
||||
|
|
||||
|
/*@ngInject*/ |
||||
|
export default function EdgeDownlinksRowDirective($compile, $templateCache, $mdDialog, $document, $translate, |
||||
|
types, utils, toast, entityService, ruleChainService) { |
||||
|
|
||||
|
var linker = function (scope, element, attrs) { |
||||
|
|
||||
|
var template = edgeDownlinlsRowTemplate; |
||||
|
|
||||
|
element.html($templateCache.get(template)); |
||||
|
$compile(element.contents())(scope); |
||||
|
|
||||
|
scope.types = types; |
||||
|
scope.downlink = attrs.downlink; |
||||
|
|
||||
|
scope.showEdgeEntityContent = function($event, title, contentType) { |
||||
|
var onShowingCallback = { |
||||
|
onShowing: function(){} |
||||
|
} |
||||
|
if (!contentType) { |
||||
|
contentType = null; |
||||
|
} |
||||
|
var content = ''; |
||||
|
switch(scope.downlink.type) { |
||||
|
case types.edgeEventType.relation: |
||||
|
content = angular.toJson(scope.downlink.body); |
||||
|
showDialog(); |
||||
|
break; |
||||
|
case types.edgeEventType.ruleChainMetaData: |
||||
|
content = ruleChainService.getRuleChainMetaData(scope.downlink.entityId, {ignoreErrors: true}).then( |
||||
|
function success(info) { |
||||
|
showDialog(); |
||||
|
return angular.toJson(info); |
||||
|
}, function fail() { |
||||
|
showError(); |
||||
|
}); |
||||
|
break; |
||||
|
default: |
||||
|
content = entityService.getEntity(scope.downlink.type, scope.downlink.entityId, {ignoreErrors: true}).then( |
||||
|
function success(info) { |
||||
|
showDialog(); |
||||
|
return angular.toJson(info); |
||||
|
}, function fail() { |
||||
|
showError(); |
||||
|
}); |
||||
|
break; |
||||
|
} |
||||
|
function showDialog() { |
||||
|
$mdDialog.show({ |
||||
|
controller: 'EdgeDownlinksContentDialogController', |
||||
|
controllerAs: 'vm', |
||||
|
templateUrl: edgeDownlinksContentTemplate, |
||||
|
locals: {content: content, title: title, contentType: contentType, showingCallback: onShowingCallback}, |
||||
|
parent: angular.element($document[0].body), |
||||
|
fullscreen: true, |
||||
|
targetEvent: $event, |
||||
|
multiple: true, |
||||
|
onShowing: function(scope, element) { |
||||
|
onShowingCallback.onShowing(scope, element); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
function showError() { |
||||
|
toast.showError($translate.instant('edge.load-entity-error')); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
scope.checkEdgeDownlinksType = function (type) { |
||||
|
return !(type === types.edgeEventType.widgetType || |
||||
|
type === types.edgeEventType.adminSettings || |
||||
|
type === types.edgeEventType.widgetsBundle ); |
||||
|
} |
||||
|
|
||||
|
scope.checkTooltip = function($event) { |
||||
|
var el = $event.target; |
||||
|
var $el = angular.element(el); |
||||
|
if(el.offsetWidth < el.scrollWidth && !$el.attr('title')){ |
||||
|
$el.attr('title', $el.text()); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
$compile(element.contents())(scope); |
||||
|
|
||||
|
scope.updateStatus = function(downlinkCreatedTime) { |
||||
|
var status; |
||||
|
if (downlinkCreatedTime < scope.queueStartTs) { |
||||
|
status = $translate.instant(types.edgeEventStatus.DEPLOYED.name); |
||||
|
scope.statusColor = types.edgeEventStatus.DEPLOYED.color; |
||||
|
} else { |
||||
|
status = $translate.instant(types.edgeEventStatus.PENDING.name); |
||||
|
scope.statusColor = types.edgeEventStatus.PENDING.color; |
||||
|
} |
||||
|
return status; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
return { |
||||
|
restrict: "A", |
||||
|
replace: false, |
||||
|
link: linker, |
||||
|
scope: false |
||||
|
}; |
||||
|
} |
||||
@ -0,0 +1,230 @@ |
|||||
|
/* |
||||
|
* 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 './downlink.scss'; |
||||
|
|
||||
|
/* eslint-disable import/no-unresolved, import/default */ |
||||
|
|
||||
|
import edgeDownlinksTableTemplate from './edge-downlinks-table.tpl.html'; |
||||
|
|
||||
|
/* eslint-enable import/no-unresolved, import/default */ |
||||
|
|
||||
|
/*@ngInject*/ |
||||
|
export default function EdgeDownlinksDirective($compile, $templateCache, $rootScope, $translate, types, edgeService, attributeService) { |
||||
|
|
||||
|
var linker = function (scope, element) { |
||||
|
|
||||
|
var template = $templateCache.get(edgeDownlinksTableTemplate); |
||||
|
element.html(template); |
||||
|
|
||||
|
var pageSize = 20; |
||||
|
var startTime = 0; |
||||
|
var endTime = 0; |
||||
|
|
||||
|
scope.timewindow = { |
||||
|
history: { |
||||
|
timewindowMs: 24 * 60 * 60 * 1000 // 1 day
|
||||
|
} |
||||
|
} |
||||
|
|
||||
|
scope.topIndex = 0; |
||||
|
|
||||
|
scope.theDownlinks = { |
||||
|
getItemAtIndex: function (index) { |
||||
|
if (index > scope.downlinks.data.length) { |
||||
|
scope.theDownlinks.fetchMoreItems_(index); |
||||
|
return null; |
||||
|
} |
||||
|
var item = scope.downlinks.data[index]; |
||||
|
if (item) { |
||||
|
item.indexNumber = index + 1; |
||||
|
} |
||||
|
return item; |
||||
|
}, |
||||
|
|
||||
|
getLength: function () { |
||||
|
if (scope.downlinks.hasNext) { |
||||
|
return scope.downlinks.data.length + scope.downlinks.nextPageLink.limit; |
||||
|
} else { |
||||
|
return scope.downlinks.data.length; |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
fetchMoreItems_: function () { |
||||
|
if (scope.downlinks.hasNext && !scope.downlinks.pending) { |
||||
|
if (scope.entityType && scope.entityId && scope.tenantId) { |
||||
|
scope.loadEdgeInfo(); |
||||
|
scope.downlinks.pending = true; |
||||
|
edgeService.getEdgeEvents(scope.entityId, scope.downlinks.nextPageLink).then( |
||||
|
function success(downlinks) { |
||||
|
scope.downlinks.data = scope.downlinks.data.concat(prepareEdgeDownlinksData(downlinks.data)); |
||||
|
scope.downlinks.nextPageLink = downlinks.nextPageLink; |
||||
|
scope.downlinks.hasNext = downlinks.hasNext; |
||||
|
if (scope.downlinks.hasNext) { |
||||
|
scope.downlinks.nextPageLink.limit = pageSize; |
||||
|
} |
||||
|
scope.downlinks.pending = false; |
||||
|
}, |
||||
|
function fail() { |
||||
|
scope.downlinks.hasNext = false; |
||||
|
scope.downlinks.pending = false; |
||||
|
}); |
||||
|
} else { |
||||
|
scope.downlinks.hasNext = false; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
scope.$watch("entityId", function(newVal, prevVal) { |
||||
|
if (newVal && !angular.equals(newVal, prevVal)) { |
||||
|
scope.resetFilter(); |
||||
|
scope.reload(); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
scope.$watch("timewindow", function(newVal, prevVal) { |
||||
|
if (newVal && !angular.equals(newVal, prevVal)) { |
||||
|
scope.reload(); |
||||
|
} |
||||
|
}, true); |
||||
|
|
||||
|
scope.resetFilter = function() { |
||||
|
scope.timewindow = { |
||||
|
history: { |
||||
|
timewindowMs: 24 * 60 * 60 * 1000 // 1 day
|
||||
|
} |
||||
|
}; |
||||
|
} |
||||
|
|
||||
|
scope.updateTimeWindowRange = function() { |
||||
|
if (scope.timewindow.history.timewindowMs) { |
||||
|
var currentTime = (new Date).getTime(); |
||||
|
startTime = currentTime - scope.timewindow.history.timewindowMs; |
||||
|
endTime = currentTime; |
||||
|
} else { |
||||
|
startTime = scope.timewindow.history.fixedTimewindow.startTimeMs; |
||||
|
endTime = scope.timewindow.history.fixedTimewindow.endTimeMs; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
scope.reload = function() { |
||||
|
scope.topIndex = 0; |
||||
|
scope.selected = []; |
||||
|
scope.updateTimeWindowRange(); |
||||
|
scope.downlinks = { |
||||
|
data: [], |
||||
|
nextPageLink: { |
||||
|
limit: pageSize, |
||||
|
startTime: startTime, |
||||
|
endTime: endTime |
||||
|
}, |
||||
|
hasNext: true, |
||||
|
pending: false |
||||
|
}; |
||||
|
scope.theDownlinks.getItemAtIndex(pageSize); |
||||
|
} |
||||
|
|
||||
|
scope.noData = function() { |
||||
|
return scope.downlinks.data.length == 0 && !scope.downlinks.hasNext; |
||||
|
} |
||||
|
|
||||
|
scope.hasData = function() { |
||||
|
return scope.downlinks.data.length > 0; |
||||
|
} |
||||
|
|
||||
|
scope.loading = function() { |
||||
|
return $rootScope.loading; |
||||
|
} |
||||
|
|
||||
|
scope.hasScroll = function() { |
||||
|
var repeatContainer = scope.repeatContainer[0]; |
||||
|
if (repeatContainer) { |
||||
|
var scrollElement = repeatContainer.children[0]; |
||||
|
if (scrollElement) { |
||||
|
return scrollElement.scrollHeight > scrollElement.clientHeight; |
||||
|
} |
||||
|
} |
||||
|
return false; |
||||
|
} |
||||
|
|
||||
|
scope.subscriptionId = null; |
||||
|
|
||||
|
scope.loadEdgeInfo = function() { |
||||
|
attributeService.getEntityAttributesValues( |
||||
|
scope.entityType, |
||||
|
scope.entityId, |
||||
|
types.attributesScope.server.value, |
||||
|
types.edgeAttributeKeys.queueStartTs, |
||||
|
null).then( |
||||
|
function success(attributes) { |
||||
|
attributes.length > 0 ? scope.onEdgeAttributesUpdate(attributes) : scope.queueStartTs = 0; |
||||
|
}); |
||||
|
scope.checkSubscription(); |
||||
|
} |
||||
|
|
||||
|
scope.onEdgeAttributesUpdate = function(attributes) { |
||||
|
let edgeAttributes = attributes.reduce(function (map, attribute) { |
||||
|
map[attribute.key] = attribute; |
||||
|
return map; |
||||
|
}, {}); |
||||
|
if (edgeAttributes.queueStartTs) { |
||||
|
scope.queueStartTs = edgeAttributes.queueStartTs.lastUpdateTs; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
scope.checkSubscription = function() { |
||||
|
var newSubscriptionId = null; |
||||
|
if (scope.entityId && scope.entityType && types.attributesScope.server.value) { |
||||
|
newSubscriptionId = |
||||
|
attributeService.subscribeForEntityAttributes(scope.entityType, scope.entityId, types.attributesScope.server.value); |
||||
|
} |
||||
|
if (scope.subscriptionId && scope.subscriptionId != newSubscriptionId) { |
||||
|
attributeService.unsubscribeForEntityAttributes(scope.subscriptionId); |
||||
|
} |
||||
|
scope.subscriptionId = newSubscriptionId; |
||||
|
} |
||||
|
|
||||
|
scope.$on('$destroy', function () { |
||||
|
if (scope.subscriptionId) { |
||||
|
attributeService.unsubscribeForEntityAttributes(scope.subscriptionId); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
scope.reload(); |
||||
|
|
||||
|
$compile(element.contents())(scope); |
||||
|
} |
||||
|
function prepareEdgeDownlinksData(data) { |
||||
|
|
||||
|
data.forEach( |
||||
|
edgeDownlink => { |
||||
|
edgeDownlink.edgeEventActionText = $translate.instant(types.edgeEventActionTypeTranslations[edgeDownlink.action].name); |
||||
|
edgeDownlink.edgeEventTypeText = $translate.instant(types.edgeEventTypeTranslations[edgeDownlink.type].name); |
||||
|
} |
||||
|
); |
||||
|
return data; |
||||
|
} |
||||
|
|
||||
|
return { |
||||
|
restrict: "E", |
||||
|
link: linker, |
||||
|
scope: { |
||||
|
entityType: '=', |
||||
|
entityId: '=', |
||||
|
tenantId: '=' |
||||
|
} |
||||
|
}; |
||||
|
} |
||||
@ -0,0 +1,46 @@ |
|||||
|
<!-- |
||||
|
|
||||
|
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 flex class="md-padding tb-absolute-fill" layout="column"> |
||||
|
<section layout="row"> |
||||
|
<tb-timewindow flex ng-model="timewindow" history-only as-button="true"></tb-timewindow> |
||||
|
<md-button ng-disabled="$root.loading" |
||||
|
class="md-icon-button" ng-click="reload()"> |
||||
|
<md-icon>refresh</md-icon> |
||||
|
<md-tooltip md-direction="top"> |
||||
|
{{ 'action.refresh' | translate }} |
||||
|
</md-tooltip> |
||||
|
</md-button> |
||||
|
</section> |
||||
|
<md-list flex layout="column" class="md-whiteframe-z1 tb-edge-downlinks-table"> |
||||
|
<md-list class="tb-row tb-header" layout="row" layout-align="start center" tb-edge-downlinks-header> |
||||
|
</md-list> |
||||
|
<md-progress-linear style="max-height: 0px;" md-mode="indeterminate" ng-disabled="!$root.loading" |
||||
|
ng-show="$root.loading"></md-progress-linear> |
||||
|
<md-divider></md-divider> |
||||
|
<span translate layout-align="center center" |
||||
|
style="margin-top: 25px;" |
||||
|
class="tb-prompt" ng-show="noData()">edge.no-downlinks-prompt</span> |
||||
|
<md-virtual-repeat-container ng-show="hasData()" flex md-top-index="topIndex" tb-scope-element="repeatContainer"> |
||||
|
<md-list-item md-virtual-repeat="downlink in theDownlinks" md-on-demand flex ng-style="hasScroll() ? {'margin-right':'-15px'} : {}"> |
||||
|
<md-list class="tb-row" flex layout="row" layout-align="start center" tb-edge-downlinks-row downlink="{{downlink}}"> |
||||
|
</md-list> |
||||
|
<md-divider flex></md-divider> |
||||
|
</md-list-item> |
||||
|
</md-virtual-repeat-container> |
||||
|
</md-list> |
||||
|
</md-content> |
||||
Loading…
Reference in new issue