Igor Kulikov
4 years ago
12 changed files with 1216 additions and 73 deletions
@ -0,0 +1,20 @@ |
|||||
|
<!-- |
||||
|
|
||||
|
Copyright © 2016-2023 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. |
||||
|
|
||||
|
--> |
||||
|
<mat-button-toggle-group class="tb-toggle-header" #toggleGroup="matButtonToggleGroup" [name]="name"> |
||||
|
<ng-content></ng-content> |
||||
|
</mat-button-toggle-group> |
||||
@ -0,0 +1,87 @@ |
|||||
|
/** |
||||
|
* Copyright © 2016-2023 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 "../../../../../../../scss/constants"; |
||||
|
|
||||
|
:host ::ng-deep { |
||||
|
.mat-button-toggle-group.mat-button-toggle-group-appearance-standard.tb-toggle-header { |
||||
|
width: 100%; |
||||
|
border-radius: 100px; |
||||
|
height: 32px; |
||||
|
padding: 2px; |
||||
|
border: none; |
||||
|
background: rgba(0, 0, 0, 0.06); |
||||
|
margin-bottom: 8px; |
||||
|
.mat-button-toggle + .mat-button-toggle { |
||||
|
border-left: none; |
||||
|
} |
||||
|
.mat-button-toggle.mat-button-toggle-appearance-standard { |
||||
|
flex: 1; |
||||
|
color: rgba(0, 0, 0, 0.38); |
||||
|
background: transparent; |
||||
|
|
||||
|
.mat-button-toggle-focus-overlay, .mat-button-toggle-ripple { |
||||
|
border-radius: 20px; |
||||
|
} |
||||
|
.mat-button-toggle-button { |
||||
|
height: 28px; |
||||
|
.mat-button-toggle-label-content { |
||||
|
line-height: 26px; |
||||
|
font-weight: 400; |
||||
|
font-size: 14px; |
||||
|
letter-spacing: 0.2px; |
||||
|
} |
||||
|
} |
||||
|
&.mat-button-toggle-checked { |
||||
|
.mat-button-toggle-button { |
||||
|
background: #F3F6FA; |
||||
|
color: #305680; |
||||
|
border: 1px solid #305680; |
||||
|
border-radius: 20px; |
||||
|
|
||||
|
.mat-button-toggle-label-content { |
||||
|
font-weight: 500; |
||||
|
line-height: 24px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
@media #{$mat-md-lg} { |
||||
|
.mat-button-toggle-group.mat-button-toggle-group-appearance-standard.tb-toggle-header { |
||||
|
height: 24px; |
||||
|
margin-bottom: 0; |
||||
|
.mat-button-toggle.mat-button-toggle-appearance-standard { |
||||
|
.mat-button-toggle-button { |
||||
|
height: 20px; |
||||
|
display: grid; |
||||
|
.mat-button-toggle-label-content { |
||||
|
line-height: 20px; |
||||
|
font-size: 10px; |
||||
|
padding: 0 2px; |
||||
|
} |
||||
|
} |
||||
|
&.mat-button-toggle-checked { |
||||
|
.mat-button-toggle-button { |
||||
|
.mat-button-toggle-label-content { |
||||
|
line-height: 18px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,82 @@ |
|||||
|
///
|
||||
|
/// Copyright © 2016-2023 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 { |
||||
|
AfterContentInit, |
||||
|
AfterViewInit, |
||||
|
ChangeDetectorRef, |
||||
|
Component, |
||||
|
ContentChildren, |
||||
|
Input, |
||||
|
OnInit, |
||||
|
QueryList, |
||||
|
ViewChild |
||||
|
} from '@angular/core'; |
||||
|
import { PageComponent } from '@shared/components/page.component'; |
||||
|
import { Store } from '@ngrx/store'; |
||||
|
import { AppState } from '@core/core.state'; |
||||
|
import { AdminService } from '@core/http/admin.service'; |
||||
|
import { UpdateMessage } from '@shared/models/settings.models'; |
||||
|
import { getCurrentAuthUser } from '@core/auth/auth.selectors'; |
||||
|
import { Authority } from '@shared/models/authority.enum'; |
||||
|
import { of } from 'rxjs'; |
||||
|
import { MatStepper } from '@angular/material/stepper'; |
||||
|
import { MatButtonToggle, MatButtonToggleGroup } from '@angular/material/button-toggle'; |
||||
|
|
||||
|
@Component({ |
||||
|
selector: 'tb-toggle-header', |
||||
|
templateUrl: './toggle-header.component.html', |
||||
|
styleUrls: ['./toggle-header.component.scss'] |
||||
|
}) |
||||
|
export class ToggleHeaderComponent extends PageComponent implements OnInit, AfterViewInit { |
||||
|
|
||||
|
@ViewChild('toggleGroup') |
||||
|
toggleGroup: MatButtonToggleGroup; |
||||
|
|
||||
|
@ContentChildren(MatButtonToggle) |
||||
|
_buttonToggles: QueryList<MatButtonToggle>; |
||||
|
|
||||
|
innerValue: any; |
||||
|
|
||||
|
@Input() |
||||
|
set value(value: any) { |
||||
|
this.innerValue = value; |
||||
|
} |
||||
|
|
||||
|
get value(): any { |
||||
|
return this.toggleGroup?.value; |
||||
|
} |
||||
|
|
||||
|
@Input() |
||||
|
name: string; |
||||
|
|
||||
|
constructor(protected store: Store<AppState>) { |
||||
|
super(store); |
||||
|
} |
||||
|
|
||||
|
ngOnInit() { |
||||
|
} |
||||
|
|
||||
|
ngAfterViewInit() { |
||||
|
for (const toggle of this._buttonToggles) { |
||||
|
toggle.buttonToggleGroup = this.toggleGroup; |
||||
|
if (this.innerValue === toggle.value) { |
||||
|
toggle.checked = true; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,667 @@ |
|||||
|
{ |
||||
|
"title": "Tenant Administrator Home Page", |
||||
|
"image": null, |
||||
|
"mobileHide": false, |
||||
|
"mobileOrder": null, |
||||
|
"configuration": { |
||||
|
"description": "", |
||||
|
"widgets": { |
||||
|
"d70cc256-4c7b-ee06-9905-b8c5e546605f": { |
||||
|
"isSystemType": true, |
||||
|
"bundleAlias": "cards", |
||||
|
"typeAlias": "markdown_card", |
||||
|
"type": "latest", |
||||
|
"title": "New widget", |
||||
|
"image": null, |
||||
|
"description": null, |
||||
|
"sizeX": 5, |
||||
|
"sizeY": 3.5, |
||||
|
"config": { |
||||
|
"datasources": [], |
||||
|
"timewindow": { |
||||
|
"displayValue": "", |
||||
|
"selectedTab": 0, |
||||
|
"realtime": { |
||||
|
"realtimeType": 1, |
||||
|
"interval": 1000, |
||||
|
"timewindowMs": 60000, |
||||
|
"quickInterval": "CURRENT_DAY" |
||||
|
}, |
||||
|
"history": { |
||||
|
"historyType": 0, |
||||
|
"interval": 1000, |
||||
|
"timewindowMs": 60000, |
||||
|
"fixedTimewindow": { |
||||
|
"startTimeMs": 1680168340431, |
||||
|
"endTimeMs": 1680254740431 |
||||
|
}, |
||||
|
"quickInterval": "CURRENT_DAY" |
||||
|
}, |
||||
|
"aggregation": { |
||||
|
"type": "AVG", |
||||
|
"limit": 25000 |
||||
|
} |
||||
|
}, |
||||
|
"showTitle": false, |
||||
|
"backgroundColor": "#fff", |
||||
|
"color": "rgba(0, 0, 0, 0.87)", |
||||
|
"padding": "16px", |
||||
|
"settings": { |
||||
|
"useMarkdownTextFunction": false, |
||||
|
"markdownTextPattern": "<div class=\"tb-card-content\">\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between start\">\n <div class=\"tb-home-widget-title\">{{ 'widgets.activity.title' | translate }}</div>\n <tb-toggle-header #activityStates value=\"devices\" name=\"activityStates\">\n <mat-button-toggle value=\"devices\">{{ 'device.devices' | translate }}</mat-button-toggle>\n <mat-button-toggle value=\"transportMessages\">{{ 'widgets.transport-messages.title' | translate }}</mat-button-toggle>\n </tb-toggle-header>\n </div>\n <ng-container [ngSwitch]=\"activityStates.value\">\n <ng-template [ngSwitchCase]=\"'devices'\">\n <tb-dashboard-state fxFlex stateId=\"devices_activity\" [ctx]=\"ctx\"></tb-dashboard-state>\n </ng-template>\n <ng-template [ngSwitchCase]=\"'transportMessages'\">\n <tb-dashboard-state fxFlex stateId=\"transport_messages\" [ctx]=\"ctx\"></tb-dashboard-state>\n </ng-template>\n </ng-container>\n</div>", |
||||
|
"applyDefaultMarkdownStyle": false, |
||||
|
"markdownCss": ".tb-card-content {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n" |
||||
|
}, |
||||
|
"title": "Transport messages", |
||||
|
"showTitleIcon": false, |
||||
|
"iconColor": "rgba(0, 0, 0, 0.87)", |
||||
|
"iconSize": "24px", |
||||
|
"titleTooltip": "", |
||||
|
"dropShadow": false, |
||||
|
"enableFullscreen": false, |
||||
|
"widgetStyle": {}, |
||||
|
"titleStyle": { |
||||
|
"fontSize": "16px", |
||||
|
"fontWeight": 400 |
||||
|
}, |
||||
|
"showLegend": false, |
||||
|
"useDashboardTimewindow": true, |
||||
|
"widgetCss": "", |
||||
|
"pageSize": 1024, |
||||
|
"noDataDisplayMessage": "" |
||||
|
}, |
||||
|
"row": 0, |
||||
|
"col": 0, |
||||
|
"id": "d70cc256-4c7b-ee06-9905-b8c5e546605f" |
||||
|
}, |
||||
|
"8ee72d43-678c-4e25-e9a8-7d4cfd7a5f8e": { |
||||
|
"isSystemType": true, |
||||
|
"bundleAlias": "charts", |
||||
|
"typeAlias": "timeseries_bars_flot", |
||||
|
"type": "timeseries", |
||||
|
"title": "New widget", |
||||
|
"image": null, |
||||
|
"description": null, |
||||
|
"sizeX": 8, |
||||
|
"sizeY": 5, |
||||
|
"config": { |
||||
|
"datasources": [ |
||||
|
{ |
||||
|
"type": "entity", |
||||
|
"name": null, |
||||
|
"entityAliasId": "d9229b29-3f46-de8d-7fe8-eb0c43c75079", |
||||
|
"filterId": null, |
||||
|
"dataKeys": [ |
||||
|
{ |
||||
|
"name": "transportMsgCountHourly", |
||||
|
"type": "timeseries", |
||||
|
"label": "{i18n:widgets.transport-messages.title}", |
||||
|
"color": "#305680", |
||||
|
"settings": {}, |
||||
|
"_hash": 0.2880464219129071, |
||||
|
"aggregationType": null, |
||||
|
"units": null, |
||||
|
"decimals": null, |
||||
|
"funcBody": null, |
||||
|
"usePostProcessing": null, |
||||
|
"postFuncBody": null |
||||
|
} |
||||
|
], |
||||
|
"latestDataKeys": [] |
||||
|
} |
||||
|
], |
||||
|
"timewindow": { |
||||
|
"hideInterval": false, |
||||
|
"hideLastInterval": false, |
||||
|
"hideQuickInterval": false, |
||||
|
"hideAggregation": true, |
||||
|
"hideAggInterval": false, |
||||
|
"hideTimezone": false, |
||||
|
"selectedTab": 1, |
||||
|
"history": { |
||||
|
"historyType": 0, |
||||
|
"timewindowMs": 2592000000, |
||||
|
"interval": 86400000, |
||||
|
"fixedTimewindow": { |
||||
|
"startTimeMs": 1680443065451, |
||||
|
"endTimeMs": 1680529465451 |
||||
|
}, |
||||
|
"quickInterval": "CURRENT_DAY" |
||||
|
}, |
||||
|
"aggregation": { |
||||
|
"type": "SUM", |
||||
|
"limit": 50000 |
||||
|
} |
||||
|
}, |
||||
|
"showTitle": false, |
||||
|
"backgroundColor": "#fff", |
||||
|
"color": "rgba(0, 0, 0, 0.87)", |
||||
|
"padding": "0px", |
||||
|
"settings": { |
||||
|
"stack": true, |
||||
|
"fontSize": 10, |
||||
|
"fontColor": "#545454", |
||||
|
"showTooltip": true, |
||||
|
"tooltipIndividual": false, |
||||
|
"tooltipCumulative": false, |
||||
|
"hideZeros": false, |
||||
|
"grid": { |
||||
|
"verticalLines": false, |
||||
|
"horizontalLines": false, |
||||
|
"outlineWidth": 0, |
||||
|
"color": "#545454", |
||||
|
"backgroundColor": null, |
||||
|
"tickColor": "#DDDDDD" |
||||
|
}, |
||||
|
"xaxis": { |
||||
|
"title": null, |
||||
|
"showLabels": true, |
||||
|
"color": "#545454" |
||||
|
}, |
||||
|
"yaxis": { |
||||
|
"min": 0, |
||||
|
"max": null, |
||||
|
"title": null, |
||||
|
"showLabels": true, |
||||
|
"color": "#545454", |
||||
|
"tickSize": null, |
||||
|
"tickDecimals": 0, |
||||
|
"ticksFormatter": "return value % 1000 === 0 ? ((value / 1000) + 'k') : '';" |
||||
|
}, |
||||
|
"defaultBarWidth": 1800000, |
||||
|
"barAlignment": "left", |
||||
|
"comparisonEnabled": false, |
||||
|
"timeForComparison": "previousInterval", |
||||
|
"comparisonCustomIntervalValue": 7200000, |
||||
|
"xaxisSecond": { |
||||
|
"axisPosition": "top", |
||||
|
"title": null, |
||||
|
"showLabels": true |
||||
|
}, |
||||
|
"customLegendEnabled": false, |
||||
|
"dataKeysListForLabels": [] |
||||
|
}, |
||||
|
"title": "Transport messages", |
||||
|
"dropShadow": false, |
||||
|
"enableFullscreen": false, |
||||
|
"titleStyle": { |
||||
|
"fontSize": "16px", |
||||
|
"fontWeight": 400 |
||||
|
}, |
||||
|
"widgetStyle": { |
||||
|
"padding": "0" |
||||
|
}, |
||||
|
"useDashboardTimewindow": false, |
||||
|
"showLegend": false, |
||||
|
"actions": {}, |
||||
|
"displayTimewindow": true, |
||||
|
"showTitleIcon": false, |
||||
|
"titleTooltip": "", |
||||
|
"widgetCss": ".tb-widget-container > .tb-widget {\n border: none !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n}\n\n.tb-widget-container > .tb-widget .flot-base {\n opacity: 0.48;\n}\n", |
||||
|
"pageSize": 1024, |
||||
|
"noDataDisplayMessage": "", |
||||
|
"legendConfig": { |
||||
|
"direction": "column", |
||||
|
"position": "bottom", |
||||
|
"sortDataKeys": false, |
||||
|
"showMin": false, |
||||
|
"showMax": false, |
||||
|
"showAvg": true, |
||||
|
"showTotal": false, |
||||
|
"showLatest": false |
||||
|
} |
||||
|
}, |
||||
|
"row": 0, |
||||
|
"col": 0, |
||||
|
"id": "8ee72d43-678c-4e25-e9a8-7d4cfd7a5f8e" |
||||
|
}, |
||||
|
"867f82cf-ecf2-2d5c-35cb-08c6f2edc3a4": { |
||||
|
"isSystemType": true, |
||||
|
"bundleAlias": "home_page_widgets", |
||||
|
"typeAlias": "documentation_links", |
||||
|
"type": "static", |
||||
|
"title": "New widget", |
||||
|
"image": null, |
||||
|
"description": null, |
||||
|
"sizeX": 7.5, |
||||
|
"sizeY": 3, |
||||
|
"config": { |
||||
|
"datasources": [], |
||||
|
"timewindow": { |
||||
|
"realtime": { |
||||
|
"timewindowMs": 60000 |
||||
|
} |
||||
|
}, |
||||
|
"showTitle": false, |
||||
|
"backgroundColor": "rgb(255, 255, 255)", |
||||
|
"color": "rgba(0, 0, 0, 0.87)", |
||||
|
"padding": "16px", |
||||
|
"settings": { |
||||
|
"columns": 2 |
||||
|
}, |
||||
|
"title": "Documentation", |
||||
|
"dropShadow": false, |
||||
|
"enableFullscreen": false, |
||||
|
"widgetStyle": {}, |
||||
|
"widgetCss": "", |
||||
|
"pageSize": 1024, |
||||
|
"noDataDisplayMessage": "", |
||||
|
"showLegend": false |
||||
|
}, |
||||
|
"row": 0, |
||||
|
"col": 0, |
||||
|
"id": "867f82cf-ecf2-2d5c-35cb-08c6f2edc3a4" |
||||
|
}, |
||||
|
"a23185ad-dc46-806c-0e50-5b21fb080ace": { |
||||
|
"isSystemType": true, |
||||
|
"bundleAlias": "home_page_widgets", |
||||
|
"typeAlias": "getting_started", |
||||
|
"type": "static", |
||||
|
"title": "New widget", |
||||
|
"image": null, |
||||
|
"description": null, |
||||
|
"sizeX": 7.5, |
||||
|
"sizeY": 6.5, |
||||
|
"config": { |
||||
|
"datasources": [], |
||||
|
"timewindow": { |
||||
|
"realtime": { |
||||
|
"timewindowMs": 60000 |
||||
|
} |
||||
|
}, |
||||
|
"showTitle": false, |
||||
|
"backgroundColor": "rgb(255, 255, 255)", |
||||
|
"color": "rgba(0, 0, 0, 0.87)", |
||||
|
"padding": "16px", |
||||
|
"settings": { |
||||
|
"columns": 3 |
||||
|
}, |
||||
|
"title": "Getting started", |
||||
|
"dropShadow": false, |
||||
|
"enableFullscreen": false, |
||||
|
"widgetStyle": {}, |
||||
|
"widgetCss": "", |
||||
|
"pageSize": 1024, |
||||
|
"noDataDisplayMessage": "", |
||||
|
"showLegend": false |
||||
|
}, |
||||
|
"row": 0, |
||||
|
"col": 0, |
||||
|
"id": "a23185ad-dc46-806c-0e50-5b21fb080ace" |
||||
|
}, |
||||
|
"d26e5cd7-75ef-d475-00c7-1a2d1114efe8": { |
||||
|
"isSystemType": true, |
||||
|
"bundleAlias": "charts", |
||||
|
"typeAlias": "basic_timeseries", |
||||
|
"type": "timeseries", |
||||
|
"title": "New widget", |
||||
|
"image": null, |
||||
|
"description": null, |
||||
|
"sizeX": 8, |
||||
|
"sizeY": 5, |
||||
|
"config": { |
||||
|
"datasources": [ |
||||
|
{ |
||||
|
"type": "entity", |
||||
|
"name": null, |
||||
|
"entityAliasId": "d9229b29-3f46-de8d-7fe8-eb0c43c75079", |
||||
|
"filterId": null, |
||||
|
"dataKeys": [ |
||||
|
{ |
||||
|
"name": "activeDevicesCount", |
||||
|
"type": "timeseries", |
||||
|
"label": "{i18n:device.devices}", |
||||
|
"color": "#305680", |
||||
|
"settings": { |
||||
|
"hideDataByDefault": false, |
||||
|
"disableDataHiding": false, |
||||
|
"removeFromLegend": false, |
||||
|
"excludeFromStacking": false, |
||||
|
"showLines": true, |
||||
|
"lineWidth": 3, |
||||
|
"fillLines": true, |
||||
|
"showPoints": false, |
||||
|
"showPointsLineWidth": 5, |
||||
|
"showPointsRadius": 3, |
||||
|
"showPointShape": "circle", |
||||
|
"pointShapeFormatter": "var size = radius * Math.sqrt(Math.PI) / 2;\nctx.moveTo(x - size, y - size);\nctx.lineTo(x + size, y + size);\nctx.moveTo(x - size, y + size);\nctx.lineTo(x + size, y - size);", |
||||
|
"showSeparateAxis": false, |
||||
|
"axisPosition": "left", |
||||
|
"comparisonSettings": { |
||||
|
"showValuesForComparison": true, |
||||
|
"comparisonValuesLabel": "", |
||||
|
"color": "" |
||||
|
}, |
||||
|
"thresholds": [] |
||||
|
}, |
||||
|
"_hash": 0.9688095820365725, |
||||
|
"aggregationType": null, |
||||
|
"units": null, |
||||
|
"decimals": null, |
||||
|
"funcBody": null, |
||||
|
"usePostProcessing": null, |
||||
|
"postFuncBody": null |
||||
|
} |
||||
|
], |
||||
|
"latestDataKeys": [] |
||||
|
} |
||||
|
], |
||||
|
"timewindow": { |
||||
|
"hideInterval": false, |
||||
|
"hideLastInterval": false, |
||||
|
"hideQuickInterval": false, |
||||
|
"hideAggregation": true, |
||||
|
"hideAggInterval": true, |
||||
|
"hideTimezone": false, |
||||
|
"selectedTab": 1, |
||||
|
"history": { |
||||
|
"historyType": 0, |
||||
|
"timewindowMs": 2592000000, |
||||
|
"interval": 7200000, |
||||
|
"fixedTimewindow": { |
||||
|
"startTimeMs": 1681400576338, |
||||
|
"endTimeMs": 1681486976338 |
||||
|
}, |
||||
|
"quickInterval": "CURRENT_DAY" |
||||
|
}, |
||||
|
"aggregation": { |
||||
|
"type": "NONE", |
||||
|
"limit": 25000 |
||||
|
} |
||||
|
}, |
||||
|
"showTitle": false, |
||||
|
"backgroundColor": "#fff", |
||||
|
"color": "rgba(0, 0, 0, 0.87)", |
||||
|
"padding": "0px", |
||||
|
"settings": { |
||||
|
"stack": false, |
||||
|
"fontSize": 10, |
||||
|
"fontColor": "#545454", |
||||
|
"showTooltip": true, |
||||
|
"tooltipIndividual": false, |
||||
|
"tooltipCumulative": false, |
||||
|
"hideZeros": false, |
||||
|
"grid": { |
||||
|
"verticalLines": false, |
||||
|
"horizontalLines": false, |
||||
|
"outlineWidth": 0, |
||||
|
"color": "#545454", |
||||
|
"backgroundColor": null, |
||||
|
"tickColor": "#DDDDDD" |
||||
|
}, |
||||
|
"xaxis": { |
||||
|
"title": null, |
||||
|
"showLabels": true, |
||||
|
"color": "#545454" |
||||
|
}, |
||||
|
"yaxis": { |
||||
|
"min": null, |
||||
|
"max": null, |
||||
|
"title": null, |
||||
|
"showLabels": true, |
||||
|
"color": "#545454", |
||||
|
"tickSize": null, |
||||
|
"tickDecimals": 0, |
||||
|
"ticksFormatter": "" |
||||
|
}, |
||||
|
"shadowSize": 0, |
||||
|
"smoothLines": true, |
||||
|
"comparisonEnabled": false, |
||||
|
"timeForComparison": "previousInterval", |
||||
|
"comparisonCustomIntervalValue": 7200000, |
||||
|
"xaxisSecond": { |
||||
|
"axisPosition": "top", |
||||
|
"title": null, |
||||
|
"showLabels": true |
||||
|
}, |
||||
|
"customLegendEnabled": false, |
||||
|
"dataKeysListForLabels": [] |
||||
|
}, |
||||
|
"title": "Devices activity", |
||||
|
"dropShadow": false, |
||||
|
"enableFullscreen": false, |
||||
|
"titleStyle": { |
||||
|
"fontSize": "16px", |
||||
|
"fontWeight": 400 |
||||
|
}, |
||||
|
"useDashboardTimewindow": false, |
||||
|
"displayTimewindow": true, |
||||
|
"showTitleIcon": false, |
||||
|
"titleTooltip": "", |
||||
|
"widgetStyle": { |
||||
|
"padding": "0" |
||||
|
}, |
||||
|
"widgetCss": ".tb-widget-container > .tb-widget {\n border: none !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n}", |
||||
|
"pageSize": 1024, |
||||
|
"noDataDisplayMessage": "", |
||||
|
"showLegend": false, |
||||
|
"legendConfig": { |
||||
|
"direction": "column", |
||||
|
"position": "bottom", |
||||
|
"sortDataKeys": false, |
||||
|
"showMin": false, |
||||
|
"showMax": false, |
||||
|
"showAvg": true, |
||||
|
"showTotal": false, |
||||
|
"showLatest": false |
||||
|
} |
||||
|
}, |
||||
|
"row": 0, |
||||
|
"col": 0, |
||||
|
"id": "d26e5cd7-75ef-d475-00c7-1a2d1114efe8" |
||||
|
} |
||||
|
}, |
||||
|
"states": { |
||||
|
"default": { |
||||
|
"name": "Tenant Administrator Home Page", |
||||
|
"root": true, |
||||
|
"layouts": { |
||||
|
"main": { |
||||
|
"widgets": { |
||||
|
"d70cc256-4c7b-ee06-9905-b8c5e546605f": { |
||||
|
"sizeX": 41, |
||||
|
"sizeY": 16, |
||||
|
"row": 26, |
||||
|
"col": 44, |
||||
|
"mobileOrder": 7, |
||||
|
"mobileHeight": 8 |
||||
|
}, |
||||
|
"867f82cf-ecf2-2d5c-35cb-08c6f2edc3a4": { |
||||
|
"sizeX": 31, |
||||
|
"sizeY": 16, |
||||
|
"row": 42, |
||||
|
"col": 26, |
||||
|
"mobileHide": true |
||||
|
}, |
||||
|
"a23185ad-dc46-806c-0e50-5b21fb080ace": { |
||||
|
"sizeX": 35, |
||||
|
"sizeY": 58, |
||||
|
"row": 0, |
||||
|
"col": 85, |
||||
|
"mobileHide": true |
||||
|
} |
||||
|
}, |
||||
|
"gridSettings": { |
||||
|
"backgroundColor": "#eeeeee", |
||||
|
"columns": 120, |
||||
|
"margin": 12, |
||||
|
"backgroundSizeMode": "100%", |
||||
|
"autoFillHeight": true, |
||||
|
"backgroundImageUrl": null, |
||||
|
"mobileAutoFillHeight": false, |
||||
|
"mobileRowHeight": 20, |
||||
|
"outerMargin": true |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
"transport_messages": { |
||||
|
"name": "Transport messages", |
||||
|
"root": false, |
||||
|
"layouts": { |
||||
|
"main": { |
||||
|
"widgets": { |
||||
|
"8ee72d43-678c-4e25-e9a8-7d4cfd7a5f8e": { |
||||
|
"sizeX": 24, |
||||
|
"sizeY": 11, |
||||
|
"row": 0, |
||||
|
"col": 0 |
||||
|
} |
||||
|
}, |
||||
|
"gridSettings": { |
||||
|
"backgroundColor": "#ffffff", |
||||
|
"columns": 24, |
||||
|
"margin": 0, |
||||
|
"backgroundSizeMode": "100%", |
||||
|
"autoFillHeight": true, |
||||
|
"backgroundImageUrl": null, |
||||
|
"mobileAutoFillHeight": true, |
||||
|
"mobileRowHeight": 70, |
||||
|
"outerMargin": true |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
"devices_activity": { |
||||
|
"name": "Devices activity", |
||||
|
"root": false, |
||||
|
"layouts": { |
||||
|
"main": { |
||||
|
"widgets": { |
||||
|
"d26e5cd7-75ef-d475-00c7-1a2d1114efe8": { |
||||
|
"sizeX": 24, |
||||
|
"sizeY": 11, |
||||
|
"row": 0, |
||||
|
"col": 0 |
||||
|
} |
||||
|
}, |
||||
|
"gridSettings": { |
||||
|
"backgroundColor": "#ffffff", |
||||
|
"columns": 24, |
||||
|
"margin": 0, |
||||
|
"outerMargin": true, |
||||
|
"backgroundSizeMode": "100%", |
||||
|
"autoFillHeight": true, |
||||
|
"backgroundImageUrl": null, |
||||
|
"mobileAutoFillHeight": true, |
||||
|
"mobileRowHeight": 70 |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
"entityAliases": { |
||||
|
"ae870700-071f-b3bc-406c-16ba554c5a55": { |
||||
|
"id": "ae870700-071f-b3bc-406c-16ba554c5a55", |
||||
|
"alias": "Tenants", |
||||
|
"filter": { |
||||
|
"type": "entityType", |
||||
|
"resolveMultiple": true, |
||||
|
"entityType": "TENANT" |
||||
|
} |
||||
|
}, |
||||
|
"ca4d90e4-f9ae-6fca-6b09-85815a48d52b": { |
||||
|
"id": "ca4d90e4-f9ae-6fca-6b09-85815a48d52b", |
||||
|
"alias": "TenantProfiles", |
||||
|
"filter": { |
||||
|
"type": "entityType", |
||||
|
"resolveMultiple": true, |
||||
|
"entityType": "TENANT" |
||||
|
} |
||||
|
}, |
||||
|
"a1ddb8fa-90ff-5598-e7f2-e254194d055d": { |
||||
|
"id": "a1ddb8fa-90ff-5598-e7f2-e254194d055d", |
||||
|
"alias": "Devices", |
||||
|
"filter": { |
||||
|
"type": "entityType", |
||||
|
"resolveMultiple": true, |
||||
|
"entityType": "DEVICE" |
||||
|
} |
||||
|
}, |
||||
|
"619cdf00-a042-3b55-124e-194c1b28c236": { |
||||
|
"id": "619cdf00-a042-3b55-124e-194c1b28c236", |
||||
|
"alias": "Assets", |
||||
|
"filter": { |
||||
|
"type": "entityType", |
||||
|
"resolveMultiple": true, |
||||
|
"entityType": "ASSET" |
||||
|
} |
||||
|
}, |
||||
|
"1d97ff7f-8b42-5882-f87b-16f3d0dee4f2": { |
||||
|
"id": "1d97ff7f-8b42-5882-f87b-16f3d0dee4f2", |
||||
|
"alias": "Users", |
||||
|
"filter": { |
||||
|
"type": "entityType", |
||||
|
"resolveMultiple": true, |
||||
|
"entityType": "USER" |
||||
|
} |
||||
|
}, |
||||
|
"0dd2b154-59f4-0f97-da1a-d85f5b5cfe31": { |
||||
|
"id": "0dd2b154-59f4-0f97-da1a-d85f5b5cfe31", |
||||
|
"alias": "Customers", |
||||
|
"filter": { |
||||
|
"type": "entityType", |
||||
|
"resolveMultiple": true, |
||||
|
"entityType": "CUSTOMER" |
||||
|
} |
||||
|
}, |
||||
|
"d9229b29-3f46-de8d-7fe8-eb0c43c75079": { |
||||
|
"id": "d9229b29-3f46-de8d-7fe8-eb0c43c75079", |
||||
|
"alias": "Api Usage State", |
||||
|
"filter": { |
||||
|
"type": "apiUsageState", |
||||
|
"resolveMultiple": true |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
"filters": {}, |
||||
|
"timewindow": { |
||||
|
"displayValue": "", |
||||
|
"hideInterval": false, |
||||
|
"hideLastInterval": false, |
||||
|
"hideQuickInterval": false, |
||||
|
"hideAggregation": false, |
||||
|
"hideAggInterval": false, |
||||
|
"hideTimezone": false, |
||||
|
"selectedTab": 0, |
||||
|
"realtime": { |
||||
|
"realtimeType": 0, |
||||
|
"interval": 1000, |
||||
|
"timewindowMs": 60000, |
||||
|
"quickInterval": "CURRENT_DAY" |
||||
|
}, |
||||
|
"history": { |
||||
|
"historyType": 0, |
||||
|
"interval": 1000, |
||||
|
"timewindowMs": 60000, |
||||
|
"fixedTimewindow": { |
||||
|
"startTimeMs": 1680168326072, |
||||
|
"endTimeMs": 1680254726072 |
||||
|
}, |
||||
|
"quickInterval": "CURRENT_DAY" |
||||
|
}, |
||||
|
"aggregation": { |
||||
|
"type": "AVG", |
||||
|
"limit": 25000 |
||||
|
} |
||||
|
}, |
||||
|
"settings": { |
||||
|
"stateControllerId": "entity", |
||||
|
"showTitle": false, |
||||
|
"showDashboardsSelect": true, |
||||
|
"showEntitiesSelect": true, |
||||
|
"showDashboardTimewindow": true, |
||||
|
"showDashboardExport": true, |
||||
|
"toolbarAlwaysOpen": true, |
||||
|
"titleColor": "rgba(0,0,0,0.870588)", |
||||
|
"showDashboardLogo": false, |
||||
|
"dashboardLogoUrl": null, |
||||
|
"hideToolbar": true, |
||||
|
"showFilters": true, |
||||
|
"showUpdateDashboardImage": true, |
||||
|
"dashboardCss": ".tb-widget-container > .tb-widget {\n border: 1px solid rgba(0, 0, 0, 0.05);\n box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.04);\n border-radius: 12px;\n}\n\n.tb-widget-container > .tb-widget:not([style*=\"padding: 0\"]) {\n padding: 16px !important;\n}\n\n.tb-card-title {\n display: grid;\n}\n\n.tb-home-widget-title {\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.25px;\n color: rgba(0, 0, 0, 0.54);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.tb-home-widget-link {\n position: relative;\n border-bottom: none;\n}\n\n.tb-home-widget-link:hover {\n border-bottom: none;\n}\n\n.tb-home-widget-link:focus {\n border-bottom: none;\n}\n\n.tb-home-widget-link::after {\n content: 'arrow_forward';\n display: inline-block;\n transform: rotate(315deg);\n font-family: 'Material Icons';\n font-weight: normal;\n font-style: normal;\n font-size: 18px;\n color: rgba(0, 0, 0, 0.12);\n vertical-align: bottom;\n margin-left: 6px; \n}\n\n.tb-home-widget-link:hover::after {\n color: inherit;\n}\n\n.tb-home-widget-info-icon {\n color: rgba(0, 0, 0, 0.12);\n font-size: 16px;\n width: 16px;\n height: 16px;\n line-height: 15px;\n vertical-align: middle;\n}\n\n.tb-widget-container > .tb-widget .tb-timewindow {\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.25px;\n color: rgba(0, 0, 0, 0.54);\n padding: 0;\n}\n\n.tb-widget-container > .tb-widget .tb-legend-keys .tb-legend-label {\n cursor: pointer;\n user-select: none;\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: 0.2px;\n color: rgba(0, 0, 0, 0.54);\n}\n\n@media screen and (min-width: 960px) and (max-width: 1279px) {\n .tb-widget-container > .tb-widget {\n border-radius: 4px;\n }\n .tb-widget-container > .tb-widget:not([style*=\"padding: 0\"]) {\n padding: 2px !important;\n }\n .tb-hide-md {\n display: none;\n }\n}\n\n@media screen and (min-width: 1280px) and (max-width: 1819px) {\n .tb-widget-container > .tb-widget:not([style*=\"padding: 0\"]) {\n padding: 8px !important;\n }\n .tb-hide-lg {\n display: none;\n }\n}\n\n@media screen and (min-width: 960px) and (max-width: 1819px) {\n .tb-hide-md-lg {\n display: none;\n }\n\n .tb-home-widget-title {\n font-size: 12px;\n line-height: 16px;\n }\n \n .tb-widget-container > .tb-widget .tb-widget-title {\n padding: 0;\n }\n\n .tb-widget-container > .tb-widget .tb-timewindow {\n font-size: 12px;\n line-height: 16px;\n min-height: 24px;\n padding: 0;\n }\n\n .tb-widget-container > .tb-widget .tb-timewindow .mat-mdc-icon-button.tb-mat-32 {\n width: 24px;\n height: 24px;\n line-height: 24px;\n }\n\n .tb-widget-container > .tb-widget .tb-timewindow .mat-mdc-icon-button.tb-mat-32 .mat-icon {\n width: 18px;\n height: 18px;\n font-size: 18px;\n }\n \n .tb-widget-container > .tb-widget tb-legend {\n padding-bottom: 0 !important;\n }\n \n .tb-widget-container > .tb-widget .tb-legend-keys .tb-legend-label {\n font-size: 11px;\n line-height: 16px;\n letter-spacing: 0.25px;\n }\n}\n\n@media screen and (max-width: 959px), screen and (min-width: 1820px) {\n .tb-hide-not-md-lg {\n display: none;\n }\n}\n" |
||||
|
} |
||||
|
}, |
||||
|
"externalId": null, |
||||
|
"name": "Tenant Administrator Home Page" |
||||
|
} |
||||
Loading…
Reference in new issue