feat: apply new layout overhaul

This commit is contained in:
Andy Bastian
2022-08-08 11:01:00 +00:00
committed by Rainer Killinger
parent f16e5394cc
commit 7bbdba5c0b
228 changed files with 28387 additions and 1092 deletions

View File

@@ -1,8 +1,10 @@
<ion-header>
<ion-toolbar color="primary">
<ion-toolbar color="primary" mode="ios">
<ion-buttons slot="start">
<ion-back-button></ion-back-button>
<ion-menu-button></ion-menu-button>
<ion-back-button
[defaultHref]="'..'"
[text]="'back' | translate | titlecase"
></ion-back-button>
</ion-buttons>
<ion-title>{{ 'library.account.title' | translate | titlecase }}</ion-title>
</ion-toolbar>
@@ -18,11 +20,11 @@
<p><ion-skeleton-text animated style="width: 80%"></ion-skeleton-text></p>
</ng-template>
<ion-item [routerLink]="['profile']">
<ion-icon name="person" slot="start"></ion-icon
<ion-icon name="user" slot="start"></ion-icon
>{{ 'library.account.pages.profile.title' | translate | titlecase }}
</ion-item>
<ion-item [routerLink]="['holds-and-reservations']">
<ion-icon name="library" slot="start"></ion-icon
<ion-icon name="books" slot="start"></ion-icon
>{{ 'library.account.pages.holds.title' | translate | titlecase }}
</ion-item>
<ion-item [routerLink]="['checked-out']">
@@ -30,7 +32,7 @@
>{{ 'library.account.pages.checked_out.title' | translate | titlecase }}
</ion-item>
<ion-item [routerLink]="['fines']">
<ion-icon name="cash-outline" slot="start"></ion-icon
<ion-icon name="cash" slot="start"></ion-icon
>{{ 'library.account.pages.fines.title' | translate | titlecase }}
</ion-item>
</ion-content>

View File

@@ -1,8 +1,10 @@
<ion-header>
<ion-toolbar color="primary">
<ion-toolbar color="primary" mode="ios">
<ion-buttons slot="start">
<ion-back-button></ion-back-button>
<ion-menu-button></ion-menu-button>
<ion-back-button
[defaultHref]="'..'"
[text]="'back' | translate | titlecase"
></ion-back-button>
</ion-buttons>
<ion-title>{{
'library.account.pages.checked_out.title' | translate | titlecase

View File

@@ -1,8 +1,10 @@
<ion-header>
<ion-toolbar color="primary">
<ion-toolbar color="primary" mode="ios">
<ion-buttons slot="start">
<ion-back-button></ion-back-button>
<ion-menu-button></ion-menu-button>
<ion-back-button
[defaultHref]="'..'"
[text]="'back' | translate | titlecase"
></ion-back-button>
</ion-buttons>
<ion-title>{{
'library.account.pages.fines.title' | translate | titlecase

View File

@@ -1,8 +1,10 @@
<ion-header>
<ion-toolbar color="primary">
<ion-toolbar color="primary" mode="ios">
<ion-buttons slot="start">
<ion-back-button></ion-back-button>
<ion-menu-button></ion-menu-button>
<ion-back-button
[defaultHref]="'..'"
[text]="'back' | translate | titlecase"
></ion-back-button>
</ion-buttons>
<ion-title>{{
'library.account.pages.holds.title' | translate | titlecase

View File

@@ -1,8 +1,10 @@
<ion-header>
<ion-toolbar color="primary">
<ion-toolbar color="primary" mode="ios">
<ion-buttons slot="start">
<ion-back-button></ion-back-button>
<ion-menu-button></ion-menu-button>
<ion-back-button
[defaultHref]="'..'"
[text]="'back' | translate | titlecase"
></ion-back-button>
</ion-buttons>
<ion-title>{{
'library.account.pages.profile.title' | translate | titlecase

View File

@@ -16,6 +16,7 @@ import {ProtectedRoutes} from '../auth/protected.routes';
import {MomentModule} from 'ngx-moment';
import {FeeItemComponent} from './account/elements/fee-item/fee-item.component';
import {DataModule} from '../data/data.module';
import {UtilModule} from '../../util/util.module';
const routes: ProtectedRoutes | Routes = [
{
@@ -59,6 +60,7 @@ const routes: ProtectedRoutes | Routes = [
TranslateModule,
MomentModule,
DataModule,
UtilModule,
],
declarations: [
LibraryAccountPageComponent,