mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
5955cc567d
* [ADF-2297] When loading the process workspace landing page after login, there is a message "No Apps found" displayed until all the apps are loaded * Added a template in app-list component to show apps loading status. * [ADF-2297] When loading the process workspace landing page after login, there is a message "No Apps found" displayed until all the apps are loaded * Added a template in app-list component to show apps loading status. * [ADF-2297] When loading the process workspace landing page after login, there is a message "No Apps found" displayed until all the apps are loaded * Added a template in app-list component to show apps loading status. * [ADF-2297] When loading the process workspace landing page after login, there is a message "No Apps found" displayed until all the apps are loaded * Added a template in app-list component to show apps loading status. * added a way to pass custom no-apps template to adf-apps * [ADF-2297] When loading the process workspace landing page after login, there is a message "No Apps found" displayed until all the apps are loaded * Added a template in app-list component to show apps loading status. * added a way to pass custom no-apps template to adf-apps
56 lines
2.5 KiB
HTML
56 lines
2.5 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="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>
|
|
|
|
<ng-content *ngIf="hasCustomEmptyListTemplate; else defaulEmptyList" class="adf-custom-empty-template"></ng-content>
|
|
|
|
<ng-template #defaulEmptyList>
|
|
<adf-empty-list *ngIf="isEmpty()">
|
|
<div adf-empty-list-header class="adf-empty-list-header">
|
|
{{ 'ADF_TASK_LIST.APPS.NONE' | translate }}
|
|
</div>
|
|
</adf-empty-list>
|
|
</ng-template>
|
|
</ng-template>
|