mirror of
https://gitlab.com/openstapps/openstapps.git
synced 2026-01-21 00:52:55 +00:00
96 lines
3.0 KiB
HTML
96 lines
3.0 KiB
HTML
<!--
|
|
~ Copyright (C) 2021 StApps
|
|
~ This program is free software: you can redistribute it and/or modify it
|
|
~ under the terms of the GNU General Public License as published by the Free
|
|
~ Software Foundation, version 3.
|
|
~
|
|
~ This program is distributed in the hope that it will be useful, but WITHOUT
|
|
~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
|
|
~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
|
|
~ more details.
|
|
~
|
|
~ You should have received a copy of the GNU General Public License along with
|
|
~ this program. If not, see <https://www.gnu.org/licenses/>.
|
|
-->
|
|
|
|
<ion-header>
|
|
<ion-toolbar color="primary" mode="ios">
|
|
<ion-buttons slot="start">
|
|
<ion-back-button></ion-back-button>
|
|
</ion-buttons>
|
|
<ion-title *ngIf="tabChoreographer.currentValue === 'calendar'">{{
|
|
'schedule.calendar' | translate | titlecase
|
|
}}</ion-title>
|
|
<ion-title *ngIf="tabChoreographer.currentValue === 'recurring'">{{
|
|
'schedule.recurring' | translate | titlecase
|
|
}}</ion-title>
|
|
<ion-title *ngIf="tabChoreographer.currentValue === 'single'">{{
|
|
'schedule.single' | translate | titlecase
|
|
}}</ion-title>
|
|
<ion-buttons slot="end">
|
|
<ion-button (click)="onTodayClick()">
|
|
{{ 'schedule.view.today' | translate | uppercase }}
|
|
</ion-button>
|
|
</ion-buttons>
|
|
</ion-toolbar>
|
|
<ion-toolbar color="primary" mode="md" class="tabs-toolbar">
|
|
<ion-segment
|
|
#segment
|
|
class="tabs"
|
|
value="calendar"
|
|
(ionChange)="onSegmentChange()"
|
|
>
|
|
<ion-segment-button value="calendar">
|
|
<ion-label>{{ 'schedule.calendar' | translate }}</ion-label>
|
|
</ion-segment-button>
|
|
<ion-segment-button value="recurring">
|
|
<ion-label>{{ 'schedule.recurring' | translate }}</ion-label>
|
|
</ion-segment-button>
|
|
<ion-segment-button value="single">
|
|
<ion-label>{{ 'schedule.single' | translate }}</ion-label>
|
|
</ion-segment-button>
|
|
</ion-segment>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content scroll-y="false">
|
|
<div
|
|
[ngSwitch]="tabChoreographer.currentValue"
|
|
[@materialSharedAxisX]="tabChoreographer.animationState"
|
|
(@materialSharedAxisX.done)="tabChoreographer.animationDone()"
|
|
>
|
|
<stapps-calendar-view
|
|
*ngSwitchCase="'calendar'"
|
|
[layout]="layout"
|
|
></stapps-calendar-view>
|
|
<!-- Schedule view needs full week -->
|
|
<stapps-schedule-view
|
|
*ngSwitchCase="'recurring'"
|
|
[layout]="layout"
|
|
></stapps-schedule-view>
|
|
<stapps-single-events *ngSwitchCase="'single'"></stapps-single-events>
|
|
</div>
|
|
|
|
<ion-fab
|
|
vertical="bottom"
|
|
horizontal="end"
|
|
slot="fixed"
|
|
(click)="onFABClick()"
|
|
>
|
|
<ion-fab-button>
|
|
<ion-icon name="plus"></ion-icon>
|
|
</ion-fab-button>
|
|
</ion-fab>
|
|
|
|
<ion-modal
|
|
swipeToClose="true"
|
|
[presentingElement]="routerOutlet.nativeEl"
|
|
[isOpen]="isModalOpen"
|
|
(ionModalWillDismiss)="onModalDismiss()"
|
|
>
|
|
<ng-template>
|
|
<modal-event-creator></modal-event-creator>
|
|
</ng-template>
|
|
</ion-modal>
|
|
</ion-content>
|