mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-10-01 14:41:32 +00:00
[ADF-5305] - Added aspect list component (#6549)
* [ADF-5305] - Creation of aspect list and aspect list dialog components * [ADF-5305] - unit test for aspect list * [ADF-5305] - added filtering for aspects * [ADF-5305] - enabling tests * [ADF-5305] - added filtering and unit test * [ADF-5305] - added context action to demo shell * [ADF-5305] - added button on metadata card for opening aspects * [ADF-5305] - fixed unit test for filtering aspects * [ADF-5305] - added documentation * [ADF-5305] - fixed lint * [ADF-5305] - Updated the js-api calls * [ADF-5305] - Removed circle dependency * [ADF-5305] - Simplified code * [ADF-5305] - revert changes on package.json * [ADF-5305] - removed extra cspell word * [ADF-5305] - added filtering on aspect list service * [ADF-5305] - fix unit test for aspect service * [ADF-5305] - reverted changes to package-loc * [ADF-5305] - removed unused changes * [ADF-5305] - attempt to fix PR #§ * [ADF-5305] - attempt to fix PR #2 * [ADF-5305] - attempt to fix PR #3 * [ADF-5305] - attempt to fix PR #4 * [ADF-5305] - attempt to fix PR #5 Co-authored-by: Vito Albano <vitoalbano@vitoalbano-mbp-0120.local>
This commit is contained in:
@@ -0,0 +1,18 @@
|
||||
<div class="example-button-container">
|
||||
<p> ASPECT CHOSEN :</p>
|
||||
<p>{{currentResult}}</p>
|
||||
<br>
|
||||
<mat-form-field class="example-almost-full-width">
|
||||
<mat-label>Node Id For Aspects</mat-label>
|
||||
<input matInput placeholder="Node Id" [(ngModel)]="currentNodeId">
|
||||
</mat-form-field>
|
||||
<button mat-raised-button color="primary" aria-label="Click to show the list" (click)="showAspectForNode()">
|
||||
Show/Hide List
|
||||
</button>
|
||||
<adf-aspect-list [nodeId]="currentNodeId" *ngIf="isShowed" (valueChanged)="onValueChanged($event)"></adf-aspect-list>
|
||||
</div>
|
||||
<div>
|
||||
<button mat-fab color="primary" aria-label="Open dialog" (click)="openAspectDialog()">
|
||||
Dialog
|
||||
</button>
|
||||
</div>
|
@@ -0,0 +1,7 @@
|
||||
.example-button-container {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.example-almost-full-width {
|
||||
width: 70%;
|
||||
}
|
@@ -0,0 +1,47 @@
|
||||
/*!
|
||||
* @license
|
||||
* Copyright 2019 Alfresco Software, Ltd.
|
||||
*
|
||||
* 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 { AspectListService } from '@alfresco/adf-content-services';
|
||||
import { Component } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-expandable-menu',
|
||||
templateUrl: 'aspect-list-sample.component.html',
|
||||
styleUrls: ['aspect-list-sample.component.scss']
|
||||
})
|
||||
export class AspectListSampleComponent {
|
||||
|
||||
currentNodeId: string = '';
|
||||
isShowed: boolean = false;
|
||||
|
||||
currentResult: string[] = [];
|
||||
|
||||
constructor(private aspectListService: AspectListService) { }
|
||||
|
||||
showAspectForNode() {
|
||||
this.isShowed = !this.isShowed;
|
||||
}
|
||||
|
||||
openAspectDialog() {
|
||||
this.aspectListService.openAspectListDialog(this.currentNodeId).subscribe((result) => this.currentResult = Array.from(result));
|
||||
}
|
||||
|
||||
onValueChanged(aspects) {
|
||||
this.currentResult = Array.from(aspects);
|
||||
}
|
||||
|
||||
}
|
Reference in New Issue
Block a user