mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
1c25b50b1a
* [ADF-1344] New Custom Loading Content Directive for Datatable Component * [ADF-1344] Add unit tests for directives on Document List * [ADF-1344] Add directive prefix to context-menu directive * [ADF-1344] Old directive selectors have been put back * [ADF-1344] Add old selector for empty-content directive
57 lines
2.6 KiB
HTML
57 lines
2.6 KiB
HTML
<div class="menu-container" *ngIf="!isEmpty()">
|
|
<mat-list *ngIf="isList()" class="adf-app-list">
|
|
<mat-list-item class="adf-app-list-item" (click)="selectApp(app)" (keyup.enter)="selectApp(app)" *ngFor="let app of appList" tabindex="0" role="button" title="{{app.name}}">
|
|
<mat-icon matListIcon>touch_app</mat-icon>
|
|
<span matLine>{{getAppName(app) | async}}</span>
|
|
</mat-list-item>
|
|
</mat-list>
|
|
<div fxLayout="row wrap" *ngIf="isGrid()" class="adf-app-listgrid">
|
|
<div *ngFor="let app of appList"
|
|
class="adf-app-listgrid-item"
|
|
fxFlex="33.33333%" fxFlex.lt-md="50%" fxFlex.lt-sm="100%">
|
|
<mat-card tabindex="0"
|
|
fxLayout="column"
|
|
role="button"
|
|
class="adf-app-listgrid-item-card"
|
|
title="{{getAppName(app) | async}}"
|
|
[ngClass]="[getTheme(app)]"
|
|
(click)="selectApp(app)"
|
|
(keyup.enter)="selectApp(app)">
|
|
<div class="adf-app-listgrid-item-card-logo">
|
|
<mat-icon class="adf-app-listgrid-item-card-logo-icon">{{getBackgroundIcon(app)}}</mat-icon>
|
|
</div>
|
|
<div mat-card-title class="adf-app-listgrid-item-card-title">
|
|
<h1>{{getAppName(app) | async}}</h1>
|
|
</div>
|
|
<mat-card-subtitle class="adf-app-listgrid-item-card-subtitle" fxFlex="1 0 auto">
|
|
<div class="adf-line-clamp">{{app.description}}</div>
|
|
</mat-card-subtitle>
|
|
|
|
<mat-card-actions class="adf-app-listgrid-item-card-actions">
|
|
<mat-icon class="adf-app-listgrid-item-card-actions-icon" *ngIf="isSelected(app.id)">done</mat-icon>
|
|
</mat-card-actions>
|
|
</mat-card>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<ng-container *ngIf="isLoading(); else empty">
|
|
<div class="adf-app-list-spinner">
|
|
<mat-spinner></mat-spinner>
|
|
</div>
|
|
</ng-container>
|
|
|
|
<ng-template #empty>
|
|
<div class="adf-app-list-empty" *ngIf="isEmpty()">
|
|
<ng-content select="adf-custom-empty-content" *ngIf="hasEmptyCustomContentTemplate; else defaultEmptyTemplate" class="adf-custom-empty-template"></ng-content>
|
|
|
|
<ng-template #defaultEmptyTemplate>
|
|
<adf-empty-content
|
|
icon="apps"
|
|
[title]="'ADF_TASK_LIST.APPS.TITLE' | translate"
|
|
[subtitle]="'ADF_TASK_LIST.APPS.SUBTITLE' | translate">
|
|
</adf-empty-content>
|
|
</ng-template>
|
|
</div>
|
|
</ng-template>
|