improved condition for visibility

This commit is contained in:
Vito Albano 2016-10-18 20:53:53 +01:00
parent 7493d53f1d
commit 17a175d74e

View File

@ -1,14 +1,14 @@
<div class="container-widget"> <div class="container-widget">
<div *ngIf="content?.isGroup()" class="container-widget__header"> <div *ngIf="content?.isGroup() && content?.isVisible" class="container-widget__header">
<h4 class="container-widget__header-text" <h4 class="container-widget__header-text" id="container-header"
[class.collapsible]="content?.isCollapsible()" [hidden]="!content?.isVisible"> [class.collapsible]="content?.isCollapsible()">
<button *ngIf="content?.isCollapsible()" <button *ngIf="content?.isCollapsible()"
alfresco-mdl-button alfresco-mdl-button
class="mdl-button--icon" class="mdl-button--icon"
(click)="onExpanderClicked()"> (click)="onExpanderClicked()">
<i class="material-icons">{{ content?.isExpanded ? 'expand_less' : 'expand_more' }}</i> <i class="material-icons">{{ content?.isExpanded ? 'expand_less' : 'expand_more' }}</i>
</button> </button>
<span (click)="onExpanderClicked()">{{content.name}}</span> <span (click)="onExpanderClicked()" id="container-header-label">{{content.name}}</span>
</h4> </h4>
</div> </div>
<div class="mdl-grid" *ngIf="content?.isExpanded"> <div class="mdl-grid" *ngIf="content?.isExpanded">