MOBILE-4362 chore: Correctly slot toggles inside ion-item
parent
95cd22e76f
commit
1f7d0277a9
|
@ -18,7 +18,7 @@
|
||||||
<core-loading [hideUntil]="loaded">
|
<core-loading [hideUntil]="loaded">
|
||||||
<ion-item *ngIf="showMyEntriesToggle">
|
<ion-item *ngIf="showMyEntriesToggle">
|
||||||
<ion-label>{{ 'addon.blog.showonlyyourentries' | translate }}</ion-label>
|
<ion-label>{{ 'addon.blog.showonlyyourentries' | translate }}</ion-label>
|
||||||
<ion-toggle [(ngModel)]="onlyMyEntries" (ionChange)="onlyMyEntriesToggleChanged(onlyMyEntries)"></ion-toggle>
|
<ion-toggle [(ngModel)]="onlyMyEntries" (ionChange)="onlyMyEntriesToggleChanged(onlyMyEntries)" slot="end"></ion-toggle>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
<core-empty-box *ngIf="entries && entries.length == 0" icon="far-newspaper" [message]="'addon.blog.noentriesyet' | translate">
|
<core-empty-box *ngIf="entries && entries.length == 0" icon="far-newspaper" [message]="'addon.blog.noentriesyet' | translate">
|
||||||
</core-empty-box>
|
</core-empty-box>
|
||||||
|
|
|
@ -363,7 +363,7 @@
|
||||||
<p class="item-heading">{{ 'addon.mod_assign.groupsubmissionsettings' | translate }}</p>
|
<p class="item-heading">{{ 'addon.mod_assign.groupsubmissionsettings' | translate }}</p>
|
||||||
<p>{{ 'addon.mod_assign.applytoteam' | translate }}</p>
|
<p>{{ 'addon.mod_assign.applytoteam' | translate }}</p>
|
||||||
</ion-label>
|
</ion-label>
|
||||||
<ion-toggle [(ngModel)]="grade.applyToAll"></ion-toggle>
|
<ion-toggle [(ngModel)]="grade.applyToAll" slot="end"></ion-toggle>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
|
|
||||||
<!-- Attempt status. -->
|
<!-- Attempt status. -->
|
||||||
|
@ -387,7 +387,7 @@
|
||||||
</ion-item>
|
</ion-item>
|
||||||
<ion-item *ngIf="canSaveGrades && allowAddAttempt">
|
<ion-item *ngIf="canSaveGrades && allowAddAttempt">
|
||||||
<ion-label>{{ 'addon.mod_assign.addattempt' | translate }}</ion-label>
|
<ion-label>{{ 'addon.mod_assign.addattempt' | translate }}</ion-label>
|
||||||
<ion-toggle [(ngModel)]="grade.addAttempt"></ion-toggle>
|
<ion-toggle [(ngModel)]="grade.addAttempt" slot="end"></ion-toggle>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
|
|
||||||
|
|
|
@ -19,7 +19,7 @@
|
||||||
|
|
||||||
<ion-item>
|
<ion-item>
|
||||||
<ion-label>{{ 'addon.mod_chat.showincompletesessions' | translate }}</ion-label>
|
<ion-label>{{ 'addon.mod_chat.showincompletesessions' | translate }}</ion-label>
|
||||||
<ion-toggle [(ngModel)]="showAll" (ionChange)="reloadSessions()"></ion-toggle>
|
<ion-toggle [(ngModel)]="showAll" (ionChange)="reloadSessions()" slot="end"></ion-toggle>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
|
|
||||||
<ion-card *ngFor="let session of sessions.items" (click)="sessions.select(session)" button
|
<ion-card *ngFor="let session of sessions.items" (click)="sessions.select(session)" button
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
<ion-content>
|
<ion-content>
|
||||||
<ion-item>
|
<ion-item>
|
||||||
<ion-label>{{ 'addon.mod_data.advancedsearch' | translate }}</ion-label>
|
<ion-label>{{ 'addon.mod_data.advancedsearch' | translate }}</ion-label>
|
||||||
<ion-toggle [(ngModel)]="search.searchingAdvanced"></ion-toggle>
|
<ion-toggle [(ngModel)]="search.searchingAdvanced" slot="end"></ion-toggle>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
<form (ngSubmit)="searchEntries($event)" [formGroup]="searchForm" #searchFormEl>
|
<form (ngSubmit)="searchEntries($event)" [formGroup]="searchForm" #searchFormEl>
|
||||||
<ion-list class="ion-no-margin">
|
<ion-list class="ion-no-margin">
|
||||||
|
|
|
@ -43,7 +43,7 @@
|
||||||
<div *ngIf="advanced" id="addon-mod-forum-new-discussion-advanced">
|
<div *ngIf="advanced" id="addon-mod-forum-new-discussion-advanced">
|
||||||
<ion-item *ngIf="showGroups && groupIds.length > 1 && accessInfo.cancanposttomygroups">
|
<ion-item *ngIf="showGroups && groupIds.length > 1 && accessInfo.cancanposttomygroups">
|
||||||
<ion-label>{{ 'addon.mod_forum.posttomygroups' | translate }}</ion-label>
|
<ion-label>{{ 'addon.mod_forum.posttomygroups' | translate }}</ion-label>
|
||||||
<ion-toggle [(ngModel)]="newDiscussion.postToAllGroups" name="postallgroups"></ion-toggle>
|
<ion-toggle [(ngModel)]="newDiscussion.postToAllGroups" name="postallgroups" slot="end"></ion-toggle>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
<ion-item *ngIf="showGroups" class="core-edit-set-group">
|
<ion-item *ngIf="showGroups" class="core-edit-set-group">
|
||||||
<ion-label>{{ 'addon.mod_forum.group' | translate }}</ion-label>
|
<ion-label>{{ 'addon.mod_forum.group' | translate }}</ion-label>
|
||||||
|
@ -58,11 +58,11 @@
|
||||||
</ion-item>
|
</ion-item>
|
||||||
<ion-item>
|
<ion-item>
|
||||||
<ion-label>{{ 'addon.mod_forum.discussionsubscription' | translate }}</ion-label>
|
<ion-label>{{ 'addon.mod_forum.discussionsubscription' | translate }}</ion-label>
|
||||||
<ion-toggle [(ngModel)]="newDiscussion.subscribe" name="subscribe"></ion-toggle>
|
<ion-toggle [(ngModel)]="newDiscussion.subscribe" name="subscribe" slot="end"></ion-toggle>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
<ion-item *ngIf="canPin">
|
<ion-item *ngIf="canPin">
|
||||||
<ion-label>{{ 'addon.mod_forum.discussionpinned' | translate }}</ion-label>
|
<ion-label>{{ 'addon.mod_forum.discussionpinned' | translate }}</ion-label>
|
||||||
<ion-toggle [(ngModel)]="newDiscussion.pin" name="pin"></ion-toggle>
|
<ion-toggle [(ngModel)]="newDiscussion.pin" name="pin" slot="end"></ion-toggle>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
<core-attachments *ngIf="canCreateAttachments && forum && forum.maxattachments > 0" [files]="newDiscussion.files"
|
<core-attachments *ngIf="canCreateAttachments && forum && forum.maxattachments > 0" [files]="newDiscussion.files"
|
||||||
[maxSize]="forum.maxbytes" [maxSubmissions]="forum.maxattachments" [component]="component" [componentId]="forum.cmid"
|
[maxSize]="forum.maxbytes" [maxSubmissions]="forum.maxattachments" [component]="component" [componentId]="forum.cmid"
|
||||||
|
|
|
@ -62,16 +62,16 @@
|
||||||
</ion-item-divider>
|
</ion-item-divider>
|
||||||
<ion-item class="ion-text-wrap">
|
<ion-item class="ion-text-wrap">
|
||||||
<ion-label>{{ 'addon.mod_glossary.entryusedynalink' | translate }}</ion-label>
|
<ion-label>{{ 'addon.mod_glossary.entryusedynalink' | translate }}</ion-label>
|
||||||
<ion-toggle [(ngModel)]="data.usedynalink" name="usedynalink"></ion-toggle>
|
<ion-toggle [(ngModel)]="data.usedynalink" name="usedynalink" slot="end"></ion-toggle>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
<ion-item class="ion-text-wrap">
|
<ion-item class="ion-text-wrap">
|
||||||
<ion-label>{{ 'addon.mod_glossary.casesensitive' | translate }}</ion-label>
|
<ion-label>{{ 'addon.mod_glossary.casesensitive' | translate }}</ion-label>
|
||||||
<ion-toggle [disabled]="!data.usedynalink" [(ngModel)]="data.casesensitive" name="casesensitive">
|
<ion-toggle [disabled]="!data.usedynalink" [(ngModel)]="data.casesensitive" name="casesensitive" slot="end">
|
||||||
</ion-toggle>
|
</ion-toggle>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
<ion-item class="ion-text-wrap">
|
<ion-item class="ion-text-wrap">
|
||||||
<ion-label>{{ 'addon.mod_glossary.fullmatch' | translate }}</ion-label>
|
<ion-label>{{ 'addon.mod_glossary.fullmatch' | translate }}</ion-label>
|
||||||
<ion-toggle [disabled]="!data.usedynalink" [(ngModel)]="data.fullmatch" name="fullmatch"></ion-toggle>
|
<ion-toggle [disabled]="!data.usedynalink" [(ngModel)]="data.fullmatch" name="fullmatch" slot="end"></ion-toggle>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
<ion-button class="ion-margin" expand="block" [disabled]="!data.concept || !data.definition" (click)="save()">
|
<ion-button class="ion-margin" expand="block" [disabled]="!data.concept || !data.definition" (click)="save()">
|
||||||
|
|
|
@ -105,9 +105,11 @@
|
||||||
</ion-label>
|
</ion-label>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
<ion-item class="ion-text-wrap" *ngIf="access.canpublishsubmissions">
|
<ion-item class="ion-text-wrap" *ngIf="access.canpublishsubmissions">
|
||||||
<ion-label>{{ 'addon.mod_workshop.publishsubmission' | translate }}</ion-label>
|
<ion-label>
|
||||||
<ion-toggle formControlName="published"></ion-toggle>
|
<p class="item-heading">{{ 'addon.mod_workshop.publishsubmission' | translate }}</p>
|
||||||
<p class="item-help">{{ 'addon.mod_workshop.publishsubmission_help' | translate }}</p>
|
<p>{{ 'addon.mod_workshop.publishsubmission_help' | translate }}</p>
|
||||||
|
</ion-label>
|
||||||
|
<ion-toggle formControlName="published" slot="end"></ion-toggle>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
|
|
||||||
<ion-item class="ion-text-wrap">
|
<ion-item class="ion-text-wrap">
|
||||||
|
|
|
@ -22,19 +22,20 @@
|
||||||
<p class="item-heading">Text direction</p>
|
<p class="item-heading">Text direction</p>
|
||||||
<p>{{ direction }}</p>
|
<p>{{ direction }}</p>
|
||||||
</ion-label>
|
</ion-label>
|
||||||
<ion-toggle [(ngModel)]="rtl" (ionChange)="RTLChanged()"></ion-toggle>
|
<ion-toggle [(ngModel)]="rtl" (ionChange)="RTLChanged()" slot="end"></ion-toggle>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
<ion-item class="ion-text-wrap">
|
<ion-item class="ion-text-wrap">
|
||||||
<ion-label>
|
<ion-label>
|
||||||
<p class="item-heading">Force safe area margins</p>
|
<p class="item-heading">Force safe area margins</p>
|
||||||
</ion-label>
|
</ion-label>
|
||||||
<ion-toggle [(ngModel)]="forceSafeAreaMargins" (ionChange)="safeAreaChanged()"></ion-toggle>
|
<ion-toggle [(ngModel)]="forceSafeAreaMargins" (ionChange)="safeAreaChanged()" slot="end"></ion-toggle>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
<ion-item class="ion-text-wrap" *ngIf="stagingSitesCount && enableStagingSites !== undefined">
|
<ion-item class="ion-text-wrap" *ngIf="stagingSitesCount && enableStagingSites !== undefined">
|
||||||
<ion-label>
|
<ion-label>
|
||||||
<h2>Enable staging sites ({{stagingSitesCount}})</h2>
|
<h2>Enable staging sites ({{stagingSitesCount}})</h2>
|
||||||
</ion-label>
|
</ion-label>
|
||||||
<ion-toggle [(ngModel)]="enableStagingSites" (ionChange)="setEnabledStagingSites($event.detail.checked)"></ion-toggle>
|
<ion-toggle [(ngModel)]="enableStagingSites" (ionChange)="setEnabledStagingSites($event.detail.checked)"
|
||||||
|
slot="end"></ion-toggle>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
<ng-container *ngIf="siteId">
|
<ng-container *ngIf="siteId">
|
||||||
<ion-item class="ion-text-wrap">
|
<ion-item class="ion-text-wrap">
|
||||||
|
@ -42,14 +43,14 @@
|
||||||
<p class="item-heading">Enable remote styles <ion-badge>{{remoteStylesCount}}</ion-badge>
|
<p class="item-heading">Enable remote styles <ion-badge>{{remoteStylesCount}}</ion-badge>
|
||||||
</p>
|
</p>
|
||||||
</ion-label>
|
</ion-label>
|
||||||
<ion-toggle [(ngModel)]="remoteStyles" (ionChange)="remoteStylesChanged()"></ion-toggle>
|
<ion-toggle [(ngModel)]="remoteStyles" (ionChange)="remoteStylesChanged()" slot="end"></ion-toggle>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
<ion-item class="ion-text-wrap">
|
<ion-item class="ion-text-wrap">
|
||||||
<ion-label>
|
<ion-label>
|
||||||
<p class="item-heading">Enable site plugin styles <ion-badge>{{pluginStylesCount}}</ion-badge>
|
<p class="item-heading">Enable site plugin styles <ion-badge>{{pluginStylesCount}}</ion-badge>
|
||||||
</p>
|
</p>
|
||||||
</ion-label>
|
</ion-label>
|
||||||
<ion-toggle [(ngModel)]="pluginStyles" (ionChange)="pluginStylesChanged()"></ion-toggle>
|
<ion-toggle [(ngModel)]="pluginStyles" (ionChange)="pluginStylesChanged()" slot="end"></ion-toggle>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
<ion-item class="ion-text-wrap" *ngIf="userToursEnabled">
|
<ion-item class="ion-text-wrap" *ngIf="userToursEnabled">
|
||||||
<ion-label>
|
<ion-label>
|
||||||
|
|
|
@ -57,7 +57,7 @@
|
||||||
<p class="item-heading">{{ 'core.settings.enablerichtexteditor' | translate }}</p>
|
<p class="item-heading">{{ 'core.settings.enablerichtexteditor' | translate }}</p>
|
||||||
<p>{{ 'core.settings.enablerichtexteditordescription' | translate }}</p>
|
<p>{{ 'core.settings.enablerichtexteditordescription' | translate }}</p>
|
||||||
</ion-label>
|
</ion-label>
|
||||||
<ion-toggle [(ngModel)]="richTextEditor" (ionChange)="richTextEditorChanged($event)"></ion-toggle>
|
<ion-toggle [(ngModel)]="richTextEditor" (ionChange)="richTextEditorChanged($event)" slot="end"></ion-toggle>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
<ion-item class="ion-text-wrap" *ngIf="displayIframeHelp">
|
<ion-item class="ion-text-wrap" *ngIf="displayIframeHelp">
|
||||||
<ion-label>
|
<ion-label>
|
||||||
|
@ -73,14 +73,14 @@
|
||||||
<p class="item-heading">{{ 'core.settings.debugdisplay' | translate }}</p>
|
<p class="item-heading">{{ 'core.settings.debugdisplay' | translate }}</p>
|
||||||
<p>{{ 'core.settings.debugdisplaydescription' | translate }}</p>
|
<p>{{ 'core.settings.debugdisplaydescription' | translate }}</p>
|
||||||
</ion-label>
|
</ion-label>
|
||||||
<ion-toggle [(ngModel)]="debugDisplay" (ionChange)="debugDisplayChanged($event)"></ion-toggle>
|
<ion-toggle [(ngModel)]="debugDisplay" (ionChange)="debugDisplayChanged($event)" slot="end"></ion-toggle>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
<ion-item class="ion-text-wrap" *ngIf="analyticsSupported">
|
<ion-item class="ion-text-wrap" *ngIf="analyticsSupported">
|
||||||
<ion-label>
|
<ion-label>
|
||||||
<p class="item-heading">{{ 'core.settings.enableanalytics' | translate }}</p>
|
<p class="item-heading">{{ 'core.settings.enableanalytics' | translate }}</p>
|
||||||
<p>{{ 'core.settings.enableanalyticsdescription' | translate }}</p>
|
<p>{{ 'core.settings.enableanalyticsdescription' | translate }}</p>
|
||||||
</ion-label>
|
</ion-label>
|
||||||
<ion-toggle [(ngModel)]="analyticsEnabled" (ionChange)="analyticsEnabledChanged($event)"></ion-toggle>
|
<ion-toggle [(ngModel)]="analyticsEnabled" (ionChange)="analyticsEnabledChanged($event)" slot="end"></ion-toggle>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
</ion-list>
|
</ion-list>
|
||||||
</ion-content>
|
</ion-content>
|
||||||
|
|
|
@ -26,7 +26,7 @@
|
||||||
<p class="item-heading">{{ handler.title | translate}}</p>
|
<p class="item-heading">{{ handler.title | translate}}</p>
|
||||||
</ion-label>
|
</ion-label>
|
||||||
<ion-toggle *ngIf="handler.toggle" [(ngModel)]="handler.toggleChecked"
|
<ion-toggle *ngIf="handler.toggle" [(ngModel)]="handler.toggleChecked"
|
||||||
(ionChange)="handler.toggle($event.detail.checked)">
|
(ionChange)="handler.toggle($event.detail.checked)" slot="end">
|
||||||
</ion-toggle>
|
</ion-toggle>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
</ion-list>
|
</ion-list>
|
||||||
|
|
Loading…
Reference in New Issue