2019-08-12 19:34:23 +03:00
|
|
|
///
|
2021-01-11 13:42:16 +02:00
|
|
|
/// Copyright © 2016-2021 The Thingsboard Authors
|
2019-08-12 19:34:23 +03:00
|
|
|
///
|
|
|
|
|
/// 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.
|
|
|
|
|
///
|
|
|
|
|
|
2019-09-19 20:10:52 +03:00
|
|
|
import { BaseData } from '@shared/models/base-data';
|
|
|
|
|
import { DashboardId } from '@shared/models/id/dashboard-id';
|
|
|
|
|
import { TenantId } from '@shared/models/id/tenant-id';
|
|
|
|
|
import { ShortCustomerInfo } from '@shared/models/customer.model';
|
|
|
|
|
import { Widget } from './widget.models';
|
|
|
|
|
import { Timewindow } from '@shared/models/time/time.models';
|
2020-04-27 09:27:14 +03:00
|
|
|
import { EntityAliases } from './alias.models';
|
2020-06-30 19:37:50 +03:00
|
|
|
import { Filters } from '@shared/models/query/query.models';
|
2019-08-12 19:34:23 +03:00
|
|
|
|
|
|
|
|
export interface DashboardInfo extends BaseData<DashboardId> {
|
2019-09-19 20:10:52 +03:00
|
|
|
tenantId?: TenantId;
|
|
|
|
|
title?: string;
|
|
|
|
|
assignedCustomers?: Array<ShortCustomerInfo>;
|
2019-08-12 19:34:23 +03:00
|
|
|
}
|
|
|
|
|
|
2019-09-03 19:31:16 +03:00
|
|
|
export interface WidgetLayout {
|
2019-10-31 10:06:57 +02:00
|
|
|
sizeX?: number;
|
|
|
|
|
sizeY?: number;
|
2019-09-19 20:10:52 +03:00
|
|
|
mobileHeight?: number;
|
|
|
|
|
mobileOrder?: number;
|
2019-10-31 10:06:57 +02:00
|
|
|
col?: number;
|
|
|
|
|
row?: number;
|
2019-09-03 19:31:16 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export interface WidgetLayouts {
|
|
|
|
|
[id: string]: WidgetLayout;
|
|
|
|
|
}
|
|
|
|
|
|
2019-09-19 20:10:52 +03:00
|
|
|
export interface GridSettings {
|
|
|
|
|
backgroundColor?: string;
|
|
|
|
|
color?: string;
|
|
|
|
|
columns?: number;
|
2019-10-31 10:06:57 +02:00
|
|
|
margin?: number;
|
2019-09-19 20:10:52 +03:00
|
|
|
backgroundSizeMode?: string;
|
2019-09-20 20:30:43 +03:00
|
|
|
backgroundImageUrl?: string;
|
|
|
|
|
autoFillHeight?: boolean;
|
|
|
|
|
mobileAutoFillHeight?: boolean;
|
|
|
|
|
mobileRowHeight?: number;
|
2019-09-19 20:10:52 +03:00
|
|
|
[key: string]: any;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export interface DashboardLayout {
|
|
|
|
|
widgets: WidgetLayouts;
|
|
|
|
|
gridSettings: GridSettings;
|
|
|
|
|
}
|
|
|
|
|
|
2019-09-20 20:30:43 +03:00
|
|
|
export interface DashboardLayoutInfo {
|
2019-10-31 10:06:57 +02:00
|
|
|
widgetIds?: string[];
|
2019-09-20 20:30:43 +03:00
|
|
|
widgetLayouts?: WidgetLayouts;
|
|
|
|
|
gridSettings?: GridSettings;
|
|
|
|
|
}
|
|
|
|
|
|
2019-09-19 20:10:52 +03:00
|
|
|
export declare type DashboardLayoutId = 'main' | 'right';
|
|
|
|
|
|
2019-09-20 20:30:43 +03:00
|
|
|
export declare type DashboardStateLayouts = {[key in DashboardLayoutId]?: DashboardLayout};
|
|
|
|
|
|
|
|
|
|
export declare type DashboardLayoutsInfo = {[key in DashboardLayoutId]?: DashboardLayoutInfo};
|
2019-09-19 20:10:52 +03:00
|
|
|
|
|
|
|
|
export interface DashboardState {
|
|
|
|
|
name: string;
|
|
|
|
|
root: boolean;
|
|
|
|
|
layouts: DashboardStateLayouts;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export declare type StateControllerId = 'entity' | 'default' | string;
|
|
|
|
|
|
|
|
|
|
export interface DashboardSettings {
|
|
|
|
|
stateControllerId?: StateControllerId;
|
|
|
|
|
showTitle?: boolean;
|
|
|
|
|
showDashboardsSelect?: boolean;
|
|
|
|
|
showEntitiesSelect?: boolean;
|
2020-07-01 20:09:25 +03:00
|
|
|
showFilters?: boolean;
|
2019-09-19 20:10:52 +03:00
|
|
|
showDashboardTimewindow?: boolean;
|
|
|
|
|
showDashboardExport?: boolean;
|
|
|
|
|
toolbarAlwaysOpen?: boolean;
|
|
|
|
|
titleColor?: string;
|
|
|
|
|
}
|
|
|
|
|
|
2019-08-12 19:34:23 +03:00
|
|
|
export interface DashboardConfiguration {
|
2019-09-19 20:10:52 +03:00
|
|
|
timewindow?: Timewindow;
|
|
|
|
|
settings?: DashboardSettings;
|
|
|
|
|
widgets?: {[id: string]: Widget } | Widget[];
|
|
|
|
|
states?: {[id: string]: DashboardState };
|
|
|
|
|
entityAliases?: EntityAliases;
|
2020-06-30 19:37:50 +03:00
|
|
|
filters?: Filters;
|
2019-08-20 20:42:48 +03:00
|
|
|
[key: string]: any;
|
2019-08-12 19:34:23 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export interface Dashboard extends DashboardInfo {
|
2019-09-19 20:10:52 +03:00
|
|
|
configuration?: DashboardConfiguration;
|
2019-08-12 19:34:23 +03:00
|
|
|
}
|
2019-08-20 20:42:48 +03:00
|
|
|
|
|
|
|
|
export function isPublicDashboard(dashboard: DashboardInfo): boolean {
|
|
|
|
|
if (dashboard && dashboard.assignedCustomers) {
|
|
|
|
|
return dashboard.assignedCustomers
|
|
|
|
|
.filter(customerInfo => customerInfo.public).length > 0;
|
|
|
|
|
} else {
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export function getDashboardAssignedCustomersText(dashboard: DashboardInfo): string {
|
|
|
|
|
if (dashboard && dashboard.assignedCustomers && dashboard.assignedCustomers.length > 0) {
|
|
|
|
|
return dashboard.assignedCustomers
|
|
|
|
|
.filter(customerInfo => !customerInfo.public)
|
|
|
|
|
.map(customerInfo => customerInfo.title)
|
|
|
|
|
.join(', ');
|
|
|
|
|
} else {
|
2020-02-05 17:52:18 +02:00
|
|
|
return '';
|
2019-08-20 20:42:48 +03:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export function isCurrentPublicDashboardCustomer(dashboard: DashboardInfo, customerId: string): boolean {
|
|
|
|
|
if (customerId && dashboard && dashboard.assignedCustomers) {
|
|
|
|
|
return dashboard.assignedCustomers.filter(customerInfo => {
|
|
|
|
|
return customerInfo.public && customerId === customerInfo.customerId.id;
|
|
|
|
|
}).length > 0;
|
|
|
|
|
} else {
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
}
|