[ACA-805] extensions metadata, basic extensibility for demo shell (#3966)

* bootstrap extensibility in demo shell app

* example data

* parse and store plugin metadata

* preserve root config metadata

* show plugin info in the About box

* update tests

* update gitignore

* remove unused imports

* disable flaky test

* add missing tsconfig entries

* use pre-build project as CLI 6+ does

* update package scripts

* update tsconfig

* make dist builds work locally

* update scripts

* Revert "update scripts"

This reverts commit 58d218643fe22d642ad7f3ac67f9089ed69ec33e.

* update scripts

* use lib paths

* update configs

* update tsconfig
This commit is contained in:
Denys Vuika
2018-11-19 23:24:24 +00:00
committed by Eugenio Romano
parent f528d23aff
commit c2bdbba0dc
22 changed files with 4273 additions and 3257 deletions

View File

@@ -1 +1,51 @@
<h3>Plugins</h3>
<div class="extension-details-container">
<mat-table [dataSource]="extensions$ | async">
<!-- $id Column -->
<ng-container matColumnDef="$id">
<mat-header-cell *matHeaderCellDef>ID</mat-header-cell>
<mat-cell *matCellDef="let element">{{element.$id}}</mat-cell>
</ng-container>
<!-- $name Column -->
<ng-container matColumnDef="$name">
<mat-header-cell *matHeaderCellDef>Name</mat-header-cell>
<mat-cell *matCellDef="let element">{{element.$name}}</mat-cell>
</ng-container>
<!-- $version Column -->
<ng-container matColumnDef="$version">
<mat-header-cell *matHeaderCellDef>Version</mat-header-cell>
<mat-cell *matCellDef="let element">{{element.$version}}</mat-cell>
</ng-container>
<!-- $vendor Column -->
<ng-container matColumnDef="$vendor">
<mat-header-cell *matHeaderCellDef>Vendor</mat-header-cell>
<mat-cell *matCellDef="let element">{{element.$vendor}}</mat-cell>
</ng-container>
<!-- $license Column -->
<ng-container matColumnDef="$license">
<mat-header-cell *matHeaderCellDef>License</mat-header-cell>
<mat-cell *matCellDef="let element">{{element.$license}}</mat-cell>
</ng-container>
<!-- $runtime Column -->
<ng-container matColumnDef="$runtime">
<mat-header-cell *matHeaderCellDef>Runtime</mat-header-cell>
<mat-cell *matCellDef="let element">{{element.$runtime}}</mat-cell>
</ng-container>
<!-- $description Column -->
<ng-container matColumnDef="$description">
<mat-header-cell *matHeaderCellDef>Description</mat-header-cell>
<mat-cell *matCellDef="let element">{{element.$description}}</mat-cell>
</ng-container>
<mat-header-row *matHeaderRowDef="extensionColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: extensionColumns;"></mat-row>
</mat-table>
</div>
<adf-about></adf-about>

View File

@@ -0,0 +1,3 @@
.extension-details-container {
padding: 4px;
}

View File

@@ -16,11 +16,20 @@
*/
import { Component } from '@angular/core';
import { ExtensionRef } from '@alfresco/adf-extensions';
import { AppExtensionService } from '../../extensions/extension.service';
import { Observable } from 'rxjs';
@Component({
selector: 'app-about-page',
templateUrl: './about.component.html'
templateUrl: './about.component.html',
styleUrls: ['about.component.scss']
})
export class AboutComponent {
export class AboutComponent {
extensionColumns: string[] = ['$id', '$name', '$version', '$vendor', '$license', '$runtime', '$description'];
extensions$: Observable<ExtensionRef[]>;
constructor(appExtensions: AppExtensionService) {
this.extensions$ = appExtensions.references$;
}
}