Igor Kulikov
4 years ago
42 changed files with 1663 additions and 78 deletions
@ -0,0 +1,67 @@ |
|||
///
|
|||
/// Copyright © 2016-2022 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 { Injectable } from '@angular/core'; |
|||
import { HttpClient } from '@angular/common/http'; |
|||
import { PageLink } from '@shared/models/page/page-link'; |
|||
import { defaultHttpOptionsFromConfig, RequestConfig } from './http-utils'; |
|||
import { Observable } from 'rxjs'; |
|||
import { PageData } from '@shared/models/page/page-data'; |
|||
import { AssetProfile, AssetProfileInfo } from '@shared/models/asset.models'; |
|||
|
|||
@Injectable({ |
|||
providedIn: 'root' |
|||
}) |
|||
export class AssetProfileService { |
|||
|
|||
constructor( |
|||
private http: HttpClient |
|||
) { |
|||
} |
|||
|
|||
public getAssetProfiles(pageLink: PageLink, config?: RequestConfig): Observable<PageData<AssetProfile>> { |
|||
return this.http.get<PageData<AssetProfile>>(`/api/assetProfiles${pageLink.toQuery()}`, defaultHttpOptionsFromConfig(config)); |
|||
} |
|||
|
|||
public getAssetProfile(assetProfileId: string, config?: RequestConfig): Observable<AssetProfile> { |
|||
return this.http.get<AssetProfile>(`/api/assetProfile/${assetProfileId}`, defaultHttpOptionsFromConfig(config)); |
|||
} |
|||
|
|||
public saveAssetProfile(assetProfile: AssetProfile, config?: RequestConfig): Observable<AssetProfile> { |
|||
return this.http.post<AssetProfile>('/api/assetProfile', assetProfile, defaultHttpOptionsFromConfig(config)); |
|||
} |
|||
|
|||
public deleteAssetProfile(assetProfileId: string, config?: RequestConfig) { |
|||
return this.http.delete(`/api/assetProfile/${assetProfileId}`, defaultHttpOptionsFromConfig(config)); |
|||
} |
|||
|
|||
public setDefaultAssetProfile(assetProfileId: string, config?: RequestConfig): Observable<AssetProfile> { |
|||
return this.http.post<AssetProfile>(`/api/assetProfile/${assetProfileId}/default`, defaultHttpOptionsFromConfig(config)); |
|||
} |
|||
|
|||
public getDefaultAssetProfileInfo(config?: RequestConfig): Observable<AssetProfileInfo> { |
|||
return this.http.get<AssetProfileInfo>('/api/assetProfileInfo/default', defaultHttpOptionsFromConfig(config)); |
|||
} |
|||
|
|||
public getAssetProfileInfo(assetProfileId: string, config?: RequestConfig): Observable<AssetProfileInfo> { |
|||
return this.http.get<AssetProfileInfo>(`/api/assetProfileInfo/${assetProfileId}`, defaultHttpOptionsFromConfig(config)); |
|||
} |
|||
|
|||
public getAssetProfileInfos(pageLink: PageLink, config?: RequestConfig): Observable<PageData<AssetProfileInfo>> { |
|||
return this.http.get<PageData<AssetProfileInfo>>(`/api/assetProfileInfos${pageLink.toQuery()}`, defaultHttpOptionsFromConfig(config)); |
|||
} |
|||
|
|||
} |
|||
@ -0,0 +1,74 @@ |
|||
<!-- |
|||
|
|||
Copyright © 2016-2022 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-form-field [formGroup]="selectAssetProfileFormGroup" class="mat-block"> |
|||
<input matInput type="text" placeholder="{{ 'asset-profile.asset-profile' | translate }}" |
|||
#assetProfileInput |
|||
formControlName="assetProfile" |
|||
(focusin)="onFocus()" |
|||
[required]="required" |
|||
(keydown)="assetProfileEnter($event)" |
|||
(keypress)="assetProfileEnter($event)" |
|||
[matAutocomplete]="assetProfileAutocomplete" |
|||
[fxShow]="!showDetailsPageLink || !disabled || !selectAssetProfileFormGroup.get('assetProfile').value"> |
|||
<a *ngIf="showDetailsPageLink && selectAssetProfileFormGroup.get('assetProfile').value && disabled" aria-label="Open asset profile" [routerLink]=assetProfileURL> |
|||
{{ displayAssetProfileFn(selectAssetProfileFormGroup.get('assetProfile').value) }} |
|||
</a> |
|||
<button *ngIf="selectAssetProfileFormGroup.get('assetProfile').value && !disabled" |
|||
type="button" |
|||
matSuffix mat-button mat-icon-button aria-label="Clear" |
|||
(click)="clear()"> |
|||
<mat-icon class="material-icons">close</mat-icon> |
|||
</button> |
|||
<button *ngIf="selectAssetProfileFormGroup.get('assetProfile').value && !disabled && editProfileEnabled" |
|||
type="button" |
|||
matSuffix mat-button mat-icon-button aria-label="Edit" |
|||
matTooltip="{{ 'asset-profile.edit' | translate }}" |
|||
matTooltipPosition="above" |
|||
(click)="editAssetProfile($event)"> |
|||
<mat-icon class="material-icons">edit</mat-icon> |
|||
</button> |
|||
<mat-autocomplete |
|||
class="tb-autocomplete" |
|||
(closed)="onPanelClosed()" |
|||
#assetProfileAutocomplete="matAutocomplete" |
|||
[displayWith]="displayAssetProfileFn"> |
|||
<mat-option *ngFor="let assetProfile of filteredAssetProfiles | async" [value]="assetProfile"> |
|||
<span [innerHTML]="assetProfile.name | highlight:searchText"></span> |
|||
</mat-option> |
|||
<mat-option *ngIf="!(filteredAssetProfiles | async)?.length" [value]="null" class="tb-not-found"> |
|||
<div class="tb-not-found-content" (click)="$event.stopPropagation()"> |
|||
<div *ngIf="!textIsNotEmpty(searchText) || !addNewProfile; else searchNotEmpty"> |
|||
<span translate>asset-profile.no-asset-profiles-found</span> |
|||
</div> |
|||
<ng-template #searchNotEmpty> |
|||
<span> |
|||
{{ translate.get('asset-profile.no-asset-profiles-matching', |
|||
{entity: truncate.transform(searchText, true, 6, '...')}) | async }} |
|||
</span> |
|||
<span> |
|||
<a translate (click)="createAssetProfile($event, searchText)">asset-profile.create-new-asset-profile</a> |
|||
</span> |
|||
</ng-template> |
|||
</div> |
|||
</mat-option> |
|||
</mat-autocomplete> |
|||
<mat-error *ngIf="selectAssetProfileFormGroup.get('assetProfile').hasError('required')"> |
|||
{{ 'asset-profile.asset-profile-required' | translate }} |
|||
</mat-error> |
|||
<mat-hint *ngIf="hint && !disabled">{{ hint | translate }}</mat-hint> |
|||
</mat-form-field> |
|||
@ -0,0 +1,21 @@ |
|||
/** |
|||
* Copyright © 2016-2022 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. |
|||
*/ |
|||
:host{ |
|||
.mat-icon-button a { |
|||
border-bottom: none; |
|||
color: inherit; |
|||
} |
|||
} |
|||
@ -0,0 +1,369 @@ |
|||
///
|
|||
/// Copyright © 2016-2022 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 { |
|||
Component, |
|||
ElementRef, |
|||
EventEmitter, |
|||
forwardRef, |
|||
Input, |
|||
NgZone, |
|||
OnInit, |
|||
Output, |
|||
ViewChild |
|||
} from '@angular/core'; |
|||
import { ControlValueAccessor, FormBuilder, FormGroup, NG_VALUE_ACCESSOR } from '@angular/forms'; |
|||
import { Observable, of } from 'rxjs'; |
|||
import { PageLink } from '@shared/models/page/page-link'; |
|||
import { Direction } from '@shared/models/page/sort-order'; |
|||
import { catchError, debounceTime, distinctUntilChanged, map, share, switchMap, tap } from 'rxjs/operators'; |
|||
import { Store } from '@ngrx/store'; |
|||
import { AppState } from '@app/core/core.state'; |
|||
import { TranslateService } from '@ngx-translate/core'; |
|||
import { coerceBooleanProperty } from '@angular/cdk/coercion'; |
|||
import { entityIdEquals } from '@shared/models/id/entity-id'; |
|||
import { TruncatePipe } from '@shared//pipe/truncate.pipe'; |
|||
import { ENTER } from '@angular/cdk/keycodes'; |
|||
import { MatDialog } from '@angular/material/dialog'; |
|||
import { MatAutocomplete } from '@angular/material/autocomplete'; |
|||
import { emptyPageData } from '@shared/models/page/page-data'; |
|||
import { getEntityDetailsPageURL } from '@core/utils'; |
|||
import { AssetProfileId } from '@shared/models/id/asset-profile-id'; |
|||
import { AssetProfile, AssetProfileInfo } from '@shared/models/asset.models'; |
|||
import { AssetProfileService } from '@core/http/asset-profile.service'; |
|||
import { AssetProfileDialogComponent, AssetProfileDialogData } from './asset-profile-dialog.component'; |
|||
|
|||
@Component({ |
|||
selector: 'tb-asset-profile-autocomplete', |
|||
templateUrl: './asset-profile-autocomplete.component.html', |
|||
styleUrls: ['./asset-profile-autocomplete.component.scss'], |
|||
providers: [{ |
|||
provide: NG_VALUE_ACCESSOR, |
|||
useExisting: forwardRef(() => AssetProfileAutocompleteComponent), |
|||
multi: true |
|||
}] |
|||
}) |
|||
export class AssetProfileAutocompleteComponent implements ControlValueAccessor, OnInit { |
|||
|
|||
selectAssetProfileFormGroup: FormGroup; |
|||
|
|||
modelValue: AssetProfileId | null; |
|||
|
|||
@Input() |
|||
selectDefaultProfile = false; |
|||
|
|||
@Input() |
|||
selectFirstProfile = false; |
|||
|
|||
@Input() |
|||
displayAllOnEmpty = false; |
|||
|
|||
@Input() |
|||
editProfileEnabled = true; |
|||
|
|||
@Input() |
|||
addNewProfile = true; |
|||
|
|||
@Input() |
|||
showDetailsPageLink = false; |
|||
|
|||
private requiredValue: boolean; |
|||
get required(): boolean { |
|||
return this.requiredValue; |
|||
} |
|||
@Input() |
|||
set required(value: boolean) { |
|||
this.requiredValue = coerceBooleanProperty(value); |
|||
} |
|||
|
|||
@Input() |
|||
disabled: boolean; |
|||
|
|||
@Input() |
|||
hint: string; |
|||
|
|||
@Output() |
|||
assetProfileUpdated = new EventEmitter<AssetProfileId>(); |
|||
|
|||
@Output() |
|||
assetProfileChanged = new EventEmitter<AssetProfileInfo>(); |
|||
|
|||
@ViewChild('assetProfileInput', {static: true}) assetProfileInput: ElementRef; |
|||
|
|||
@ViewChild('assetProfileAutocomplete', {static: true}) assetProfileAutocomplete: MatAutocomplete; |
|||
|
|||
filteredAssetProfiles: Observable<Array<AssetProfileInfo>>; |
|||
|
|||
searchText = ''; |
|||
assetProfileURL: string; |
|||
|
|||
private dirty = false; |
|||
|
|||
private ignoreClosedPanel = false; |
|||
|
|||
private allAssetProfile: AssetProfileInfo = { |
|||
name: this.translate.instant('asset-profile.all-asset-profiles'), |
|||
id: null |
|||
}; |
|||
|
|||
private propagateChange = (v: any) => { }; |
|||
|
|||
constructor(private store: Store<AppState>, |
|||
public translate: TranslateService, |
|||
public truncate: TruncatePipe, |
|||
private assetProfileService: AssetProfileService, |
|||
private fb: FormBuilder, |
|||
private zone: NgZone, |
|||
private dialog: MatDialog) { |
|||
this.selectAssetProfileFormGroup = this.fb.group({ |
|||
assetProfile: [null] |
|||
}); |
|||
} |
|||
|
|||
registerOnChange(fn: any): void { |
|||
this.propagateChange = fn; |
|||
} |
|||
|
|||
registerOnTouched(fn: any): void { |
|||
} |
|||
|
|||
ngOnInit() { |
|||
this.filteredAssetProfiles = this.selectAssetProfileFormGroup.get('assetProfile').valueChanges |
|||
.pipe( |
|||
tap((value: AssetProfileInfo | string) => { |
|||
let modelValue: AssetProfileInfo | null; |
|||
if (typeof value === 'string' || !value) { |
|||
modelValue = null; |
|||
} else { |
|||
modelValue = value; |
|||
} |
|||
if (!this.displayAllOnEmpty || modelValue) { |
|||
this.updateView(modelValue); |
|||
} |
|||
}), |
|||
map(value => { |
|||
if (value) { |
|||
if (typeof value === 'string') { |
|||
return value; |
|||
} else { |
|||
if (this.displayAllOnEmpty && value === this.allAssetProfile) { |
|||
return ''; |
|||
} else { |
|||
return value.name; |
|||
} |
|||
} |
|||
} else { |
|||
return ''; |
|||
} |
|||
}), |
|||
debounceTime(150), |
|||
distinctUntilChanged(), |
|||
switchMap(name => this.fetchAssetProfiles(name)), |
|||
share() |
|||
); |
|||
} |
|||
|
|||
selectDefaultAssetProfileIfNeeded(): void { |
|||
if (this.selectDefaultProfile && !this.modelValue) { |
|||
this.assetProfileService.getDefaultAssetProfileInfo().subscribe( |
|||
(profile) => { |
|||
if (profile) { |
|||
this.selectAssetProfileFormGroup.get('assetProfile').patchValue(profile, {emitEvent: false}); |
|||
this.updateView(profile); |
|||
} else { |
|||
this.selectFirstAssetProfileIfNeeded(); |
|||
} |
|||
} |
|||
); |
|||
} else { |
|||
this.selectFirstAssetProfileIfNeeded(); |
|||
} |
|||
} |
|||
|
|||
selectFirstAssetProfileIfNeeded(): void { |
|||
if (this.selectFirstProfile && !this.modelValue) { |
|||
const pageLink = new PageLink(1, 0, null, { |
|||
property: 'createdTime', |
|||
direction: Direction.DESC |
|||
}); |
|||
this.assetProfileService.getAssetProfileInfos(pageLink, {ignoreLoading: true}).subscribe( |
|||
(pageData => { |
|||
const data = pageData.data; |
|||
if (data.length) { |
|||
this.selectAssetProfileFormGroup.get('assetProfile').patchValue(data[0], {emitEvent: false}); |
|||
this.updateView(data[0]); |
|||
} |
|||
}) |
|||
); |
|||
} |
|||
} |
|||
|
|||
setDisabledState(isDisabled: boolean): void { |
|||
this.disabled = isDisabled; |
|||
if (this.disabled) { |
|||
this.selectAssetProfileFormGroup.disable({emitEvent: false}); |
|||
} else { |
|||
this.selectAssetProfileFormGroup.enable({emitEvent: false}); |
|||
} |
|||
} |
|||
|
|||
writeValue(value: AssetProfileId | null): void { |
|||
this.searchText = ''; |
|||
if (value != null) { |
|||
this.assetProfileService.getAssetProfileInfo(value.id).subscribe( |
|||
(profile) => { |
|||
this.modelValue = new AssetProfileId(profile.id.id); |
|||
this.assetProfileURL = getEntityDetailsPageURL(this.modelValue.id, this.modelValue.entityType); |
|||
this.selectAssetProfileFormGroup.get('assetProfile').patchValue(profile, {emitEvent: false}); |
|||
this.assetProfileChanged.emit(profile); |
|||
} |
|||
); |
|||
} else if (this.displayAllOnEmpty) { |
|||
this.modelValue = null; |
|||
this.selectAssetProfileFormGroup.get('assetProfile').patchValue(this.allAssetProfile, {emitEvent: false}); |
|||
} else { |
|||
this.modelValue = null; |
|||
this.selectAssetProfileFormGroup.get('assetProfile').patchValue(null, {emitEvent: false}); |
|||
this.selectDefaultAssetProfileIfNeeded(); |
|||
} |
|||
this.dirty = true; |
|||
} |
|||
|
|||
onFocus() { |
|||
if (this.dirty) { |
|||
this.selectAssetProfileFormGroup.get('assetProfile').updateValueAndValidity({onlySelf: true, emitEvent: true}); |
|||
this.dirty = false; |
|||
} |
|||
} |
|||
|
|||
onPanelClosed() { |
|||
if (this.ignoreClosedPanel) { |
|||
this.ignoreClosedPanel = false; |
|||
} else { |
|||
if (this.displayAllOnEmpty && !this.selectAssetProfileFormGroup.get('assetProfile').value) { |
|||
this.zone.run(() => { |
|||
this.selectAssetProfileFormGroup.get('assetProfile').patchValue(this.allAssetProfile, {emitEvent: true}); |
|||
}, 0); |
|||
} |
|||
} |
|||
} |
|||
|
|||
updateView(assetProfile: AssetProfileInfo | null) { |
|||
const idValue = assetProfile && assetProfile.id ? new AssetProfileId(assetProfile.id.id) : null; |
|||
if (!entityIdEquals(this.modelValue, idValue)) { |
|||
this.modelValue = idValue; |
|||
this.propagateChange(this.modelValue); |
|||
this.assetProfileChanged.emit(assetProfile); |
|||
} |
|||
} |
|||
|
|||
displayAssetProfileFn(profile?: AssetProfileInfo): string | undefined { |
|||
return profile ? profile.name : undefined; |
|||
} |
|||
|
|||
fetchAssetProfiles(searchText?: string): Observable<Array<AssetProfileInfo>> { |
|||
this.searchText = searchText; |
|||
const pageLink = new PageLink(10, 0, searchText, { |
|||
property: 'name', |
|||
direction: Direction.ASC |
|||
}); |
|||
return this.assetProfileService.getAssetProfileInfos(pageLink, {ignoreLoading: true}).pipe( |
|||
catchError(() => of(emptyPageData<AssetProfileInfo>())), |
|||
map(pageData => { |
|||
let data = pageData.data; |
|||
if (this.displayAllOnEmpty) { |
|||
data = [this.allAssetProfile, ...data]; |
|||
} |
|||
return data; |
|||
}) |
|||
); |
|||
} |
|||
|
|||
clear() { |
|||
this.ignoreClosedPanel = true; |
|||
this.selectAssetProfileFormGroup.get('assetProfile').patchValue(null, {emitEvent: true}); |
|||
setTimeout(() => { |
|||
this.assetProfileInput.nativeElement.blur(); |
|||
this.assetProfileInput.nativeElement.focus(); |
|||
}, 0); |
|||
} |
|||
|
|||
textIsNotEmpty(text: string): boolean { |
|||
return (text && text.length > 0); |
|||
} |
|||
|
|||
assetProfileEnter($event: KeyboardEvent) { |
|||
if (this.editProfileEnabled && $event.keyCode === ENTER) { |
|||
$event.preventDefault(); |
|||
if (!this.modelValue) { |
|||
this.createAssetProfile($event, this.searchText); |
|||
} |
|||
} |
|||
} |
|||
|
|||
createAssetProfile($event: Event, profileName: string) { |
|||
$event.preventDefault(); |
|||
const assetProfile: AssetProfile = { |
|||
name: profileName |
|||
} as AssetProfile; |
|||
if (this.addNewProfile) { |
|||
this.openAssetProfileDialog(assetProfile, true); |
|||
} |
|||
} |
|||
|
|||
editAssetProfile($event: Event) { |
|||
$event.preventDefault(); |
|||
this.assetProfileService.getAssetProfile(this.modelValue.id).subscribe( |
|||
(assetProfile) => { |
|||
this.openAssetProfileDialog(assetProfile, false); |
|||
} |
|||
); |
|||
} |
|||
|
|||
openAssetProfileDialog(assetProfile: AssetProfile, isAdd: boolean) { |
|||
this.dialog.open<AssetProfileDialogComponent, AssetProfileDialogData, |
|||
AssetProfile>(AssetProfileDialogComponent, { |
|||
disableClose: true, |
|||
panelClass: ['tb-dialog', 'tb-fullscreen-dialog'], |
|||
data: { |
|||
isAdd, |
|||
assetProfile |
|||
} |
|||
}).afterClosed().subscribe( |
|||
(savedAssetProfile) => { |
|||
if (!savedAssetProfile) { |
|||
setTimeout(() => { |
|||
this.assetProfileInput.nativeElement.blur(); |
|||
this.assetProfileInput.nativeElement.focus(); |
|||
}, 0); |
|||
} else { |
|||
this.assetProfileService.getAssetProfileInfo(savedAssetProfile.id.id).subscribe( |
|||
(profile) => { |
|||
this.modelValue = new AssetProfileId(profile.id.id); |
|||
this.selectAssetProfileFormGroup.get('assetProfile').patchValue(profile, {emitEvent: true}); |
|||
if (isAdd) { |
|||
this.propagateChange(this.modelValue); |
|||
} else { |
|||
this.assetProfileUpdated.next(savedAssetProfile.id); |
|||
} |
|||
this.assetProfileChanged.emit(profile); |
|||
} |
|||
); |
|||
} |
|||
} |
|||
); |
|||
} |
|||
} |
|||
@ -0,0 +1,53 @@ |
|||
<!-- |
|||
|
|||
Copyright © 2016-2022 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. |
|||
|
|||
--> |
|||
<form (ngSubmit)="save()" style="width: 600px;"> |
|||
<mat-toolbar color="primary"> |
|||
<h2>{{ (isAdd ? 'asset-profile.add' : 'asset-profile.edit' ) | translate }}</h2> |
|||
<span fxFlex></span> |
|||
<button mat-icon-button |
|||
(click)="cancel()" |
|||
type="button"> |
|||
<mat-icon class="material-icons">close</mat-icon> |
|||
</button> |
|||
</mat-toolbar> |
|||
<mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async"> |
|||
</mat-progress-bar> |
|||
<div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div> |
|||
<div mat-dialog-content> |
|||
<tb-asset-profile |
|||
#assetProfileComponent |
|||
[standalone]="true" |
|||
[entity]="assetProfile" |
|||
[isEdit]="true"> |
|||
</tb-asset-profile> |
|||
</div> |
|||
<div mat-dialog-actions fxLayoutAlign="end center"> |
|||
<button mat-button color="primary" |
|||
type="button" |
|||
cdkFocusInitial |
|||
[disabled]="(isLoading$ | async)" |
|||
(click)="cancel()"> |
|||
{{ 'action.cancel' | translate }} |
|||
</button> |
|||
<button mat-raised-button color="primary" |
|||
type="submit" |
|||
[disabled]="(isLoading$ | async) || assetProfileComponent.entityForm?.invalid || !assetProfileComponent.entityForm?.dirty"> |
|||
{{ (isAdd ? 'action.add' : 'action.save') | translate }} |
|||
</button> |
|||
</div> |
|||
</form> |
|||
@ -0,0 +1,100 @@ |
|||
///
|
|||
/// Copyright © 2016-2022 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 { |
|||
AfterViewInit, |
|||
Component, |
|||
ComponentFactoryResolver, |
|||
Inject, |
|||
Injector, |
|||
SkipSelf, |
|||
ViewChild |
|||
} from '@angular/core'; |
|||
import { ErrorStateMatcher } from '@angular/material/core'; |
|||
import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog'; |
|||
import { Store } from '@ngrx/store'; |
|||
import { AppState } from '@core/core.state'; |
|||
import { FormControl, FormGroupDirective, NgForm } from '@angular/forms'; |
|||
import { DialogComponent } from '@shared/components/dialog.component'; |
|||
import { Router } from '@angular/router'; |
|||
import { AssetProfile } from '@shared/models/asset.models'; |
|||
import { AssetProfileComponent } from '@home/components/profile/asset-profile.component'; |
|||
import { AssetProfileService } from '@core/http/asset-profile.service'; |
|||
|
|||
export interface AssetProfileDialogData { |
|||
assetProfile: AssetProfile; |
|||
isAdd: boolean; |
|||
} |
|||
|
|||
@Component({ |
|||
selector: 'tb-asset-profile-dialog', |
|||
templateUrl: './asset-profile-dialog.component.html', |
|||
providers: [{provide: ErrorStateMatcher, useExisting: AssetProfileDialogComponent}], |
|||
styleUrls: [] |
|||
}) |
|||
export class AssetProfileDialogComponent extends |
|||
DialogComponent<AssetProfileDialogComponent, AssetProfile> implements ErrorStateMatcher, AfterViewInit { |
|||
|
|||
isAdd: boolean; |
|||
assetProfile: AssetProfile; |
|||
|
|||
submitted = false; |
|||
|
|||
@ViewChild('assetProfileComponent', {static: true}) assetProfileComponent: AssetProfileComponent; |
|||
|
|||
constructor(protected store: Store<AppState>, |
|||
protected router: Router, |
|||
@Inject(MAT_DIALOG_DATA) public data: AssetProfileDialogData, |
|||
public dialogRef: MatDialogRef<AssetProfileDialogComponent, AssetProfile>, |
|||
private componentFactoryResolver: ComponentFactoryResolver, |
|||
private injector: Injector, |
|||
@SkipSelf() private errorStateMatcher: ErrorStateMatcher, |
|||
private assetProfileService: AssetProfileService) { |
|||
super(store, router, dialogRef); |
|||
this.isAdd = this.data.isAdd; |
|||
this.assetProfile = this.data.assetProfile; |
|||
} |
|||
|
|||
ngAfterViewInit(): void { |
|||
if (this.isAdd) { |
|||
setTimeout(() => { |
|||
this.assetProfileComponent.entityForm.markAsDirty(); |
|||
}, 0); |
|||
} |
|||
} |
|||
|
|||
isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean { |
|||
const originalErrorState = this.errorStateMatcher.isErrorState(control, form); |
|||
const customErrorState = !!(control && control.invalid && this.submitted); |
|||
return originalErrorState || customErrorState; |
|||
} |
|||
|
|||
cancel(): void { |
|||
this.dialogRef.close(null); |
|||
} |
|||
|
|||
save(): void { |
|||
this.submitted = true; |
|||
if (this.assetProfileComponent.entityForm.valid) { |
|||
this.assetProfile = {...this.assetProfile, ...this.assetProfileComponent.entityFormValue()}; |
|||
this.assetProfileService.saveAssetProfile(this.assetProfile).subscribe( |
|||
(assetProfile) => { |
|||
this.dialogRef.close(assetProfile); |
|||
} |
|||
); |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,91 @@ |
|||
<!-- |
|||
|
|||
Copyright © 2016-2022 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. |
|||
|
|||
--> |
|||
<div class="tb-details-buttons" fxLayout.xs="column" *ngIf="!standalone"> |
|||
<button mat-raised-button color="primary" |
|||
[disabled]="(isLoading$ | async)" |
|||
(click)="onEntityAction($event, 'open')" |
|||
[fxShow]="!isEdit && !isDetailsPage"> |
|||
{{'common.open-details-page' | translate }} |
|||
</button> |
|||
<button mat-raised-button color="primary" |
|||
[disabled]="(isLoading$ | async)" |
|||
(click)="onEntityAction($event, 'export')" |
|||
[fxShow]="!isEdit"> |
|||
{{'asset-profile.export' | translate }} |
|||
</button> |
|||
<button mat-raised-button color="primary" |
|||
[disabled]="(isLoading$ | async)" |
|||
(click)="onEntityAction($event, 'setDefault')" |
|||
[fxShow]="!isEdit && !entity?.default"> |
|||
{{'asset-profile.set-default' | translate }} |
|||
</button> |
|||
<button mat-raised-button color="primary" |
|||
[disabled]="(isLoading$ | async)" |
|||
(click)="onEntityAction($event, 'delete')" |
|||
[fxShow]="!hideDelete() && !isEdit"> |
|||
{{'asset-profile.delete' | translate }} |
|||
</button> |
|||
<div fxLayout="row" fxLayout.xs="column"> |
|||
<button mat-raised-button |
|||
ngxClipboard |
|||
(cbOnSuccess)="onAssetProfileIdCopied($event)" |
|||
[cbContent]="entity?.id?.id" |
|||
[fxShow]="!isEdit"> |
|||
<mat-icon svgIcon="mdi:clipboard-arrow-left"></mat-icon> |
|||
<span translate>asset-profile.copyId</span> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
<div [ngClass]="{'mat-padding': !standalone}" fxLayout="column"> |
|||
<form [formGroup]="entityForm"> |
|||
<fieldset [disabled]="(isLoading$ | async) || !isEdit" style="min-width: 0;"> |
|||
<mat-form-field class="mat-block"> |
|||
<mat-label translate>asset-profile.name</mat-label> |
|||
<input matInput formControlName="name" required/> |
|||
<mat-error *ngIf="entityForm.get('name').hasError('required')"> |
|||
{{ 'asset-profile.name-required' | translate }} |
|||
</mat-error> |
|||
<mat-error *ngIf="entityForm.get('name').hasError('maxlength')"> |
|||
{{ 'asset-profile.name-max-length' | translate }} |
|||
</mat-error> |
|||
</mat-form-field> |
|||
<tb-rule-chain-autocomplete |
|||
labelText="asset-profile.default-rule-chain" |
|||
formControlName="defaultRuleChainId"> |
|||
</tb-rule-chain-autocomplete> |
|||
<tb-dashboard-autocomplete |
|||
placeholder="{{'asset-profile.mobile-dashboard' | translate}}" |
|||
formControlName="defaultDashboardId"> |
|||
<div tb-hint>{{'asset-profile.mobile-dashboard-hint' | translate}}</div> |
|||
</tb-dashboard-autocomplete> |
|||
<tb-queue-autocomplete |
|||
[queueType]="serviceType" |
|||
formControlName="defaultQueueName"> |
|||
</tb-queue-autocomplete> |
|||
<tb-image-input fxFlex |
|||
label="{{'asset-profile.image' | translate}}" |
|||
maxSizeByte="524288" |
|||
formControlName="image"> |
|||
</tb-image-input> |
|||
<mat-form-field class="mat-block"> |
|||
<mat-label translate>asset-profile.description</mat-label> |
|||
<textarea matInput formControlName="description" rows="2"></textarea> |
|||
</mat-form-field> |
|||
</fieldset> |
|||
</form> |
|||
</div> |
|||
@ -0,0 +1,111 @@ |
|||
///
|
|||
/// Copyright © 2016-2022 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 { ChangeDetectorRef, Component, Inject, Input, Optional } from '@angular/core'; |
|||
import { Store } from '@ngrx/store'; |
|||
import { AppState } from '@core/core.state'; |
|||
import { FormBuilder, FormGroup, Validators } from '@angular/forms'; |
|||
import { ActionNotificationShow } from '@app/core/notification/notification.actions'; |
|||
import { TranslateService } from '@ngx-translate/core'; |
|||
import { EntityTableConfig } from '@home/models/entity/entities-table-config.models'; |
|||
import { EntityComponent } from '../entity/entity.component'; |
|||
import { EntityType } from '@shared/models/entity-type.models'; |
|||
import { RuleChainId } from '@shared/models/id/rule-chain-id'; |
|||
import { ServiceType } from '@shared/models/queue.models'; |
|||
import { EntityId } from '@shared/models/id/entity-id'; |
|||
import { DashboardId } from '@shared/models/id/dashboard-id'; |
|||
import { AssetProfile } from '@shared/models/asset.models'; |
|||
|
|||
@Component({ |
|||
selector: 'tb-asset-profile', |
|||
templateUrl: './asset-profile.component.html', |
|||
styleUrls: [] |
|||
}) |
|||
export class AssetProfileComponent extends EntityComponent<AssetProfile> { |
|||
|
|||
@Input() |
|||
standalone = false; |
|||
|
|||
entityType = EntityType; |
|||
|
|||
serviceType = ServiceType.TB_RULE_ENGINE; |
|||
|
|||
assetProfileId: EntityId; |
|||
|
|||
constructor(protected store: Store<AppState>, |
|||
protected translate: TranslateService, |
|||
@Optional() @Inject('entity') protected entityValue: AssetProfile, |
|||
@Optional() @Inject('entitiesTableConfig') protected entitiesTableConfigValue: EntityTableConfig<AssetProfile>, |
|||
protected fb: FormBuilder, |
|||
protected cd: ChangeDetectorRef) { |
|||
super(store, fb, entityValue, entitiesTableConfigValue, cd); |
|||
} |
|||
|
|||
hideDelete() { |
|||
if (this.entitiesTableConfig) { |
|||
return !this.entitiesTableConfig.deleteEnabled(this.entity); |
|||
} else { |
|||
return false; |
|||
} |
|||
} |
|||
|
|||
buildForm(entity: AssetProfile): FormGroup { |
|||
this.assetProfileId = entity?.id ? entity.id : null; |
|||
const form = this.fb.group( |
|||
{ |
|||
name: [entity ? entity.name : '', [Validators.required, Validators.maxLength(255)]], |
|||
image: [entity ? entity.image : null], |
|||
defaultRuleChainId: [entity && entity.defaultRuleChainId ? entity.defaultRuleChainId.id : null, []], |
|||
defaultDashboardId: [entity && entity.defaultDashboardId ? entity.defaultDashboardId.id : null, []], |
|||
defaultQueueName: [entity ? entity.defaultQueueName : null, []], |
|||
description: [entity ? entity.description : '', []], |
|||
} |
|||
); |
|||
return form; |
|||
} |
|||
|
|||
updateForm(entity: AssetProfile) { |
|||
this.assetProfileId = entity.id; |
|||
this.entityForm.patchValue({name: entity.name}); |
|||
this.entityForm.patchValue({image: entity.image}, {emitEvent: false}); |
|||
this.entityForm.patchValue({defaultRuleChainId: entity.defaultRuleChainId ? entity.defaultRuleChainId.id : null}, {emitEvent: false}); |
|||
this.entityForm.patchValue({defaultDashboardId: entity.defaultDashboardId ? entity.defaultDashboardId.id : null}, {emitEvent: false}); |
|||
this.entityForm.patchValue({defaultQueueName: entity.defaultQueueName}, {emitEvent: false}); |
|||
this.entityForm.patchValue({description: entity.description}, {emitEvent: false}); |
|||
} |
|||
|
|||
prepareFormValue(formValue: any): any { |
|||
if (formValue.defaultRuleChainId) { |
|||
formValue.defaultRuleChainId = new RuleChainId(formValue.defaultRuleChainId); |
|||
} |
|||
if (formValue.defaultDashboardId) { |
|||
formValue.defaultDashboardId = new DashboardId(formValue.defaultDashboardId); |
|||
} |
|||
return super.prepareFormValue(formValue); |
|||
} |
|||
|
|||
onAssetProfileIdCopied(event) { |
|||
this.store.dispatch(new ActionNotificationShow( |
|||
{ |
|||
message: this.translate.instant('asset-profile.idCopiedMessage'), |
|||
type: 'success', |
|||
duration: 750, |
|||
verticalPosition: 'bottom', |
|||
horizontalPosition: 'right' |
|||
})); |
|||
} |
|||
|
|||
} |
|||
@ -0,0 +1,74 @@ |
|||
///
|
|||
/// Copyright © 2016-2022 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 { NgModule } from '@angular/core'; |
|||
import { Routes } from '@angular/router'; |
|||
|
|||
import { EntitiesTableComponent } from '../../components/entity/entities-table.component'; |
|||
import { Authority } from '@shared/models/authority.enum'; |
|||
import { EntityDetailsPageComponent } from '@home/components/entity/entity-details-page.component'; |
|||
import { ConfirmOnExitGuard } from '@core/guards/confirm-on-exit.guard'; |
|||
import { entityDetailsPageBreadcrumbLabelFunction } from '@home/pages/home-pages.models'; |
|||
import { BreadCrumbConfig } from '@shared/components/breadcrumb'; |
|||
import { AssetProfilesTableConfigResolver } from './asset-profiles-table-config.resolver'; |
|||
|
|||
export const assetProfilesRoutes: Routes = [ |
|||
{ |
|||
path: 'assetProfiles', |
|||
data: { |
|||
breadcrumb: { |
|||
label: 'asset-profile.asset-profiles', |
|||
icon: 'mdi:alpha-a-box' |
|||
} |
|||
}, |
|||
children: [ |
|||
{ |
|||
path: '', |
|||
component: EntitiesTableComponent, |
|||
data: { |
|||
auth: [Authority.TENANT_ADMIN], |
|||
title: 'asset-profile.asset-profiles' |
|||
}, |
|||
resolve: { |
|||
entitiesTableConfig: AssetProfilesTableConfigResolver |
|||
} |
|||
}, |
|||
{ |
|||
path: ':entityId', |
|||
component: EntityDetailsPageComponent, |
|||
canDeactivate: [ConfirmOnExitGuard], |
|||
data: { |
|||
breadcrumb: { |
|||
labelFunction: entityDetailsPageBreadcrumbLabelFunction, |
|||
icon: 'mdi:alpha-a-box' |
|||
} as BreadCrumbConfig<EntityDetailsPageComponent>, |
|||
auth: [Authority.TENANT_ADMIN], |
|||
title: 'asset-profile.asset-profiles' |
|||
}, |
|||
resolve: { |
|||
entitiesTableConfig: AssetProfilesTableConfigResolver |
|||
} |
|||
} |
|||
] |
|||
} |
|||
]; |
|||
|
|||
@NgModule({ |
|||
providers: [ |
|||
AssetProfilesTableConfigResolver |
|||
] |
|||
}) |
|||
export class AssetProfileRoutingModule { } |
|||
@ -0,0 +1,27 @@ |
|||
<!-- |
|||
|
|||
Copyright © 2016-2022 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-tab *ngIf="entity && !isEdit" #auditLogsTab="matTab" |
|||
label="{{ 'audit-log.audit-logs' | translate }}"> |
|||
<tb-audit-log-table detailsMode="true" [active]="auditLogsTab.isActive" [auditLogMode]="auditLogModes.ENTITY" [entityId]="entity.id"></tb-audit-log-table> |
|||
</mat-tab> |
|||
<mat-tab *ngIf="entity && authUser.authority === authorities.TENANT_ADMIN && !isEdit" |
|||
label="{{ 'version-control.version-control' | translate }}" #versionControlTab="matTab"> |
|||
<tb-version-control detailsMode="true" singleEntityMode="true" |
|||
(versionRestored)="entitiesTableConfig.updateData()" |
|||
[active]="versionControlTab.isActive" [entityId]="entity.id" [entityName]="entity.name" [externalEntityId]="entity.externalId || entity.id"></tb-version-control> |
|||
</mat-tab> |
|||
@ -0,0 +1,38 @@ |
|||
///
|
|||
/// Copyright © 2016-2022 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 { Component } from '@angular/core'; |
|||
import { Store } from '@ngrx/store'; |
|||
import { AppState } from '@core/core.state'; |
|||
import { EntityTabsComponent } from '../../components/entity/entity-tabs.component'; |
|||
import { AssetProfile } from '@shared/models/asset.models'; |
|||
|
|||
@Component({ |
|||
selector: 'tb-asset-profile-tabs', |
|||
templateUrl: './asset-profile-tabs.component.html', |
|||
styleUrls: [] |
|||
}) |
|||
export class AssetProfileTabsComponent extends EntityTabsComponent<AssetProfile> { |
|||
|
|||
constructor(protected store: Store<AppState>) { |
|||
super(store); |
|||
} |
|||
|
|||
ngOnInit() { |
|||
super.ngOnInit(); |
|||
} |
|||
|
|||
} |
|||
@ -0,0 +1,35 @@ |
|||
///
|
|||
/// Copyright © 2016-2022 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 { NgModule } from '@angular/core'; |
|||
import { CommonModule } from '@angular/common'; |
|||
import { SharedModule } from '@shared/shared.module'; |
|||
import { HomeComponentsModule } from '@modules/home/components/home-components.module'; |
|||
import { AssetProfileTabsComponent } from './asset-profile-tabs.component'; |
|||
import { AssetProfileRoutingModule } from './asset-profile-routing.module'; |
|||
|
|||
@NgModule({ |
|||
declarations: [ |
|||
AssetProfileTabsComponent |
|||
], |
|||
imports: [ |
|||
CommonModule, |
|||
SharedModule, |
|||
HomeComponentsModule, |
|||
AssetProfileRoutingModule |
|||
] |
|||
}) |
|||
export class AssetProfileModule { } |
|||
@ -0,0 +1,189 @@ |
|||
///
|
|||
/// Copyright © 2016-2022 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 { Injectable } from '@angular/core'; |
|||
import { Resolve, Router } from '@angular/router'; |
|||
import { |
|||
checkBoxCell, |
|||
DateEntityTableColumn, |
|||
EntityTableColumn, |
|||
EntityTableConfig, |
|||
HeaderActionDescriptor |
|||
} from '@home/models/entity/entities-table-config.models'; |
|||
import { TranslateService } from '@ngx-translate/core'; |
|||
import { DatePipe } from '@angular/common'; |
|||
import { EntityType, entityTypeResources, entityTypeTranslations } from '@shared/models/entity-type.models'; |
|||
import { EntityAction } from '@home/models/entity/entity-component.models'; |
|||
import { DialogService } from '@core/services/dialog.service'; |
|||
import { MatDialog } from '@angular/material/dialog'; |
|||
import { ImportExportService } from '@home/components/import-export/import-export.service'; |
|||
import { HomeDialogsService } from '@home/dialogs/home-dialogs.service'; |
|||
import { AssetProfile } from '@shared/models/asset.models'; |
|||
import { AssetProfileService } from '@core/http/asset-profile.service'; |
|||
import { AssetProfileComponent } from '@home/components/profile/asset-profile.component'; |
|||
import { AssetProfileTabsComponent } from './asset-profile-tabs.component'; |
|||
|
|||
@Injectable() |
|||
export class AssetProfilesTableConfigResolver implements Resolve<EntityTableConfig<AssetProfile>> { |
|||
|
|||
private readonly config: EntityTableConfig<AssetProfile> = new EntityTableConfig<AssetProfile>(); |
|||
|
|||
constructor(private assetProfileService: AssetProfileService, |
|||
private importExport: ImportExportService, |
|||
private homeDialogs: HomeDialogsService, |
|||
private translate: TranslateService, |
|||
private datePipe: DatePipe, |
|||
private dialogService: DialogService, |
|||
private router: Router, |
|||
private dialog: MatDialog) { |
|||
|
|||
this.config.entityType = EntityType.ASSET_PROFILE; |
|||
this.config.entityComponent = AssetProfileComponent; |
|||
this.config.entityTabsComponent = AssetProfileTabsComponent; |
|||
this.config.entityTranslations = entityTypeTranslations.get(EntityType.ASSET_PROFILE); |
|||
this.config.entityResources = entityTypeResources.get(EntityType.ASSET_PROFILE); |
|||
|
|||
this.config.hideDetailsTabsOnEdit = false; |
|||
|
|||
this.config.columns.push( |
|||
new DateEntityTableColumn<AssetProfile>('createdTime', 'common.created-time', this.datePipe, '150px'), |
|||
new EntityTableColumn<AssetProfile>('name', 'asset-profile.name', '50%'), |
|||
new EntityTableColumn<AssetProfile>('description', 'asset-profile.description', '50%'), |
|||
new EntityTableColumn<AssetProfile>('isDefault', 'asset-profile.default', '60px', |
|||
entity => { |
|||
return checkBoxCell(entity.default); |
|||
}) |
|||
); |
|||
|
|||
this.config.cellActionDescriptors.push( |
|||
{ |
|||
name: this.translate.instant('asset-profile.export'), |
|||
icon: 'file_download', |
|||
isEnabled: () => true, |
|||
onAction: ($event, entity) => this.exportAssetProfile($event, entity) |
|||
}, |
|||
{ |
|||
name: this.translate.instant('asset-profile.set-default'), |
|||
icon: 'flag', |
|||
isEnabled: (assetProfile) => !assetProfile.default, |
|||
onAction: ($event, entity) => this.setDefaultAssetProfile($event, entity) |
|||
} |
|||
); |
|||
|
|||
this.config.deleteEntityTitle = assetProfile => this.translate.instant('asset-profile.delete-asset-profile-title', |
|||
{ assetProfileName: assetProfile.name }); |
|||
this.config.deleteEntityContent = () => this.translate.instant('asset-profile.delete-asset-profile-text'); |
|||
this.config.deleteEntitiesTitle = count => this.translate.instant('asset-profile.delete-asset-profiles-title', {count}); |
|||
this.config.deleteEntitiesContent = () => this.translate.instant('asset-profile.delete-asset-profiles-text'); |
|||
|
|||
this.config.entitiesFetchFunction = pageLink => this.assetProfileService.getAssetProfiles(pageLink); |
|||
this.config.loadEntity = id => this.assetProfileService.getAssetProfile(id.id); |
|||
this.config.saveEntity = assetProfile => this.assetProfileService.saveAssetProfile(assetProfile); |
|||
this.config.deleteEntity = id => this.assetProfileService.deleteAssetProfile(id.id); |
|||
this.config.onEntityAction = action => this.onAssetProfileAction(action); |
|||
this.config.deleteEnabled = (assetProfile) => assetProfile && !assetProfile.default; |
|||
this.config.entitySelectionEnabled = (assetProfile) => assetProfile && !assetProfile.default; |
|||
this.config.addActionDescriptors = this.configureAddActions(); |
|||
} |
|||
|
|||
resolve(): EntityTableConfig<AssetProfile> { |
|||
this.config.tableTitle = this.translate.instant('asset-profile.asset-profiles'); |
|||
|
|||
return this.config; |
|||
} |
|||
|
|||
configureAddActions(): Array<HeaderActionDescriptor> { |
|||
const actions: Array<HeaderActionDescriptor> = []; |
|||
actions.push( |
|||
{ |
|||
name: this.translate.instant('asset-profile.create-asset-profile'), |
|||
icon: 'insert_drive_file', |
|||
isEnabled: () => true, |
|||
onAction: ($event) => this.config.getTable().addEntity($event) |
|||
}, |
|||
{ |
|||
name: this.translate.instant('asset-profile.import'), |
|||
icon: 'file_upload', |
|||
isEnabled: () => true, |
|||
onAction: ($event) => this.importAssetProfile($event) |
|||
} |
|||
); |
|||
return actions; |
|||
} |
|||
|
|||
setDefaultAssetProfile($event: Event, assetProfile: AssetProfile) { |
|||
if ($event) { |
|||
$event.stopPropagation(); |
|||
} |
|||
this.dialogService.confirm( |
|||
this.translate.instant('asset-profile.set-default-asset-profile-title', {assetProfileName: assetProfile.name}), |
|||
this.translate.instant('asset-profile.set-default-asset-profile-text'), |
|||
this.translate.instant('action.no'), |
|||
this.translate.instant('action.yes'), |
|||
true |
|||
).subscribe((res) => { |
|||
if (res) { |
|||
this.assetProfileService.setDefaultAssetProfile(assetProfile.id.id).subscribe( |
|||
() => { |
|||
this.config.updateData(); |
|||
} |
|||
); |
|||
} |
|||
} |
|||
); |
|||
} |
|||
|
|||
private openAssetProfile($event: Event, assetProfile: AssetProfile) { |
|||
if ($event) { |
|||
$event.stopPropagation(); |
|||
} |
|||
const url = this.router.createUrlTree(['profiles', 'assetProfiles', assetProfile.id.id]); |
|||
this.router.navigateByUrl(url); |
|||
} |
|||
|
|||
importAssetProfile($event: Event) { |
|||
this.importExport.importAssetProfile().subscribe( |
|||
(assetProfile) => { |
|||
if (assetProfile) { |
|||
this.config.updateData(); |
|||
} |
|||
} |
|||
); |
|||
} |
|||
|
|||
exportAssetProfile($event: Event, assetProfile: AssetProfile) { |
|||
if ($event) { |
|||
$event.stopPropagation(); |
|||
} |
|||
this.importExport.exportAssetProfile(assetProfile.id.id); |
|||
} |
|||
|
|||
onAssetProfileAction(action: EntityAction<AssetProfile>): boolean { |
|||
switch (action.action) { |
|||
case 'open': |
|||
this.openAssetProfile(action.event, action.entity); |
|||
return true; |
|||
case 'setDefault': |
|||
this.setDefaultAssetProfile(action.event, action.entity); |
|||
return true; |
|||
case 'export': |
|||
this.exportAssetProfile(action.event, action.entity); |
|||
return true; |
|||
} |
|||
return false; |
|||
} |
|||
|
|||
} |
|||
@ -0,0 +1,51 @@ |
|||
///
|
|||
/// Copyright © 2016-2022 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 { RouterModule, Routes } from '@angular/router'; |
|||
import { Authority } from '@shared/models/authority.enum'; |
|||
import { NgModule } from '@angular/core'; |
|||
import { deviceProfilesRoutes } from '@home/pages/device-profile/device-profile-routing.module'; |
|||
import { assetProfilesRoutes } from '@home/pages/asset-profile/asset-profile-routing.module'; |
|||
|
|||
const routes: Routes = [ |
|||
{ |
|||
path: 'profiles', |
|||
data: { |
|||
auth: [Authority.TENANT_ADMIN], |
|||
breadcrumb: { |
|||
label: 'profiles.profiles', |
|||
icon: 'badge' |
|||
} |
|||
}, |
|||
children: [ |
|||
{ |
|||
path: '', |
|||
data: { |
|||
auth: [Authority.TENANT_ADMIN], |
|||
redirectTo: '/profiles/deviceProfiles' |
|||
} |
|||
}, |
|||
...deviceProfilesRoutes, |
|||
...assetProfilesRoutes |
|||
] |
|||
} |
|||
]; |
|||
|
|||
@NgModule({ |
|||
imports: [RouterModule.forChild(routes)], |
|||
exports: [RouterModule] |
|||
}) |
|||
export class ProfilesRoutingModule { } |
|||
@ -0,0 +1,30 @@ |
|||
///
|
|||
/// Copyright © 2016-2022 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 { NgModule } from '@angular/core'; |
|||
import { CommonModule } from '@angular/common'; |
|||
import { SharedModule } from '@shared/shared.module'; |
|||
import { ProfilesRoutingModule } from './profiles-routing.module'; |
|||
|
|||
@NgModule({ |
|||
declarations: [], |
|||
imports: [ |
|||
CommonModule, |
|||
SharedModule, |
|||
ProfilesRoutingModule |
|||
] |
|||
}) |
|||
export class ProfilesModule { } |
|||
@ -0,0 +1,26 @@ |
|||
///
|
|||
/// Copyright © 2016-2022 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 { EntityId } from './entity-id'; |
|||
import { EntityType } from '@shared/models/entity-type.models'; |
|||
|
|||
export class AssetProfileId implements EntityId { |
|||
entityType = EntityType.ASSET_PROFILE; |
|||
id: string; |
|||
constructor(id: string) { |
|||
this.id = id; |
|||
} |
|||
} |
|||
Loading…
Reference in new issue