mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
9fbfcfa96e
* [DW-569] Replace the ADF accordion with material accordion * * Added testcases for the recent changes. * * Used angular materail mat-accordion * Refactored accordion/group component * * Refactored accordion group component. * * Refactored accordion scss
26 lines
1.2 KiB
HTML
26 lines
1.2 KiB
HTML
<mat-accordion class="adf-panel">
|
|
<mat-expansion-panel #expansionPanel
|
|
id="adf-expansion-panel-id"
|
|
(click)="isExpandable($event)"
|
|
[expanded]="toggleExpansion()"
|
|
(opened)="onHeaderClick()"
|
|
[hideToggle]="!hasAccordionIcon">
|
|
<mat-expansion-panel-header>
|
|
<mat-panel-title>
|
|
<div class="adf-panel-heading" [ngClass]="{'adf-panel-heading-selected': isSelected}">
|
|
<div id="heading-icon" *ngIf="hasHeadingIcon()" class="adf-panel-heading-icon">
|
|
<mat-icon class="material-icons"
|
|
[matTooltip]="headingIconTooltip"
|
|
[matTooltipDisabled]="!headingIconTooltip">
|
|
{{headingIcon}}
|
|
</mat-icon>
|
|
</div>
|
|
<div id="heading-text" class="adf-panel-heading-text">{{heading}}</div>
|
|
</div>
|
|
</mat-panel-title>
|
|
</mat-expansion-panel-header>
|
|
<div id="adf-expansion-panel-content-id" #contentWrapper>
|
|
<ng-content></ng-content>
|
|
</div>
|
|
</mat-expansion-panel>
|
|
</mat-accordion> |