MOBILE-3320 core: Add ion-text-wrap to combobox ion-select-options
parent
6c17bd4d89
commit
1b4fea36ad
|
@ -37,32 +37,34 @@
|
|||
<div class="safe-padding-horizontal" [hidden]="showFilter || !showSelectorFilter">
|
||||
<!-- "Time" selector. -->
|
||||
<core-combobox [label]="'core.show' | translate" [selection]="selectedFilter" (onChange)="selectedChanged($event)">
|
||||
<ion-select-option value="allincludinghidden" *ngIf="showFilters.allincludinghidden != 'hidden'">
|
||||
<ion-select-option class="ion-text-wrap" value="allincludinghidden" *ngIf="showFilters.allincludinghidden != 'hidden'">
|
||||
{{ 'addon.block_myoverview.allincludinghidden' | translate }}
|
||||
</ion-select-option>
|
||||
<ion-select-option value="all" *ngIf="showFilters.all != 'hidden'">
|
||||
<ion-select-option class="ion-text-wrap" value="all" *ngIf="showFilters.all != 'hidden'">
|
||||
{{ 'addon.block_myoverview.all' | translate }}
|
||||
</ion-select-option>
|
||||
<ion-select-option value="inprogress" *ngIf="showFilters.inprogress != 'hidden'"
|
||||
<ion-select-option class="ion-text-wrap" value="inprogress" *ngIf="showFilters.inprogress != 'hidden'"
|
||||
[disabled]="showFilters.inprogress == 'disabled'">
|
||||
{{ 'addon.block_myoverview.inprogress' | translate }}
|
||||
</ion-select-option>
|
||||
<ion-select-option value="future" *ngIf="showFilters.future != 'hidden'" [disabled]="showFilters.future == 'disabled'">
|
||||
<ion-select-option class="ion-text-wrap" value="future" *ngIf="showFilters.future != 'hidden'"
|
||||
[disabled]="showFilters.future == 'disabled'">
|
||||
{{ 'addon.block_myoverview.future' | translate }}
|
||||
</ion-select-option>
|
||||
<ion-select-option value="past" *ngIf="showFilters.past != 'hidden'" [disabled]="showFilters.past == 'disabled'">
|
||||
<ion-select-option class="ion-text-wrap" value="past" *ngIf="showFilters.past != 'hidden'" [disabled]="showFilters.past == 'disabled'">
|
||||
{{ 'addon.block_myoverview.past' | translate }}
|
||||
</ion-select-option>
|
||||
<ng-container *ngIf="showFilters.custom != 'hidden'">
|
||||
<ng-container *ngFor="let customOption of customFilter; let index = index">
|
||||
<ion-select-option value="custom-{{index}}">{{ customOption.name }}</ion-select-option>
|
||||
<ion-select-option class="ion-text-wrap" value="custom-{{index}}">{{ customOption.name }}</ion-select-option>
|
||||
</ng-container>
|
||||
</ng-container>
|
||||
<ion-select-option value="favourite" *ngIf="showFilters.favourite != 'hidden'"
|
||||
<ion-select-option class="ion-text-wrap" value="favourite" *ngIf="showFilters.favourite != 'hidden'"
|
||||
[disabled]="showFilters.favourite == 'disabled'">
|
||||
{{ 'addon.block_myoverview.favourites' | translate }}
|
||||
</ion-select-option>
|
||||
<ion-select-option value="hidden" *ngIf="showFilters.hidden != 'hidden'" [disabled]="showFilters.hidden == 'disabled'">
|
||||
<ion-select-option class="ion-text-wrap" value="hidden" *ngIf="showFilters.hidden != 'hidden'"
|
||||
[disabled]="showFilters.hidden == 'disabled'">
|
||||
{{ 'addon.block_myoverview.hiddencourses' | translate }}
|
||||
</ion-select-option>
|
||||
</core-combobox>
|
||||
|
|
|
@ -12,13 +12,27 @@
|
|||
<core-loading [hideUntil]="loaded" class="core-loading-center">
|
||||
<div class="safe-padding-horizontal">
|
||||
<core-combobox [selection]="filter" (onChange)="switchFilter($event)">
|
||||
<ion-select-option value="all">{{ 'core.all' | translate }}</ion-select-option>
|
||||
<ion-select-option value="overdue">{{ 'addon.block_timeline.overdue' | translate }}</ion-select-option>
|
||||
<ion-select-option disabled value="disabled">{{ 'addon.block_timeline.duedate' | translate }}</ion-select-option>
|
||||
<ion-select-option value="next7days">{{ 'addon.block_timeline.next7days' | translate }}</ion-select-option>
|
||||
<ion-select-option value="next30days">{{ 'addon.block_timeline.next30days' | translate }}</ion-select-option>
|
||||
<ion-select-option value="next3months">{{ 'addon.block_timeline.next3months' | translate }}</ion-select-option>
|
||||
<ion-select-option value="next6months">{{ 'addon.block_timeline.next6months' | translate }}</ion-select-option>
|
||||
<ion-select-option class="ion-text-wrap" value="all">
|
||||
{{ 'core.all' | translate }}
|
||||
</ion-select-option>
|
||||
<ion-select-option class="ion-text-wrap" value="overdue">
|
||||
{{ 'addon.block_timeline.overdue' | translate }}
|
||||
</ion-select-option>
|
||||
<ion-select-option class="ion-text-wrap" disabled value="disabled">
|
||||
{{ 'addon.block_timeline.duedate' | translate }}
|
||||
</ion-select-option>
|
||||
<ion-select-option class="ion-text-wrap" value="next7days">
|
||||
{{ 'addon.block_timeline.next7days' | translate }}
|
||||
</ion-select-option>
|
||||
<ion-select-option class="ion-text-wrap" value="next30days">
|
||||
{{ 'addon.block_timeline.next30days' | translate }}
|
||||
</ion-select-option>
|
||||
<ion-select-option class="ion-text-wrap" value="next3months">
|
||||
{{ 'addon.block_timeline.next3months' | translate }}
|
||||
</ion-select-option>
|
||||
<ion-select-option class="ion-text-wrap" value="next6months">
|
||||
{{ 'addon.block_timeline.next6months' | translate }}
|
||||
</ion-select-option>
|
||||
</core-combobox>
|
||||
</div>
|
||||
<core-loading [hideUntil]="timeline.loaded" [hidden]="sort != 'sortbydates'" class="core-loading-center">
|
||||
|
|
|
@ -36,9 +36,15 @@
|
|||
</ion-item>
|
||||
|
||||
<core-combobox [selection]="type" (onChange)="typeChanged($event)">
|
||||
<ion-select-option value="site">{{ 'addon.notes.sitenotes' | translate }}</ion-select-option>
|
||||
<ion-select-option value="course">{{ 'addon.notes.coursenotes' | translate }}</ion-select-option>
|
||||
<ion-select-option value="personal">{{ 'addon.notes.personalnotes' | translate }}</ion-select-option>
|
||||
<ion-select-option class="ion-text-wrap" value="site">
|
||||
{{ 'addon.notes.sitenotes' | translate }}
|
||||
</ion-select-option>
|
||||
<ion-select-option class="ion-text-wrap" value="course">
|
||||
{{ 'addon.notes.coursenotes' | translate }}
|
||||
</ion-select-option>
|
||||
<ion-select-option class="ion-text-wrap" value="personal">
|
||||
{{ 'addon.notes.personalnotes' | translate }}
|
||||
</ion-select-option>
|
||||
</core-combobox>
|
||||
|
||||
<ion-card class="core-warning-card" *ngIf="hasOffline">
|
||||
|
|
|
@ -43,7 +43,7 @@
|
|||
<!-- Show processor selector. -->
|
||||
<core-combobox *ngIf="preferences && preferences.processors && preferences.processors.length > 0"
|
||||
[selection]="currentProcessor!.name" (onChange)="changeProcessor($event)">
|
||||
<ion-select-option *ngFor="let processor of preferences.processors" [value]="processor.name">
|
||||
<ion-select-option class="ion-text-wrap" *ngFor="let processor of preferences.processors" [value]="processor.name">
|
||||
{{ processor.displayname }}
|
||||
</ion-select-option>
|
||||
</core-combobox>
|
||||
|
|
|
@ -15,8 +15,12 @@
|
|||
<core-loading [hideUntil]="filesLoaded" *ngIf="showPrivateFiles || showSiteFiles">
|
||||
<!-- Allow selecting the files to see: private or site. -->
|
||||
<core-combobox [selection]="root" (onChange)="rootChanged($event)" *ngIf="showPrivateFiles && showSiteFiles && !path">
|
||||
<ion-select-option value="my">{{ 'addon.privatefiles.privatefiles' | translate }}</ion-select-option>
|
||||
<ion-select-option value="site">{{ 'addon.privatefiles.sitefiles' | translate }}</ion-select-option>
|
||||
<ion-select-option class="ion-text-wrap" value="my">
|
||||
{{ 'addon.privatefiles.privatefiles' | translate }}
|
||||
</ion-select-option>
|
||||
<ion-select-option class="ion-text-wrap" value="site">
|
||||
{{ 'addon.privatefiles.sitefiles' | translate }}
|
||||
</ion-select-option>
|
||||
</core-combobox>
|
||||
|
||||
<!-- Display info about space used and space left. -->
|
||||
|
|
|
@ -19,8 +19,10 @@
|
|||
</ion-col>
|
||||
<ion-col size="12" size-sm="6" *ngIf="collections && collections.length > 1">
|
||||
<core-combobox [selection]="collectionId" (onChange)="searchTags($event)" [disabled]="searching">
|
||||
<ion-select-option [value]="0">{{ 'core.tag.inalltagcoll' | translate }}</ion-select-option>
|
||||
<ion-select-option *ngFor="let collection of collections" [value]="collection.id">
|
||||
<ion-select-option class="ion-text-wrap" [value]="0">
|
||||
{{ 'core.tag.inalltagcoll' | translate }}
|
||||
</ion-select-option>
|
||||
<ion-select-option class="ion-text-wrap" *ngFor="let collection of collections" [value]="collection.id">
|
||||
{{ collection.name }}</ion-select-option>
|
||||
</core-combobox>
|
||||
</ion-col>
|
||||
|
|
Loading…
Reference in New Issue