mirror of
https://gitlab.com/openstapps/openstapps.git
synced 2026-01-19 16:13:06 +00:00
1a8660590f
- show data icons in thumbnails in data list items - add app logo - fix various visibility issues
59 lines
2.0 KiB
HTML
59 lines
2.0 KiB
HTML
<ion-header>
|
|
<ion-toolbar>
|
|
<ion-buttons slot="start">
|
|
<ion-back-button></ion-back-button>
|
|
<ion-menu-button></ion-menu-button>
|
|
</ion-buttons>
|
|
<ion-title>{{'data.detail.TITLE' | translate}}</ion-title>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
<ion-content class="ion-padding">
|
|
<ion-refresher slot="fixed" (ionRefresh)="refresh($event.target)">
|
|
<ion-refresher-content pullingIcon="arrow-dropdown" pullingText="{{'data.REFRESH_ACTION' | translate}}"
|
|
refreshingText="{{'data.REFRESHING' | translate}}">
|
|
</ion-refresher-content>
|
|
</ion-refresher>
|
|
<div [ngSwitch]="true">
|
|
<ng-container *ngSwitchCase='!item && isDisconnected()'>
|
|
<div class='notFoundContainer'>
|
|
<ion-icon name='no-connection'>
|
|
</ion-icon>
|
|
<ion-label>
|
|
{{ 'data.detail.COULD_NOT_CONNECT' | translate }}
|
|
</ion-label>
|
|
</div>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="item === null">
|
|
<div class="notFoundContainer">
|
|
<ion-icon name="broken-link">
|
|
</ion-icon>
|
|
<ion-label>
|
|
{{ 'data.detail.NOT_FOUND' | translate }}
|
|
</ion-label>
|
|
</div>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="!item && item !== null">
|
|
<stapps-skeleton-list-item></stapps-skeleton-list-item>
|
|
<stapps-skeleton-simple-card></stapps-skeleton-simple-card>
|
|
</ng-container>
|
|
<ng-container *ngSwitchDefault>
|
|
<ion-item class="ion-text-wrap" lines="inset">
|
|
<ion-thumbnail slot="start">
|
|
<ion-icon color="medium" [attr.name]="item.type | dataIcon"></ion-icon>
|
|
</ion-thumbnail>
|
|
<ion-grid *ngSwitchDefault>
|
|
<ion-row>
|
|
<ion-col>
|
|
<div class="ion-text-wrap">
|
|
<h2 class="name">{{item.name}}</h2>
|
|
<ion-note>{{item.type}}</ion-note>
|
|
</div>
|
|
</ion-col>
|
|
</ion-row>
|
|
</ion-grid>
|
|
</ion-item>
|
|
<stapps-data-detail-content [item]="item"></stapps-data-detail-content>
|
|
</ng-container>
|
|
</div>
|
|
</ion-content>
|