forked from EVOgeek/Vmeda.Online
57 lines
3.2 KiB
HTML
57 lines
3.2 KiB
HTML
<ion-header>
|
|
<ion-navbar core-back-button>
|
|
<ion-title>{{ 'core.settings.general' | translate }}</ion-title>
|
|
</ion-navbar>
|
|
</ion-header>
|
|
<ion-content>
|
|
<ion-item text-wrap>
|
|
<ion-label><h2>{{ 'core.settings.language' | translate }}</h2></ion-label>
|
|
<ion-select [(ngModel)]="selectedLanguage" (ngModelChange)="languageChanged()" interface="action-sheet">
|
|
<ion-option *ngFor="let entry of languages" [value]="entry.code">{{ entry.name }}</ion-option>
|
|
</ion-select>
|
|
</ion-item>
|
|
<ion-item text-wrap class="core-settings-general-font-size">
|
|
<ion-label><h2>{{ 'core.settings.fontsize' | translate }}</h2></ion-label>
|
|
<ion-segment [(ngModel)]="selectedFontSize" (ngModelChange)="fontSizeChanged()" color="primary" item-content>
|
|
<ion-segment-button *ngFor="let fontSize of fontSizes" value="{{ fontSize.size }}" [ngStyle]="{'font-size.px': fontSize.style}">
|
|
{{ 'core.settings.fontsizecharacter' | translate }}<!--
|
|
Empty element styled with the largest font size, so all buttons share a common baseline.
|
|
--><span [ngStyle]="{'font-size.px': fontSizes[fontSizes.length - 1].style}"></span>
|
|
</ion-segment-button>
|
|
</ion-segment>
|
|
</ion-item>
|
|
<ion-item text-wrap class="core-settings-general-color-scheme" *ngIf="colorSchemes.length > 0" [attr.no-lines]="selectedScheme=='auto' && isAndroid ? true : null">
|
|
<ion-label>
|
|
<h2>{{ 'core.settings.colorscheme' | translate }}</h2>
|
|
<p *ngIf="colorSchemeDisabled" class="text-danger">{{ 'core.settings.forcedsetting' | translate }}</p>
|
|
</ion-label>
|
|
<ion-select [(ngModel)]="selectedScheme" (ngModelChange)="colorSchemeChanged()" interface="action-sheet" [disabled]="colorSchemeDisabled">
|
|
<ion-option *ngFor="let scheme of colorSchemes" [value]="scheme">{{ 'core.settings.colorscheme-' + scheme | translate }}</ion-option>
|
|
</ion-select>
|
|
</ion-item>
|
|
<ion-item text-wrap *ngIf="colorSchemes.length > 0 && selectedScheme=='auto' && isAndroid">
|
|
<p class="text-danger">{{ 'core.settings.colorscheme-auto-notice' | translate }}</p>
|
|
</ion-item>
|
|
<ion-item text-wrap *ngIf="rteSupported">
|
|
<ion-label>
|
|
<h2>{{ 'core.settings.enablerichtexteditor' | translate }}</h2>
|
|
<p>{{ 'core.settings.enablerichtexteditordescription' | translate }}</p>
|
|
</ion-label>
|
|
<ion-toggle [(ngModel)]="richTextEditor" (ngModelChange)="richTextEditorChanged()"></ion-toggle>
|
|
</ion-item>
|
|
<ion-item text-wrap>
|
|
<ion-label>
|
|
<h2>{{ 'core.settings.debugdisplay' | translate }}</h2>
|
|
<p>{{ 'core.settings.debugdisplaydescription' | translate }}</p>
|
|
</ion-label>
|
|
<ion-toggle [(ngModel)]="debugDisplay" (ngModelChange)="debugDisplayChanged()"></ion-toggle>
|
|
</ion-item>
|
|
<ion-item text-wrap *ngIf="analyticsSupported">
|
|
<ion-label>
|
|
<h2>{{ 'core.settings.enablefirebaseanalytics' | translate }}</h2>
|
|
<p>{{ 'core.settings.enablefirebaseanalyticsdescription' | translate }}</p>
|
|
</ion-label>
|
|
<ion-toggle [(ngModel)]="analyticsEnabled" (ngModelChange)="analyticsEnabledChanged()"></ion-toggle>
|
|
</ion-item>
|
|
</ion-content>
|