dendi-wang/thingsboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Minor UI bug fixes and improvements.

Browse Source
This commit is contained in:
Igor Kulikov 2017-10-23 20:25:03 +03:00
parent 7378973a2b
commit c66b06b8f7
20 changed files with 107 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
ui/src/app/api/alarm.service.js
View File

@ -295,9 +295,8 @@ function AlarmService($http, $q, $interval, $filter, $timeout, utils, types) {
if (alarmSourceListener.lastUpdateTs) { if (alarmSourceListener.lastUpdateTs) {
var interval = now - alarmSourceListener.lastUpdateTs; var interval = now - alarmSourceListener.lastUpdateTs;
alarmSourceListener.alarmsQuery.startTime += interval; alarmSourceListener.alarmsQuery.startTime += interval;
} else {
alarmSourceListener.lastUpdateTs = now;
} }
alarmSourceListener.lastUpdateTs = now;
} }
alarmSourceListener.alarmsUpdated(alarms, false); alarmSourceListener.alarmsUpdated(alarms, false);
} }

12
ui/src/app/api/dashboard.service.js
View File

@ -63,7 +63,7 @@ function DashboardService($rootScope, $http, $q, $location, customerService) {
return deferred.promise; return deferred.promise;
} }
function getTenantDashboards(pageLink) { function getTenantDashboards(pageLink, applyCustomersInfo) {
var deferred = $q.defer(); var deferred = $q.defer();
var url = '/api/tenant/dashboards?limit=' + pageLink.limit; var url = '/api/tenant/dashboards?limit=' + pageLink.limit;
if (angular.isDefined(pageLink.textSearch)) { if (angular.isDefined(pageLink.textSearch)) {
@ -76,6 +76,7 @@ function DashboardService($rootScope, $http, $q, $location, customerService) {
url += '&textOffset=' + pageLink.textOffset; url += '&textOffset=' + pageLink.textOffset;
} }
$http.get(url, null).then(function success(response) { $http.get(url, null).then(function success(response) {
if (applyCustomersInfo) {
customerService.applyAssignedCustomersInfo(response.data.data).then( customerService.applyAssignedCustomersInfo(response.data.data).then(
function success(data) { function success(data) {
response.data.data = data; response.data.data = data;
@ -85,13 +86,16 @@ function DashboardService($rootScope, $http, $q, $location, customerService) {
deferred.reject(); deferred.reject();
} }
); );
} else {
deferred.resolve(response.data);
}
}, function fail() { }, function fail() {
deferred.reject(); deferred.reject();
}); });
return deferred.promise; return deferred.promise;
} }
function getCustomerDashboards(customerId, pageLink) { function getCustomerDashboards(customerId, pageLink, applyCustomersInfo) {
var deferred = $q.defer(); var deferred = $q.defer();
var url = '/api/customer/' + customerId + '/dashboards?limit=' + pageLink.limit; var url = '/api/customer/' + customerId + '/dashboards?limit=' + pageLink.limit;
if (angular.isDefined(pageLink.textSearch)) { if (angular.isDefined(pageLink.textSearch)) {
@ -104,6 +108,7 @@ function DashboardService($rootScope, $http, $q, $location, customerService) {
url += '&textOffset=' + pageLink.textOffset; url += '&textOffset=' + pageLink.textOffset;
} }
$http.get(url, null).then(function success(response) { $http.get(url, null).then(function success(response) {
if (applyCustomersInfo) {
customerService.applyAssignedCustomerInfo(response.data.data, customerId).then( customerService.applyAssignedCustomerInfo(response.data.data, customerId).then(
function success(data) { function success(data) {
response.data.data = data; response.data.data = data;
@ -113,6 +118,9 @@ function DashboardService($rootScope, $http, $q, $location, customerService) {
deferred.reject(); deferred.reject();
} }
); );
} else {
deferred.resolve(response.data);
}
}, function fail() { }, function fail() {
deferred.reject(); deferred.reject();
}); });

4
ui/src/app/api/entity.service.js
View File

@ -267,9 +267,9 @@ function EntityService($http, $q, $filter, $translate, $log, userService, device
break; break;
case types.entityType.dashboard: case types.entityType.dashboard:
if (user.authority === 'CUSTOMER_USER') { if (user.authority === 'CUSTOMER_USER') {
promise = dashboardService.getCustomerDashboards(customerId, pageLink); promise = dashboardService.getCustomerDashboards(customerId, pageLink, false);
} else { } else {
promise = dashboardService.getTenantDashboards(pageLink); promise = dashboardService.getTenantDashboards(pageLink, false);
} }
break; break;
case types.entityType.user: case types.entityType.user:

3
ui/src/app/api/subscription.js
View File

@ -674,12 +674,15 @@ export default class Subscription {
alarmsUpdated(alarms, apply) { alarmsUpdated(alarms, apply) {
this.notifyDataLoaded(); this.notifyDataLoaded();
var updated = !angular.equals(this.alarms, alarms);
this.alarms = alarms; this.alarms = alarms;
if (this.subscriptionTimewindow && this.subscriptionTimewindow.realtimeWindowMs) { if (this.subscriptionTimewindow && this.subscriptionTimewindow.realtimeWindowMs) {
this.updateTimewindow(); this.updateTimewindow();
} }
if (updated) {
this.onDataUpdated(apply); this.onDataUpdated(apply);
} }
}
updateLegend(dataIndex, data, apply) { updateLegend(dataIndex, data, apply) {
var dataKey = this.legendData.keys[dataIndex].dataKey; var dataKey = this.legendData.keys[dataIndex].dataKey;

4
ui/src/app/api/user.service.js
View File

@ -265,9 +265,9 @@ function UserService($http, $q, $rootScope, adminService, dashboardService, logi
var pageLink = {limit: 100}; var pageLink = {limit: 100};
var fetchDashboardsPromise; var fetchDashboardsPromise;
if (currentUser.authority === 'TENANT_ADMIN') { if (currentUser.authority === 'TENANT_ADMIN') {
fetchDashboardsPromise = dashboardService.getTenantDashboards(pageLink); fetchDashboardsPromise = dashboardService.getTenantDashboards(pageLink, false);
} else { } else {
fetchDashboardsPromise = dashboardService.getCustomerDashboards(currentUser.customerId, pageLink); fetchDashboardsPromise = dashboardService.getCustomerDashboards(currentUser.customerId, pageLink, false);
} }
fetchDashboardsPromise.then( fetchDashboardsPromise.then(
function success(result) { function success(result) {

4
ui/src/app/components/dashboard-autocomplete.directive.js
View File

@ -48,7 +48,7 @@ function DashboardAutocomplete($compile, $templateCache, $q, dashboardService, u
var promise; var promise;
if (scope.dashboardsScope === 'customer' || userService.getAuthority() === 'CUSTOMER_USER') { if (scope.dashboardsScope === 'customer' || userService.getAuthority() === 'CUSTOMER_USER') {
if (scope.customerId) { if (scope.customerId) {
promise = dashboardService.getCustomerDashboards(scope.customerId, pageLink); promise = dashboardService.getCustomerDashboards(scope.customerId, pageLink, false);
} else { } else {
promise = $q.when({data: []}); promise = $q.when({data: []});
} }
@ -60,7 +60,7 @@ function DashboardAutocomplete($compile, $templateCache, $q, dashboardService, u
promise = $q.when({data: []}); promise = $q.when({data: []});
} }
} else { } else {
promise = dashboardService.getTenantDashboards(pageLink); promise = dashboardService.getTenantDashboards(pageLink, false);
} }
} }

4
ui/src/app/components/dashboard-select.directive.js
View File

@ -48,12 +48,12 @@ function DashboardSelect($compile, $templateCache, $q, $mdMedia, $mdPanel, $docu
var promise; var promise;
if (scope.dashboardsScope === 'customer' || userService.getAuthority() === 'CUSTOMER_USER') { if (scope.dashboardsScope === 'customer' || userService.getAuthority() === 'CUSTOMER_USER') {
if (scope.customerId && scope.customerId != types.id.nullUid) { if (scope.customerId && scope.customerId != types.id.nullUid) {
promise = dashboardService.getCustomerDashboards(scope.customerId, pageLink); promise = dashboardService.getCustomerDashboards(scope.customerId, pageLink, false);
} else { } else {
promise = $q.when({data: []}); promise = $q.when({data: []});
} }
} else { } else {
promise = dashboardService.getTenantDashboards(pageLink); promise = dashboardService.getTenantDashboards(pageLink, false);
} }
promise.then(function success(result) { promise.then(function success(result) {

20
ui/src/app/components/dashboard.directive.js
View File

@ -15,7 +15,6 @@
*/ */
import './dashboard.scss'; import './dashboard.scss';
import $ from 'jquery';
import 'javascript-detect-element-resize/detect-element-resize'; import 'javascript-detect-element-resize/detect-element-resize';
import angularGridster from 'angular-gridster'; import angularGridster from 'angular-gridster';
import thingsboardTypes from '../common/types.constant'; import thingsboardTypes from '../common/types.constant';
@ -94,8 +93,8 @@ function DashboardController($scope, $rootScope, $element, $timeout, $mdMedia, $
var highlightedWidget = null; var highlightedWidget = null;
var selectedWidget = null; var selectedWidget = null;
var gridsterParent = $('#gridster-parent', $element); var gridsterParent = angular.element('#gridster-parent', $element);
var gridsterElement = angular.element($('#gridster-child', gridsterParent)); var gridsterElement = angular.element('#gridster-child', gridsterParent);
var vm = this; var vm = this;
@ -228,15 +227,15 @@ function DashboardController($scope, $rootScope, $element, $timeout, $mdMedia, $
} }
}; };
addResizeListener(gridsterParent[0], onGirdsterParentResize); // eslint-disable-line no-undef addResizeListener(gridsterParent[0], onGridsterParentResize); // eslint-disable-line no-undef
$scope.$on("$destroy", function () { $scope.$on("$destroy", function () {
removeResizeListener(gridsterParent[0], onGirdsterParentResize); // eslint-disable-line no-undef removeResizeListener(gridsterParent[0], onGridsterParentResize); // eslint-disable-line no-undef
}); });
watchWidgets(); watchWidgets();
function onGirdsterParentResize() { function onGridsterParentResize() {
if (gridsterParent.height() && autofillHeight()) { if (gridsterParent.height() && autofillHeight()) {
updateMobileOpts(); updateMobileOpts();
} }
@ -244,6 +243,10 @@ function DashboardController($scope, $rootScope, $element, $timeout, $mdMedia, $
function watchWidgets() { function watchWidgets() {
$scope.widgetsCollectionWatch = $scope.$watchCollection('vm.widgets', function () { $scope.widgetsCollectionWatch = $scope.$watchCollection('vm.widgets', function () {
if (vm.skipInitialWidgetsWatch) {
$timeout(function() { vm.skipInitialWidgetsWatch = false; });
return;
}
var ids = []; var ids = [];
for (var i=0;i<vm.widgets.length;i++) { for (var i=0;i<vm.widgets.length;i++) {
var widget = vm.widgets[i]; var widget = vm.widgets[i];
@ -524,6 +527,7 @@ function DashboardController($scope, $rootScope, $element, $timeout, $mdMedia, $
} }
return res; return res;
}); });
vm.skipInitialWidgetsWatch = true;
watchWidgets(); watchWidgets();
} }
@ -714,9 +718,9 @@ function DashboardController($scope, $rootScope, $element, $timeout, $mdMedia, $
function scrollToWidget(widget, delay) { function scrollToWidget(widget, delay) {
if (vm.gridster) { if (vm.gridster) {
var item = $('.gridster-item', vm.gridster.$element)[vm.widgets.indexOf(widget)]; var item = angular.element('.gridster-item', vm.gridster.$element)[vm.widgets.indexOf(widget)];
if (item) { if (item) {
var height = $(item).outerHeight(true); var height = angular.element(item).outerHeight(true);
var rectHeight = gridsterParent.height(); var rectHeight = gridsterParent.height();
var offset = (rectHeight - height) / 2; var offset = (rectHeight - height) / 2;
var scrollTop = item.offsetTop; var scrollTop = item.offsetTop;

7
ui/src/app/components/dashboard.tpl.html
View File

@ -55,7 +55,7 @@
ng-show="!vm.isEdit" ng-show="!vm.isEdit"
ng-click="action.onAction($event)" ng-click="action.onAction($event)"
class="md-icon-button"> class="md-icon-button">
<md-tooltip md-direction="top"> <md-tooltip md-direction="{{vm.isWidgetExpanded ? 'bottom' : 'top'}}">
{{action.displayName}} {{action.displayName}}
</md-tooltip> </md-tooltip>
<ng-md-icon size="20" icon="{{action.icon}}"></ng-md-icon> <ng-md-icon size="20" icon="{{action.icon}}"></ng-md-icon>
@ -65,7 +65,7 @@
ng-show="!vm.isEdit && action.show" ng-show="!vm.isEdit && action.show"
ng-click="action.onAction($event)" ng-click="action.onAction($event)"
class="md-icon-button"> class="md-icon-button">
<md-tooltip md-direction="top"> <md-tooltip md-direction="{{vm.isWidgetExpanded ? 'bottom' : 'top'}}">
{{ action.name | translate }} {{ action.name | translate }}
</md-tooltip> </md-tooltip>
<ng-md-icon size="20" icon="{{action.icon}}"></ng-md-icon> <ng-md-icon size="20" icon="{{action.icon}}"></ng-md-icon>
@ -114,7 +114,8 @@
isEdit: vm.isEdit, isEdit: vm.isEdit,
isMobile: vm.isMobileSize, isMobile: vm.isMobileSize,
dashboardTimewindow: vm.dashboardTimewindow, dashboardTimewindow: vm.dashboardTimewindow,
dashboardTimewindowApi: vm.dashboardTimewindowApi }"> dashboardTimewindowApi: vm.dashboardTimewindowApi,
dashboard: vm }">
</div> </div>
</div> </div>
</div> </div>

2
ui/src/app/components/datasource-entity.tpl.html
View File

@ -186,7 +186,7 @@
<div translate ng-message="entityKeys" ng-if="widgetType === types.widgetType.latest.value" class="tb-error-message">datakey.timeseries-or-attributes-required</div> <div translate ng-message="entityKeys" ng-if="widgetType === types.widgetType.latest.value" class="tb-error-message">datakey.timeseries-or-attributes-required</div>
<div translate ng-message="entityKeys" ng-if="widgetType === types.widgetType.alarm.value" class="tb-error-message">datakey.alarm-fields-required</div> <div translate ng-message="entityKeys" ng-if="widgetType === types.widgetType.alarm.value" class="tb-error-message">datakey.alarm-fields-required</div>
</div> </div>
<div class="md-caption" style="color: rgba(0,0,0,0.57);" ng-if="maxDataKeys != -1" <div class="md-caption" style="color: rgba(0,0,0,0.57);" ng-if="maxDataKeys > -1"
translate="datakey.maximum-timeseries-or-attributes" translate="datakey.maximum-timeseries-or-attributes"
translate-values="{count: maxDataKeys}" translate-values="{count: maxDataKeys}"
translate-interpolation="messageformat" translate-interpolation="messageformat"

2
ui/src/app/components/datasource-func.tpl.html
View File

@ -132,7 +132,7 @@
<div translate ng-message="datasourceKeys" ng-if="widgetType !== types.widgetType.alarm.value" class="tb-error-message">datakey.function-types-required</div> <div translate ng-message="datasourceKeys" ng-if="widgetType !== types.widgetType.alarm.value" class="tb-error-message">datakey.function-types-required</div>
<div translate ng-message="datasourceKeys" ng-if="widgetType === types.widgetType.alarm.value" class="tb-error-message">datakey.alarm-fields-required</div> <div translate ng-message="datasourceKeys" ng-if="widgetType === types.widgetType.alarm.value" class="tb-error-message">datakey.alarm-fields-required</div>
</div> </div>
<div class="md-caption" style="color: rgba(0,0,0,0.57);" ng-if="maxDataKeys != -1" <div class="md-caption" style="color: rgba(0,0,0,0.57);" ng-if="maxDataKeys > -1"
translate="datakey.maximum-function-types" translate="datakey.maximum-function-types"
translate-values="{count: maxDataKeys}" translate-values="{count: maxDataKeys}"
translate-interpolation="messageformat" translate-interpolation="messageformat"

3
ui/src/app/components/widget/widget.controller.js
View File

@ -22,7 +22,7 @@ import Subscription from '../../api/subscription';
/*@ngInject*/ /*@ngInject*/
export default function WidgetController($scope, $state, $timeout, $window, $element, $q, $log, $injector, $filter, $compile, tbRaf, types, utils, timeService, export default function WidgetController($scope, $state, $timeout, $window, $element, $q, $log, $injector, $filter, $compile, tbRaf, types, utils, timeService,
datasourceService, alarmService, entityService, dashboardService, deviceService, visibleRect, isEdit, isMobile, dashboardTimewindow, datasourceService, alarmService, entityService, dashboardService, deviceService, visibleRect, isEdit, isMobile, dashboardTimewindow,
dashboardTimewindowApi, widget, aliasController, stateController, widgetInfo, widgetType) { dashboardTimewindowApi, dashboard, widget, aliasController, stateController, widgetInfo, widgetType) {
var vm = this; var vm = this;
@ -67,6 +67,7 @@ export default function WidgetController($scope, $state, $timeout, $window, $ele
hideTitlePanel: false, hideTitlePanel: false,
isEdit: isEdit, isEdit: isEdit,
isMobile: isMobile, isMobile: isMobile,
dashboard: dashboard,
widgetConfig: widget.config, widgetConfig: widget.config,
settings: widget.config.settings, settings: widget.config.settings,
units: widget.config.units || '', units: widget.config.units || '',

2
ui/src/app/dashboard/add-dashboards-to-customer.controller.js
View File

@ -52,7 +52,7 @@ export default function AddDashboardsToCustomerController(dashboardService, $mdD
fetchMoreItems_: function () { fetchMoreItems_: function () {
if (vm.dashboards.hasNext && !vm.dashboards.pending) { if (vm.dashboards.hasNext && !vm.dashboards.pending) {
vm.dashboards.pending = true; vm.dashboards.pending = true;
dashboardService.getTenantDashboards(vm.dashboards.nextPageLink).then( dashboardService.getTenantDashboards(vm.dashboards.nextPageLink, false).then(
function success(dashboards) { function success(dashboards) {
vm.dashboards.data = vm.dashboards.data.concat(dashboards.data); vm.dashboards.data = vm.dashboards.data.concat(dashboards.data);
vm.dashboards.nextPageLink = dashboards.nextPageLink; vm.dashboards.nextPageLink = dashboards.nextPageLink;

2
ui/src/app/dashboard/dashboard.tpl.html
View File

@ -15,7 +15,7 @@
limitations under the License. limitations under the License.
--> -->
<md-content flex tb-expand-fullscreen="vm.widgetEditMode || vm.iframeMode || forceFullscreen" expand-button-id="dashboard-expand-button" <md-content style="padding-top: 150px;" flex tb-expand-fullscreen="vm.widgetEditMode || vm.iframeMode || forceFullscreen" expand-button-id="dashboard-expand-button"
hide-expand-button="vm.widgetEditMode || vm.iframeMode || forceFullscreen" expand-tooltip-direction="bottom" ng-if="vm.dashboard"> hide-expand-button="vm.widgetEditMode || vm.iframeMode || forceFullscreen" expand-tooltip-direction="bottom" ng-if="vm.dashboard">
<section class="tb-dashboard-toolbar" ng-show="vm.showDashboardToolbar()" <section class="tb-dashboard-toolbar" ng-show="vm.showDashboardToolbar()"
ng-class="{ 'tb-dashboard-toolbar-opened': vm.toolbarOpened, 'tb-dashboard-toolbar-closed': !vm.toolbarOpened }"> ng-class="{ 'tb-dashboard-toolbar-opened': vm.toolbarOpened, 'tb-dashboard-toolbar-closed': !vm.toolbarOpened }">

6
ui/src/app/dashboard/dashboards.controller.js
View File

@ -167,7 +167,7 @@ export function DashboardsController(userService, dashboardService, customerServ
if (vm.dashboardsScope === 'tenant') { if (vm.dashboardsScope === 'tenant') {
fetchDashboardsFunction = function (pageLink) { fetchDashboardsFunction = function (pageLink) {
return dashboardService.getTenantDashboards(pageLink); return dashboardService.getTenantDashboards(pageLink, true);
}; };
deleteDashboardFunction = function (dashboardId) { deleteDashboardFunction = function (dashboardId) {
return dashboardService.deleteDashboard(dashboardId); return dashboardService.deleteDashboard(dashboardId);
@ -290,7 +290,7 @@ export function DashboardsController(userService, dashboardService, customerServ
}); });
} else if (vm.dashboardsScope === 'customer' || vm.dashboardsScope === 'customer_user') { } else if (vm.dashboardsScope === 'customer' || vm.dashboardsScope === 'customer_user') {
fetchDashboardsFunction = function (pageLink) { fetchDashboardsFunction = function (pageLink) {
return dashboardService.getCustomerDashboards(customerId, pageLink); return dashboardService.getCustomerDashboards(customerId, pageLink, true);
}; };
deleteDashboardFunction = function (dashboardId) { deleteDashboardFunction = function (dashboardId) {
return dashboardService.unassignDashboardFromCustomer(dashboardId); return dashboardService.unassignDashboardFromCustomer(dashboardId);
@ -468,7 +468,7 @@ export function DashboardsController(userService, dashboardService, customerServ
$event.stopPropagation(); $event.stopPropagation();
} }
var pageSize = 10; var pageSize = 10;
dashboardService.getTenantDashboards({limit: pageSize, textSearch: ''}).then( dashboardService.getTenantDashboards({limit: pageSize, textSearch: ''}, false).then(
function success(_dashboards) { function success(_dashboards) {
var dashboards = { var dashboards = {
pageSize: pageSize, pageSize: pageSize,

12
ui/src/app/layout/breadcrumb-label.filter.js
View File

@ -22,18 +22,22 @@ export default function BreadcrumbLabel($translate) {
var labelObj; var labelObj;
labelObj = angular.fromJson(bLabel); labelObj = angular.fromJson(bLabel);
if (labelObj) { if (labelObj) {
if (!labels[labelObj.label]) {
labels[labelObj.label] = labelObj.label;
var translate = !(labelObj.translate && labelObj.translate === 'false'); var translate = !(labelObj.translate && labelObj.translate === 'false');
var key = translate ? $translate.use() : 'orig';
if (!labels[labelObj.label]) {
labels[labelObj.label] = {};
}
if (!labels[labelObj.label][key]) {
labels[labelObj.label][key] = labelObj.label;
if (translate) { if (translate) {
$translate([labelObj.label]).then( $translate([labelObj.label]).then(
function (translations) { function (translations) {
labels[labelObj.label] = translations[labelObj.label]; labels[labelObj.label][key] = translations[labelObj.label];
} }
) )
} }
} }
return labels[labelObj.label]; return labels[labelObj.label][key];
} else { } else {
return ''; return '';
} }

8
ui/src/app/widget/lib/alarms-table-widget.tpl.html
View File

@ -22,7 +22,7 @@
<div class="md-toolbar-tools"> <div class="md-toolbar-tools">
<md-button class="md-icon-button" aria-label="{{ 'action.search' | translate }}"> <md-button class="md-icon-button" aria-label="{{ 'action.search' | translate }}">
<md-icon aria-label="{{ 'action.search' | translate }}" class="material-icons">search</md-icon> <md-icon aria-label="{{ 'action.search' | translate }}" class="material-icons">search</md-icon>
<md-tooltip md-direction="top"> <md-tooltip md-direction="{{vm.ctx.dashboard.isWidgetExpanded ? 'bottom' : 'top'}}">
{{'alarm.search' | translate}} {{'alarm.search' | translate}}
</md-tooltip> </md-tooltip>
</md-button> </md-button>
@ -32,7 +32,7 @@
</md-input-container> </md-input-container>
<md-button class="md-icon-button" aria-label="Close" ng-click="vm.exitFilterMode()"> <md-button class="md-icon-button" aria-label="Close" ng-click="vm.exitFilterMode()">
<md-icon aria-label="Close" class="material-icons">close</md-icon> <md-icon aria-label="Close" class="material-icons">close</md-icon>
<md-tooltip md-direction="top"> <md-tooltip md-direction="{{vm.ctx.dashboard.isWidgetExpanded ? 'bottom' : 'top'}}">
{{ 'action.close' | translate }} {{ 'action.close' | translate }}
</md-tooltip> </md-tooltip>
</md-button> </md-button>
@ -46,13 +46,13 @@
<span flex></span> <span flex></span>
<md-button ng-if="vm.allowAcknowledgment" class="md-icon-button" ng-click="vm.ackAlarms($event)"> <md-button ng-if="vm.allowAcknowledgment" class="md-icon-button" ng-click="vm.ackAlarms($event)">
<md-icon>done</md-icon> <md-icon>done</md-icon>
<md-tooltip md-direction="top"> <md-tooltip md-direction="{{vm.ctx.dashboard.isWidgetExpanded ? 'bottom' : 'top'}}">
{{ 'alarm.acknowledge' | translate }} {{ 'alarm.acknowledge' | translate }}
</md-tooltip> </md-tooltip>
</md-button> </md-button>
<md-button ng-if="vm.allowClear" class="md-icon-button" ng-click="vm.clearAlarms($event)"> <md-button ng-if="vm.allowClear" class="md-icon-button" ng-click="vm.clearAlarms($event)">
<md-icon>clear</md-icon> <md-icon>clear</md-icon>
<md-tooltip md-direction="top"> <md-tooltip md-direction="{{vm.ctx.dashboard.isWidgetExpanded ? 'bottom' : 'top'}}">
{{ 'alarm.clear' | translate }} {{ 'alarm.clear' | translate }}
</md-tooltip> </md-tooltip>
</md-button> </md-button>

4
ui/src/app/widget/lib/analogue-compass.js
View File

@ -17,6 +17,8 @@ import $ from 'jquery';
import canvasGauges from 'canvas-gauges'; import canvasGauges from 'canvas-gauges';
/*import tinycolor from 'tinycolor2';*/ /*import tinycolor from 'tinycolor2';*/
/* eslint-disable angular/angularelement */
export default class TbAnalogueCompass { export default class TbAnalogueCompass {
constructor(ctx, canvasId) { constructor(ctx, canvasId) {
this.ctx = ctx; this.ctx = ctx;
@ -436,3 +438,5 @@ export default class TbAnalogueCompass {
}; };
} }
} }
/* eslint-enable angular/angularelement */

4
ui/src/app/widget/lib/entities-table-widget.tpl.html
View File

@ -21,7 +21,7 @@
<div class="md-toolbar-tools"> <div class="md-toolbar-tools">
<md-button class="md-icon-button" aria-label="{{ 'action.search' | translate }}"> <md-button class="md-icon-button" aria-label="{{ 'action.search' | translate }}">
<md-icon aria-label="{{ 'action.search' | translate }}" class="material-icons">search</md-icon> <md-icon aria-label="{{ 'action.search' | translate }}" class="material-icons">search</md-icon>
<md-tooltip md-direction="top"> <md-tooltip md-direction="{{vm.ctx.dashboard.isWidgetExpanded ? 'bottom' : 'top'}}">
{{'entity.search' | translate}} {{'entity.search' | translate}}
</md-tooltip> </md-tooltip>
</md-button> </md-button>
@ -31,7 +31,7 @@
</md-input-container> </md-input-container>
<md-button class="md-icon-button" aria-label="Close" ng-click="vm.exitFilterMode()"> <md-button class="md-icon-button" aria-label="Close" ng-click="vm.exitFilterMode()">
<md-icon aria-label="Close" class="material-icons">close</md-icon> <md-icon aria-label="Close" class="material-icons">close</md-icon>
<md-tooltip md-direction="top"> <md-tooltip md-direction="{{vm.ctx.dashboard.isWidgetExpanded ? 'bottom' : 'top'}}">
{{ 'action.close' | translate }} {{ 'action.close' | translate }}
</md-tooltip> </md-tooltip>
</md-button> </md-button>

6
ui/src/app/widget/lib/map-widget2.js
View File

@ -275,11 +275,13 @@ export default class TbMapWidgetV2 {
for (var i = 0; i < latData.length; i++) { for (var i = 0; i < latData.length; i++) {
lat = latData[i][1]; lat = latData[i][1];
lng = lngData[i][1]; lng = lngData[i][1];
if (angular.isDefined(lat) && lat != null && angular.isDefined(lng) && lng != null) {
latLng = tbMap.map.createLatLng(lat, lng); latLng = tbMap.map.createLatLng(lat, lng);
if (i == 0 || !latLngs[latLngs.length - 1].equals(latLng)) { if (i == 0 || !latLngs[latLngs.length - 1].equals(latLng)) {
latLngs.push(latLng); latLngs.push(latLng);
} }
} }
}
if (latLngs.length > 0) { if (latLngs.length > 0) {
var markerLocation = latLngs[latLngs.length - 1]; var markerLocation = latLngs[latLngs.length - 1];
if (!location.marker) { if (!location.marker) {
@ -308,6 +310,7 @@ export default class TbMapWidgetV2 {
// Create or update marker // Create or update marker
lat = latData[latData.length - 1][1]; lat = latData[latData.length - 1][1];
lng = lngData[lngData.length - 1][1]; lng = lngData[lngData.length - 1][1];
if (angular.isDefined(lat) && lat != null && angular.isDefined(lng) && lng != null) {
latLng = tbMap.map.createLatLng(lat, lng); latLng = tbMap.map.createLatLng(lat, lng);
if (!location.marker) { if (!location.marker) {
location.marker = tbMap.map.createMarker(latLng, location.settings, location.marker = tbMap.map.createMarker(latLng, location.settings,
@ -325,9 +328,12 @@ export default class TbMapWidgetV2 {
} }
} }
} }
}
if (location.marker) {
updateLocationStyle(location, dataMap); updateLocationStyle(location, dataMap);
} }
} }
}
return locationChanged; return locationChanged;
} }