deaflynx
6 years ago
8 changed files with 283 additions and 291 deletions
@ -1,184 +1,193 @@ |
|||||
/* |
/* |
||||
* Copyright © 2016-2020 The Thingsboard Authors |
* Copyright © 2016-2020 The Thingsboard Authors |
||||
* |
* |
||||
* Licensed under the Apache License, Version 2.0 (the "License"); |
* Licensed under the Apache License, Version 2.0 (the "License"); |
||||
* you may not use this file except in compliance with the License. |
* you may not use this file except in compliance with the License. |
||||
* You may obtain a copy of the License at |
* You may obtain a copy of the License at |
||||
* |
* |
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
* |
* |
||||
* Unless required by applicable law or agreed to in writing, software |
* Unless required by applicable law or agreed to in writing, software |
||||
* distributed under the License is distributed on an "AS IS" BASIS, |
* distributed under the License is distributed on an "AS IS" BASIS, |
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||
* See the License for the specific language governing permissions and |
* See the License for the specific language governing permissions and |
||||
* limitations under the License. |
* limitations under the License. |
||||
*/ |
*/ |
||||
/* eslint-disable import/no-unresolved, import/default */ |
/* eslint-disable import/no-unresolved, import/default */ |
||||
|
|
||||
import eventErrorDialogTemplate from './event-content-dialog.tpl.html'; |
import eventErrorDialogTemplate from './event-content-dialog.tpl.html'; |
||||
|
|
||||
import eventRowLcEventTemplate from './event-row-lc-event.tpl.html'; |
import eventRowLcEventTemplate from './event-row-lc-event.tpl.html'; |
||||
import eventRowStatsTemplate from './event-row-stats.tpl.html'; |
import eventRowStatsTemplate from './event-row-stats.tpl.html'; |
||||
import eventRowErrorTemplate from './event-row-error.tpl.html'; |
import eventRowErrorTemplate from './event-row-error.tpl.html'; |
||||
import eventRowDebugRuleNodeTemplate from './event-row-debug-rulenode.tpl.html'; |
import eventRowDebugRuleNodeTemplate from './event-row-debug-rulenode.tpl.html'; |
||||
import eventRowEdgeEventTemplate from './event-row-edge-event.tpl.html'; |
import eventRowEdgeEventTemplate from './event-row-edge-event.tpl.html'; |
||||
|
|
||||
/* eslint-enable import/no-unresolved, import/default */ |
/* eslint-enable import/no-unresolved, import/default */ |
||||
|
|
||||
/*@ngInject*/ |
/*@ngInject*/ |
||||
export default function EventRowDirective($compile, $templateCache, $mdDialog, $document, $translate, |
export default function EventRowDirective($compile, $templateCache, $mdDialog, $document, $translate, |
||||
types, utils, toast, entityService, ruleChainService) { |
types, utils, toast, entityService, ruleChainService) { |
||||
|
|
||||
var linker = function (scope, element, attrs) { |
var linker = function (scope, element, attrs) { |
||||
|
|
||||
var getTemplate = function(eventType) { |
var getTemplate = function(eventType) { |
||||
var template = ''; |
var template = ''; |
||||
switch(eventType) { |
switch(eventType) { |
||||
case types.eventType.lcEvent.value: |
case types.eventType.lcEvent.value: |
||||
template = eventRowLcEventTemplate; |
template = eventRowLcEventTemplate; |
||||
break; |
break; |
||||
case types.eventType.stats.value: |
case types.eventType.stats.value: |
||||
template = eventRowStatsTemplate; |
template = eventRowStatsTemplate; |
||||
break; |
break; |
||||
case types.eventType.error.value: |
case types.eventType.error.value: |
||||
template = eventRowErrorTemplate; |
template = eventRowErrorTemplate; |
||||
break; |
break; |
||||
case types.debugEventType.debugRuleNode.value: |
case types.debugEventType.debugRuleNode.value: |
||||
template = eventRowDebugRuleNodeTemplate; |
template = eventRowDebugRuleNodeTemplate; |
||||
break; |
break; |
||||
case types.debugEventType.debugRuleChain.value: |
case types.debugEventType.debugRuleChain.value: |
||||
template = eventRowDebugRuleNodeTemplate; |
template = eventRowDebugRuleNodeTemplate; |
||||
break; |
break; |
||||
case types.eventType.edgeEvent.value: |
case types.eventType.edgeEvent.value: |
||||
template = eventRowEdgeEventTemplate; |
template = eventRowEdgeEventTemplate; |
||||
break; |
break; |
||||
} |
} |
||||
return $templateCache.get(template); |
return $templateCache.get(template); |
||||
} |
} |
||||
|
|
||||
scope.loadTemplate = function() { |
scope.loadTemplate = function() { |
||||
element.html(getTemplate(attrs.eventType)); |
element.html(getTemplate(attrs.eventType)); |
||||
$compile(element.contents())(scope); |
$compile(element.contents())(scope); |
||||
} |
} |
||||
|
|
||||
attrs.$observe('eventType', function() { |
attrs.$observe('eventType', function() { |
||||
scope.loadTemplate(); |
scope.loadTemplate(); |
||||
}); |
}); |
||||
|
|
||||
scope.types = types; |
scope.types = types; |
||||
|
|
||||
scope.event = attrs.event; |
scope.event = attrs.event; |
||||
|
|
||||
scope.showContent = function($event, content, title, contentType) { |
scope.showContent = function($event, content, title, contentType) { |
||||
var onShowingCallback = { |
var onShowingCallback = { |
||||
onShowing: function(){} |
onShowing: function(){} |
||||
} |
} |
||||
if (!contentType) { |
if (!contentType) { |
||||
contentType = null; |
contentType = null; |
||||
} |
} |
||||
var sortedContent; |
var sortedContent; |
||||
try { |
try { |
||||
sortedContent = angular.toJson(utils.sortObjectKeys(angular.fromJson(content))); |
sortedContent = angular.toJson(utils.sortObjectKeys(angular.fromJson(content))); |
||||
} |
} |
||||
catch(err) { |
catch(err) { |
||||
sortedContent = content; |
sortedContent = content; |
||||
} |
} |
||||
$mdDialog.show({ |
$mdDialog.show({ |
||||
controller: 'EventContentDialogController', |
controller: 'EventContentDialogController', |
||||
controllerAs: 'vm', |
controllerAs: 'vm', |
||||
templateUrl: eventErrorDialogTemplate, |
templateUrl: eventErrorDialogTemplate, |
||||
locals: {content: sortedContent, title: title, contentType: contentType, showingCallback: onShowingCallback}, |
locals: {content: sortedContent, title: title, contentType: contentType, showingCallback: onShowingCallback}, |
||||
parent: angular.element($document[0].body), |
parent: angular.element($document[0].body), |
||||
fullscreen: true, |
fullscreen: true, |
||||
targetEvent: $event, |
targetEvent: $event, |
||||
multiple: true, |
multiple: true, |
||||
onShowing: function(scope, element) { |
onShowing: function(scope, element) { |
||||
onShowingCallback.onShowing(scope, element); |
onShowingCallback.onShowing(scope, element); |
||||
} |
} |
||||
}); |
}); |
||||
} |
} |
||||
|
|
||||
scope.showEdgeEntityContent = function($event, title, contentType) { |
scope.showEdgeEntityContent = function($event, title, contentType) { |
||||
var onShowingCallback = { |
var onShowingCallback = { |
||||
onShowing: function(){} |
onShowing: function(){} |
||||
} |
} |
||||
if (!contentType) { |
if (!contentType) { |
||||
contentType = null; |
contentType = null; |
||||
} |
} |
||||
var content = ''; |
var content = ''; |
||||
switch(scope.event.edgeEventType) { |
switch(scope.event.type) { |
||||
case types.edgeEventType.relation: |
case types.edgeEventType.relation: |
||||
content = angular.toJson(scope.event.entityBody); |
case types.edgeEventType.whiteLabeling: |
||||
showDialog(); |
case types.edgeEventType.loginWhiteLabeling: |
||||
break; |
case types.edgeEventType.customTranslation: |
||||
case types.edgeEventType.ruleChainMetaData: |
content = angular.toJson(scope.event.body); |
||||
content = ruleChainService.getRuleChainMetaData(scope.event.entityId, {ignoreErrors: true}).then( |
showDialog(); |
||||
function success(info) { |
break; |
||||
showDialog(); |
case types.edgeEventType.ruleChainMetaData: |
||||
return angular.toJson(info); |
content = ruleChainService.getRuleChainMetaData(scope.event.entityId, {ignoreErrors: true}).then( |
||||
}, function fail() { |
function success(info) { |
||||
showError(); |
showDialog(); |
||||
}); |
return angular.toJson(info); |
||||
break; |
}, function fail() { |
||||
default: |
showError(); |
||||
content = entityService.getEntity(scope.event.edgeEventType, scope.event.entityId, {ignoreErrors: true}).then( |
}); |
||||
function success(info) { |
break; |
||||
showDialog(); |
default: |
||||
return angular.toJson(info); |
content = entityService.getEntity(scope.event.type, scope.event.entityId, {ignoreErrors: true}).then( |
||||
}, function fail() { |
function success(info) { |
||||
showError(); |
showDialog(); |
||||
}); |
return angular.toJson(info); |
||||
break; |
}, function fail() { |
||||
} |
showError(); |
||||
function showDialog() { |
}); |
||||
$mdDialog.show({ |
break; |
||||
controller: 'EventContentDialogController', |
} |
||||
controllerAs: 'vm', |
function showDialog() { |
||||
templateUrl: eventErrorDialogTemplate, |
$mdDialog.show({ |
||||
locals: {content: content, title: title, contentType: contentType, showingCallback: onShowingCallback}, |
controller: 'EventContentDialogController', |
||||
parent: angular.element($document[0].body), |
controllerAs: 'vm', |
||||
fullscreen: true, |
templateUrl: eventErrorDialogTemplate, |
||||
targetEvent: $event, |
locals: {content: content, title: title, contentType: contentType, showingCallback: onShowingCallback}, |
||||
multiple: true, |
parent: angular.element($document[0].body), |
||||
onShowing: function(scope, element) { |
fullscreen: true, |
||||
onShowingCallback.onShowing(scope, element); |
targetEvent: $event, |
||||
} |
multiple: true, |
||||
}); |
onShowing: function(scope, element) { |
||||
} |
onShowingCallback.onShowing(scope, element); |
||||
function showError() { |
} |
||||
toast.showError($translate.instant('edge.load-entity-error')); |
}); |
||||
} |
} |
||||
} |
function showError() { |
||||
|
toast.showError($translate.instant('edge.load-entity-error')); |
||||
scope.checkTooltip = function($event) { |
} |
||||
var el = $event.target; |
} |
||||
var $el = angular.element(el); |
|
||||
if(el.offsetWidth < el.scrollWidth && !$el.attr('title')){ |
scope.checkEdgeEventType = function (edgeEventType) { |
||||
$el.attr('title', $el.text()); |
return !(edgeEventType === types.edgeEventType.widgetType || |
||||
} |
edgeEventType === types.edgeEventType.adminSettings || |
||||
} |
edgeEventType === types.edgeEventType.widgetsBundle ); |
||||
|
} |
||||
$compile(element.contents())(scope); |
|
||||
|
scope.checkTooltip = function($event) { |
||||
scope.updateStatus = function(eventCreatedTime) { |
var el = $event.target; |
||||
if (scope.queueStartTs) { |
var $el = angular.element(el); |
||||
var status; |
if(el.offsetWidth < el.scrollWidth && !$el.attr('title')){ |
||||
if (eventCreatedTime < scope.queueStartTs) { |
$el.attr('title', $el.text()); |
||||
status = $translate.instant('edge.success'); |
} |
||||
scope.isPending = false; |
} |
||||
} else { |
|
||||
status = $translate.instant('edge.failed'); |
$compile(element.contents())(scope); |
||||
scope.isPending = true; |
|
||||
} |
scope.updateStatus = function(eventCreatedTime) { |
||||
return status; |
if (scope.queueStartTs) { |
||||
} |
var status; |
||||
} |
if (eventCreatedTime < scope.queueStartTs) { |
||||
} |
status = $translate.instant('edge.success'); |
||||
|
scope.isPending = false; |
||||
return { |
} else { |
||||
restrict: "A", |
status = $translate.instant('edge.failed'); |
||||
replace: false, |
scope.isPending = true; |
||||
link: linker, |
} |
||||
scope: false |
return status; |
||||
}; |
} |
||||
} |
} |
||||
|
} |
||||
|
|
||||
|
return { |
||||
|
restrict: "A", |
||||
|
replace: false, |
||||
|
link: linker, |
||||
|
scope: false |
||||
|
}; |
||||
|
} |
||||
|
|||||
Loading…
Reference in new issue