forked from CIT/Vmeda.Online
		
	MOBILE-3320 core: Add ion-text-wrap to combobox ion-select-options
This commit is contained in:
		
							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…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user