Andrii Shvaika
4 years ago
38 changed files with 948 additions and 87 deletions
@ -0,0 +1,81 @@ |
|||
<!-- |
|||
|
|||
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="mat-padding tb-entity-table tb-absolute-fill"> |
|||
<div fxFlex fxLayout="column" class="mat-elevation-z1 tb-entity-table-content"> |
|||
<mat-toolbar class="mat-table-toolbar"> |
|||
<div class="mat-toolbar-tools"> |
|||
<div fxLayout="row" fxLayoutAlign="start center" fxLayout.xs="column" fxLayoutAlign.xs="center start" class="title-container"> |
|||
<span class="tb-entity-table-title">{{(singleEntityMode ? 'version-control.entity-versions' : 'version-control.versions') | translate}}</span> |
|||
<tb-branch-autocomplete |
|||
#branchAutocompleteComponent |
|||
[selectionMode]="true" |
|||
[selectDefaultBranch]="false" |
|||
[disabled]="isLoading$ | async" |
|||
[ngModel]="branch" |
|||
(ngModelChange)="branchChanged($event)"> |
|||
</tb-branch-autocomplete> |
|||
</div> |
|||
<span fxFlex></span> |
|||
<button *ngIf="singleEntityMode" mat-raised-button color="primary" |
|||
[disabled]="(isLoading$ | async)" |
|||
(click)="vcExport($event)"> |
|||
{{'version-control.export-to-git' | translate }} |
|||
</button> |
|||
</div> |
|||
</mat-toolbar> |
|||
<div fxFlex class="table-container"> |
|||
<table mat-table [dataSource]="dataSource" |
|||
matSort [matSortActive]="pageLink.sortOrder.property" [matSortDirection]="pageLink.sortDirection()" matSortDisableClear> |
|||
<ng-container matColumnDef="timestamp"> |
|||
<mat-header-cell *matHeaderCellDef mat-sort-header style="min-width: 150px; max-width: 150px; width: 150px;"> {{ 'version-control.created-time' | translate }} </mat-header-cell> |
|||
<mat-cell *matCellDef="let entityVersion"> |
|||
{{ entityVersion.timestamp | date:'yyyy-MM-dd HH:mm:ss' }} |
|||
</mat-cell> |
|||
</ng-container> |
|||
<ng-container matColumnDef="id"> |
|||
<mat-header-cell *matHeaderCellDef style="width: 40%"> {{ 'version-control.version-id' | translate }} </mat-header-cell> |
|||
<mat-cell *matCellDef="let entityVersion"> |
|||
{{ entityVersion.id }} |
|||
</mat-cell> |
|||
</ng-container> |
|||
<ng-container matColumnDef="name"> |
|||
<mat-header-cell *matHeaderCellDef style="width: 60%"> {{ 'version-control.version-name' | translate }} </mat-header-cell> |
|||
<mat-cell *matCellDef="let entityVersion"> |
|||
{{ entityVersion.name }} |
|||
</mat-cell> |
|||
</ng-container> |
|||
<mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></mat-header-row> |
|||
<mat-row *matRowDef="let entityVersion; columns: displayedColumns;"></mat-row> |
|||
</table> |
|||
<span [fxShow]="dataSource.isEmpty() | async" |
|||
fxLayoutAlign="center center" |
|||
class="no-data-found" translate>{{ |
|||
singleEntityMode |
|||
? 'version-control.no-entity-versions-text' |
|||
: 'version-control.no-versions-text' |
|||
}}</span> |
|||
</div> |
|||
<mat-divider></mat-divider> |
|||
<mat-paginator [length]="dataSource.total() | async" |
|||
[pageIndex]="pageLink.page" |
|||
[pageSize]="pageLink.pageSize" |
|||
[pageSizeOptions]="[10, 20, 30]" |
|||
[hidePageSize]="hidePageSize" |
|||
showFirstLastButtons></mat-paginator> |
|||
</div> |
|||
</div> |
|||
@ -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 '../../../../../scss/constants'; |
|||
|
|||
:host { |
|||
width: 100%; |
|||
height: 100%; |
|||
display: block; |
|||
.tb-entity-table { |
|||
.tb-entity-table-content { |
|||
width: 100%; |
|||
height: 100%; |
|||
background: #fff; |
|||
|
|||
.mat-toolbar-tools{ |
|||
min-height: auto; |
|||
} |
|||
|
|||
.title-container{ |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.tb-entity-table-title { |
|||
padding-right: 20px; |
|||
white-space: nowrap; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.table-container { |
|||
overflow: auto; |
|||
} |
|||
|
|||
.tb-entity-table-info{ |
|||
white-space: nowrap; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.button-widget-action{ |
|||
margin-left: auto; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
} |
|||
} |
|||
} |
|||
|
|||
@media #{$mat-xs} { |
|||
.mat-toolbar { |
|||
height: auto; |
|||
min-height: 100px; |
|||
|
|||
.tb-entity-table-title{ |
|||
padding-bottom: 5px; |
|||
width: 100%; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
:host ::ng-deep { |
|||
.mat-sort-header-sorted .mat-sort-header-arrow { |
|||
opacity: 1 !important; |
|||
} |
|||
tb-branch-autocomplete { |
|||
mat-form-field { |
|||
font-size: 16px; |
|||
width: 200px; |
|||
|
|||
.mat-form-field-wrapper { |
|||
padding-bottom: 0; |
|||
} |
|||
|
|||
.mat-form-field-underline { |
|||
bottom: 0; |
|||
} |
|||
|
|||
@media #{$mat-xs} { |
|||
width: 100%; |
|||
|
|||
.mat-form-field-infix { |
|||
width: auto !important; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,244 @@ |
|||
///
|
|||
/// 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, |
|||
ChangeDetectorRef, |
|||
Component, |
|||
ElementRef, |
|||
Input, |
|||
OnDestroy, |
|||
OnInit, |
|||
ViewChild |
|||
} from '@angular/core'; |
|||
import { PageComponent } from '@shared/components/page.component'; |
|||
import { Store } from '@ngrx/store'; |
|||
import { AppState } from '@core/core.state'; |
|||
import { EntityId } from '@shared/models/id/entity-id'; |
|||
import { CollectionViewer, DataSource } from '@angular/cdk/collections'; |
|||
import { BehaviorSubject, merge, Observable, of, ReplaySubject } from 'rxjs'; |
|||
import { emptyPageData, PageData } from '@shared/models/page/page-data'; |
|||
import { PageLink } from '@shared/models/page/page-link'; |
|||
import { catchError, map, tap } from 'rxjs/operators'; |
|||
import { EntityVersion } from '@shared/models/vc.models'; |
|||
import { EntitiesVersionControlService } from '@core/http/entities-version-control.service'; |
|||
import { MatPaginator } from '@angular/material/paginator'; |
|||
import { MatSort } from '@angular/material/sort'; |
|||
import { ResizeObserver } from '@juggle/resize-observer'; |
|||
import { hidePageSizePixelValue } from '@shared/models/constants'; |
|||
import { Direction, SortOrder } from '@shared/models/page/sort-order'; |
|||
import { BranchAutocompleteComponent } from '@shared/components/vc/branch-autocomplete.component'; |
|||
|
|||
@Component({ |
|||
selector: 'tb-entity-versions-table', |
|||
templateUrl: './entity-versions-table.component.html', |
|||
styleUrls: ['./entity-versions-table.component.scss'] |
|||
}) |
|||
export class EntityVersionsTableComponent extends PageComponent implements OnInit, AfterViewInit, OnDestroy { |
|||
|
|||
@ViewChild('branchAutocompleteComponent') branchAutocompleteComponent: BranchAutocompleteComponent; |
|||
|
|||
@Input() |
|||
singleEntityMode = false; |
|||
|
|||
displayedColumns = ['timestamp', 'id', 'name']; |
|||
pageLink: PageLink; |
|||
dataSource: EntityVersionsDatasource; |
|||
hidePageSize = false; |
|||
|
|||
branch: string = null; |
|||
|
|||
activeValue = false; |
|||
dirtyValue = false; |
|||
externalEntityIdValue: EntityId; |
|||
|
|||
viewsInited = false; |
|||
|
|||
private componentResize$: ResizeObserver; |
|||
|
|||
@Input() |
|||
set active(active: boolean) { |
|||
if (this.activeValue !== active) { |
|||
this.activeValue = active; |
|||
if (this.activeValue && this.dirtyValue) { |
|||
this.dirtyValue = false; |
|||
if (this.viewsInited) { |
|||
this.initFromDefaultBranch(); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
@Input() |
|||
set externalEntityId(externalEntityId: EntityId) { |
|||
if (this.externalEntityIdValue !== externalEntityId) { |
|||
this.externalEntityIdValue = externalEntityId; |
|||
this.resetSortAndFilter(this.activeValue); |
|||
if (!this.activeValue) { |
|||
this.dirtyValue = true; |
|||
} |
|||
} |
|||
} |
|||
|
|||
@ViewChild(MatPaginator) paginator: MatPaginator; |
|||
@ViewChild(MatSort) sort: MatSort; |
|||
|
|||
constructor(protected store: Store<AppState>, |
|||
private entitiesVersionControlService: EntitiesVersionControlService, |
|||
private cd: ChangeDetectorRef, |
|||
private elementRef: ElementRef) { |
|||
super(store); |
|||
this.dirtyValue = !this.activeValue; |
|||
const sortOrder: SortOrder = { property: 'timestamp', direction: Direction.DESC }; |
|||
this.pageLink = new PageLink(10, 0, null, sortOrder); |
|||
this.dataSource = new EntityVersionsDatasource(this.entitiesVersionControlService); |
|||
} |
|||
|
|||
ngOnInit() { |
|||
this.componentResize$ = new ResizeObserver(() => { |
|||
const showHidePageSize = this.elementRef.nativeElement.offsetWidth < hidePageSizePixelValue; |
|||
if (showHidePageSize !== this.hidePageSize) { |
|||
this.hidePageSize = showHidePageSize; |
|||
this.cd.markForCheck(); |
|||
} |
|||
}); |
|||
this.componentResize$.observe(this.elementRef.nativeElement); |
|||
} |
|||
|
|||
ngOnDestroy() { |
|||
if (this.componentResize$) { |
|||
this.componentResize$.disconnect(); |
|||
} |
|||
} |
|||
|
|||
branchChanged(newBranch: string) { |
|||
this.branch = newBranch; |
|||
this.paginator.pageIndex = 0; |
|||
if (this.activeValue) { |
|||
this.updateData(); |
|||
} |
|||
} |
|||
|
|||
ngAfterViewInit() { |
|||
this.sort.sortChange.subscribe(() => this.paginator.pageIndex = 0); |
|||
merge(this.sort.sortChange, this.paginator.page) |
|||
.pipe( |
|||
tap(() => this.updateData()) |
|||
) |
|||
.subscribe(); |
|||
this.viewsInited = true; |
|||
if (!this.singleEntityMode) { |
|||
this.initFromDefaultBranch(); |
|||
} |
|||
} |
|||
|
|||
vcExport($event: Event) { |
|||
if ($event) { |
|||
$event.stopPropagation(); |
|||
} |
|||
} |
|||
|
|||
private initFromDefaultBranch() { |
|||
this.branchAutocompleteComponent.selectDefaultBranchIfNeeded(false, true); |
|||
} |
|||
|
|||
private updateData() { |
|||
this.pageLink.page = this.paginator.pageIndex; |
|||
this.pageLink.pageSize = this.paginator.pageSize; |
|||
this.pageLink.sortOrder.property = this.sort.active; |
|||
this.pageLink.sortOrder.direction = Direction[this.sort.direction.toUpperCase()]; |
|||
this.dataSource.loadEntityVersions(this.singleEntityMode, this.branch, this.externalEntityIdValue, this.pageLink); |
|||
} |
|||
|
|||
private resetSortAndFilter(update: boolean) { |
|||
this.branch = null; |
|||
this.pageLink.textSearch = null; |
|||
if (this.viewsInited) { |
|||
this.paginator.pageIndex = 0; |
|||
const sortable = this.sort.sortables.get('timestamp'); |
|||
this.sort.active = sortable.id; |
|||
this.sort.direction = 'desc'; |
|||
if (update) { |
|||
this.initFromDefaultBranch(); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
class EntityVersionsDatasource implements DataSource<EntityVersion> { |
|||
|
|||
private entityVersionsSubject = new BehaviorSubject<EntityVersion[]>([]); |
|||
private pageDataSubject = new BehaviorSubject<PageData<EntityVersion>>(emptyPageData<EntityVersion>()); |
|||
|
|||
public pageData$ = this.pageDataSubject.asObservable(); |
|||
|
|||
constructor(private entitiesVersionControlService: EntitiesVersionControlService) {} |
|||
|
|||
connect(collectionViewer: CollectionViewer): Observable<EntityVersion[] | ReadonlyArray<EntityVersion>> { |
|||
return this.entityVersionsSubject.asObservable(); |
|||
} |
|||
|
|||
disconnect(collectionViewer: CollectionViewer): void { |
|||
this.entityVersionsSubject.complete(); |
|||
this.pageDataSubject.complete(); |
|||
} |
|||
|
|||
loadEntityVersions(singleEntityMode: boolean, |
|||
branch: string, externalEntityId: EntityId, |
|||
pageLink: PageLink): Observable<PageData<EntityVersion>> { |
|||
const result = new ReplaySubject<PageData<EntityVersion>>(); |
|||
this.fetchEntityVersions(singleEntityMode, branch, externalEntityId, pageLink).pipe( |
|||
catchError(() => of(emptyPageData<EntityVersion>())), |
|||
).subscribe( |
|||
(pageData) => { |
|||
this.entityVersionsSubject.next(pageData.data); |
|||
this.pageDataSubject.next(pageData); |
|||
result.next(pageData); |
|||
} |
|||
); |
|||
return result; |
|||
} |
|||
|
|||
fetchEntityVersions(singleEntityMode: boolean, |
|||
branch: string, externalEntityId: EntityId, |
|||
pageLink: PageLink): Observable<PageData<EntityVersion>> { |
|||
if (!branch) { |
|||
return of(emptyPageData<EntityVersion>()); |
|||
} else { |
|||
if (singleEntityMode) { |
|||
if (externalEntityId) { |
|||
return this.entitiesVersionControlService.listEntityVersions(pageLink, branch, externalEntityId, {ignoreErrors: true}); |
|||
} else { |
|||
return of(emptyPageData<EntityVersion>()); |
|||
} |
|||
} else { |
|||
return this.entitiesVersionControlService.listVersions(pageLink, branch, {ignoreErrors: true}); |
|||
} |
|||
} |
|||
} |
|||
|
|||
isEmpty(): Observable<boolean> { |
|||
return this.entityVersionsSubject.pipe( |
|||
map((entityVersions) => !entityVersions.length) |
|||
); |
|||
} |
|||
|
|||
total(): Observable<number> { |
|||
return this.pageDataSubject.pipe( |
|||
map((pageData) => pageData.totalElements) |
|||
); |
|||
} |
|||
} |
|||
@ -0,0 +1,25 @@ |
|||
<!-- |
|||
|
|||
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. |
|||
|
|||
--> |
|||
<tb-version-control-settings #versionControlSettingsComponent [detailsMode]="detailsMode" |
|||
*ngIf="!(hasVersionControl$ | async); else versionsTable"> |
|||
</tb-version-control-settings> |
|||
<ng-template #versionsTable> |
|||
<tb-entity-versions-table [singleEntityMode]="singleEntityMode" |
|||
[active]="active" |
|||
[externalEntityId]="externalEntityId"></tb-entity-versions-table> |
|||
</ng-template> |
|||
@ -0,0 +1,18 @@ |
|||
/** |
|||
* 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 { |
|||
|
|||
} |
|||
@ -0,0 +1,61 @@ |
|||
///
|
|||
/// 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, Input, OnInit, ViewChild } from '@angular/core'; |
|||
import { select, Store } from '@ngrx/store'; |
|||
import { AppState } from '@core/core.state'; |
|||
import { selectHasVersionControl } from '@core/auth/auth.selectors'; |
|||
import { HasConfirmForm } from '@core/guards/confirm-on-exit.guard'; |
|||
import { VersionControlSettingsComponent } from '@home/components/vc/version-control-settings.component'; |
|||
import { FormGroup } from '@angular/forms'; |
|||
import { EntityId } from '@shared/models/id/entity-id'; |
|||
|
|||
@Component({ |
|||
selector: 'tb-version-control', |
|||
templateUrl: './version-control.component.html', |
|||
styleUrls: ['./version-control.component.scss'] |
|||
}) |
|||
export class VersionControlComponent implements OnInit, HasConfirmForm { |
|||
|
|||
@ViewChild('versionControlSettingsComponent', {static: false}) versionControlSettingsComponent: VersionControlSettingsComponent; |
|||
|
|||
@Input() |
|||
detailsMode = false; |
|||
|
|||
@Input() |
|||
active = true; |
|||
|
|||
@Input() |
|||
singleEntityMode = false; |
|||
|
|||
@Input() |
|||
externalEntityId: EntityId; |
|||
|
|||
hasVersionControl$ = this.store.pipe(select(selectHasVersionControl)); |
|||
|
|||
constructor(private store: Store<AppState>) { |
|||
|
|||
} |
|||
|
|||
ngOnInit() { |
|||
|
|||
} |
|||
|
|||
confirmForm(): FormGroup { |
|||
return this.versionControlSettingsComponent?.versionControlSettingsForm; |
|||
} |
|||
|
|||
} |
|||
@ -0,0 +1,18 @@ |
|||
<!-- |
|||
|
|||
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. |
|||
|
|||
--> |
|||
<tb-version-control-settings #versionControlSettingsComponent></tb-version-control-settings> |
|||
@ -0,0 +1,44 @@ |
|||
///
|
|||
/// 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, OnInit, ViewChild } from '@angular/core'; |
|||
import { PageComponent } from '@shared/components/page.component'; |
|||
import { HasConfirmForm } from '@core/guards/confirm-on-exit.guard'; |
|||
import { Store } from '@ngrx/store'; |
|||
import { AppState } from '@core/core.state'; |
|||
import { FormGroup } from '@angular/forms'; |
|||
import { VersionControlSettingsComponent } from '@home/components/vc/version-control-settings.component'; |
|||
|
|||
@Component({ |
|||
selector: 'tb-version-control-admin-settings', |
|||
templateUrl: './version-control-admin-settings.component.html', |
|||
styleUrls: [] |
|||
}) |
|||
export class VersionControlAdminSettingsComponent extends PageComponent implements OnInit, HasConfirmForm { |
|||
|
|||
@ViewChild('versionControlSettingsComponent') versionControlSettingsComponent: VersionControlSettingsComponent; |
|||
|
|||
constructor(protected store: Store<AppState>) { |
|||
super(store); |
|||
} |
|||
|
|||
ngOnInit() { |
|||
} |
|||
|
|||
confirmForm(): FormGroup { |
|||
return this.versionControlSettingsComponent?.versionControlSettingsForm; |
|||
} |
|||
} |
|||
@ -0,0 +1,44 @@ |
|||
///
|
|||
/// 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 { RouterModule, Routes } from '@angular/router'; |
|||
import { ConfirmOnExitGuard } from '@core/guards/confirm-on-exit.guard'; |
|||
import { Authority } from '@shared/models/authority.enum'; |
|||
import { VersionControlComponent } from '@home/components/vc/version-control.component'; |
|||
|
|||
const routes: Routes = [ |
|||
{ |
|||
path: 'vc', |
|||
component: VersionControlComponent, |
|||
canDeactivate: [ConfirmOnExitGuard], |
|||
data: { |
|||
auth: [Authority.TENANT_ADMIN], |
|||
title: 'version-control.version-control', |
|||
breadcrumb: { |
|||
label: 'version-control.version-control', |
|||
icon: 'history' |
|||
} |
|||
} |
|||
} |
|||
]; |
|||
|
|||
@NgModule({ |
|||
imports: [RouterModule.forChild(routes)], |
|||
exports: [RouterModule], |
|||
providers: [] |
|||
}) |
|||
export class VcRoutingModule { } |
|||
@ -0,0 +1,31 @@ |
|||
///
|
|||
/// 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 { VcRoutingModule } from '@home/pages/vc/vc-routing.module'; |
|||
|
|||
@NgModule({ |
|||
declarations: [ |
|||
], |
|||
imports: [ |
|||
CommonModule, |
|||
SharedModule, |
|||
VcRoutingModule |
|||
] |
|||
}) |
|||
export class VcModule { } |
|||
Loading…
Reference in new issue