From fb560693dd42f88e13e9a48b4ca1b3ca4cd87ec4 Mon Sep 17 00:00:00 2001
From: Dani Palou <dani@moodle.com>
Date: Thu, 17 Jun 2021 13:13:44 +0200
Subject: [PATCH] MOBILE-3320 select: Display header in action sheet selects

---
 scripts/langindex.json                            |  1 +
 .../calendar/pages/edit-event/edit-event.html     | 15 ++++++++-------
 src/addons/calendar/pages/settings/settings.html  |  3 ++-
 .../components/index/addon-mod-assign-index.html  |  2 +-
 .../submission/addon-mod-assign-submission.html   |  6 ++++--
 .../pages/submission-list/submission-list.html    |  2 +-
 src/addons/mod/chat/pages/sessions/sessions.html  |  2 +-
 .../components/index/addon-mod-data-index.html    |  2 +-
 src/addons/mod/data/components/search/search.html |  2 +-
 src/addons/mod/data/pages/edit/edit.html          |  2 +-
 src/addons/mod/data/pages/entry/entry.html        |  2 +-
 .../index/addon-mod-feedback-index.html           |  2 +-
 src/addons/mod/feedback/pages/form/form.html      |  3 ++-
 .../pages/nonrespondents/nonrespondents.html      |  3 ++-
 .../feedback/pages/respondents/respondents.html   |  3 ++-
 .../pages/new-discussion/new-discussion.html      |  3 ++-
 src/addons/mod/glossary/pages/edit/edit.html      |  3 ++-
 .../components/index/addon-mod-lesson-index.html  |  2 +-
 .../mod/lesson/pages/user-retake/user-retake.html |  3 ++-
 src/addons/mod/quiz/lang.json                     |  3 ++-
 .../components/index/addon-mod-scorm-index.html   |  2 +-
 .../components/index/addon-mod-survey-index.html  |  4 ++--
 ...workshop-assessment-strategy-accumulative.html |  4 +++-
 .../addon-mod-workshop-assessment-strategy.html   |  3 ++-
 .../index/addon-mod-workshop-index.html           |  2 +-
 .../mod/workshop/pages/assessment/assessment.html |  6 ++++--
 .../mod/workshop/pages/submission/submission.html |  3 ++-
 .../component/addon-qtype-calculated.html         |  2 +-
 .../component/addon-user-profile-field-menu.html  |  3 ++-
 .../components/site-picker/core-site-picker.html  |  3 ++-
 .../rating/components/rate/core-rating-rate.html  |  2 +-
 31 files changed, 59 insertions(+), 39 deletions(-)

diff --git a/scripts/langindex.json b/scripts/langindex.json
index 0816e51a6..49cc3dddf 100644
--- a/scripts/langindex.json
+++ b/scripts/langindex.json
@@ -873,6 +873,7 @@
   "addon.mod_quiz.summaryofattempts": "quiz",
   "addon.mod_quiz.timeleft": "quiz",
   "addon.mod_quiz.timetaken": "quiz",
+  "addon.mod_quiz.unit": "quiz",
   "addon.mod_quiz.warningattemptfinished": "local_moodlemobileapp",
   "addon.mod_quiz.warningdatadiscarded": "local_moodlemobileapp",
   "addon.mod_quiz.warningdatadiscardedfromfinished": "local_moodlemobileapp",
diff --git a/src/addons/calendar/pages/edit-event/edit-event.html b/src/addons/calendar/pages/edit-event/edit-event.html
index fa306af65..f8cf97b91 100644
--- a/src/addons/calendar/pages/edit-event/edit-event.html
+++ b/src/addons/calendar/pages/edit-event/edit-event.html
@@ -44,6 +44,7 @@
                     *ngIf="eventTypes.length > 1"
                     formControlName="eventtype"
                     interface="action-sheet"
+                    [interfaceOptions]="{header: 'addon.calendar.eventkind' | translate}"
                 >
                     <ion-select-option *ngFor="let type of eventTypes" [value]="type.value">
                         {{ type.name | translate }}
@@ -56,8 +57,8 @@
                 <ion-label>
                     <p class="item-heading" [core-mark-required]="true">{{ 'core.category' | translate }}</p>
                 </ion-label>
-                <ion-select formControlName="categoryid" interface="action-sheet"
-                    [placeholder]="'core.noselection' | translate">
+                <ion-select formControlName="categoryid" interface="action-sheet" [placeholder]="'core.noselection' | translate"
+                    [interfaceOptions]="{header: 'core.category' | translate}">
                     <ion-select-option *ngFor="let category of categories" [value]="category.id">
                         {{ category.name }}
                     </ion-select-option>
@@ -69,8 +70,8 @@
                 <ion-label>
                     <p class="item-heading" [core-mark-required]="true">{{ 'core.course' | translate }}</p>
                 </ion-label>
-                <ion-select formControlName="courseid" interface="action-sheet"
-                    [placeholder]="'core.noselection' | translate">
+                <ion-select formControlName="courseid" interface="action-sheet" [placeholder]="'core.noselection' | translate"
+                    [interfaceOptions]="{header: 'core.course' | translate}">
                     <ion-select-option *ngFor="let course of courses" [value]="course.id">{{ course.fullname }}</ion-select-option>
                 </ion-select>
             </ion-item>
@@ -84,7 +85,7 @@
                     </ion-label>
                     <ion-select formControlName="groupcourseid"
                         interface="action-sheet" [placeholder]="'core.noselection' | translate"
-                        (ionChange)="groupCourseSelected()">
+                        (ionChange)="groupCourseSelected()" [interfaceOptions]="{header: 'core.course' | translate}">
                         <ion-select-option *ngFor="let course of courses" [value]="course.id">
                             {{ course.fullname }}
                         </ion-select-option>
@@ -99,8 +100,8 @@
                     <ion-label>
                         <p class="item-heading" [core-mark-required]="true">{{ 'core.group' | translate }}</p>
                     </ion-label>
-                    <ion-select formControlName="groupid" interface="action-sheet"
-                        [placeholder]="'core.noselection' | translate">
+                    <ion-select formControlName="groupid" interface="action-sheet" [placeholder]="'core.noselection' | translate"
+                        [interfaceOptions]="{header: 'core.group' | translate}">
                         <ion-select-option *ngFor="let group of groups" [value]="group.id">{{ group.name }}</ion-select-option>
                     </ion-select>
                 </ion-item>
diff --git a/src/addons/calendar/pages/settings/settings.html b/src/addons/calendar/pages/settings/settings.html
index c408d5f2e..8cc5f6dee 100644
--- a/src/addons/calendar/pages/settings/settings.html
+++ b/src/addons/calendar/pages/settings/settings.html
@@ -10,7 +10,8 @@
     <ion-list>
         <ion-item *ngIf="defaultTime != -1">
             <ion-label>{{ 'addon.calendar.defaultnotificationtime' | translate }}</ion-label>
-            <ion-select [(ngModel)]="defaultTime" (ionChange)="updateDefaultTime(defaultTime)" interface="action-sheet">
+            <ion-select [(ngModel)]="defaultTime" (ionChange)="updateDefaultTime(defaultTime)" interface="action-sheet"
+                [interfaceOptions]="{header: 'addon.calendar.defaultnotificationtime' | translate}">
                 <ion-select-option [value]="0">{{ 'core.settings.disabled' | translate }}</ion-select-option>
                 <ion-select-option [value]="10">{{ 600 | coreDuration }}</ion-select-option>
                 <ion-select-option [value]="30">{{ 1800 | coreDuration }}</ion-select-option>
diff --git a/src/addons/mod/assign/components/index/addon-mod-assign-index.html b/src/addons/mod/assign/components/index/addon-mod-assign-index.html
index d992ec91a..d662546c1 100644
--- a/src/addons/mod/assign/components/index/addon-mod-assign-index.html
+++ b/src/addons/mod/assign/components/index/addon-mod-assign-index.html
@@ -69,7 +69,7 @@
                     <ng-container *ngIf="groupInfo.visibleGroups">{{'core.groupsvisible' | translate }}</ng-container>
                 </ion-label>
                 <ion-select [(ngModel)]="group" (ionChange)="setGroup(group)" aria-labelledby="addon-assign-groupslabel"
-                    interface="action-sheet">
+                    interface="action-sheet" [interfaceOptions]="{header: 'core.group' | translate}">
                     <ion-select-option *ngFor="let groupOpt of groupInfo.groups" [value]="groupOpt.id">
                         {{groupOpt.name}}
                     </ion-select-option>
diff --git a/src/addons/mod/assign/components/submission/addon-mod-assign-submission.html b/src/addons/mod/assign/components/submission/addon-mod-assign-submission.html
index 7f368c34a..433112f61 100644
--- a/src/addons/mod/assign/components/submission/addon-mod-assign-submission.html
+++ b/src/addons/mod/assign/components/submission/addon-mod-assign-submission.html
@@ -244,7 +244,8 @@
                     <!-- Grade using a scale. -->
                     <ion-item class="ion-text-wrap" *ngIf="grade.method == 'simple' && grade.scale">
                         <ion-label><h2>{{ 'addon.mod_assign.grade' | translate }}</h2></ion-label>
-                        <ion-select [(ngModel)]="grade.grade" interface="action-sheet" [disabled]="grade.disabled">
+                        <ion-select [(ngModel)]="grade.grade" interface="action-sheet" [disabled]="grade.disabled"
+                            [interfaceOptions]="{header: 'addon.mod_assign.grade' | translate}">
                             <ion-select-option *ngFor="let grade of grade.scale" [value]="grade.value">
                                 {{grade.label}}
                             </ion-select-option>
@@ -255,7 +256,8 @@
                     <ion-item class="ion-text-wrap" *ngFor="let outcome of gradeInfo!.outcomes">
                         <ion-label><h2>{{ outcome.name }}</h2></ion-label>
                         <ion-select *ngIf="canSaveGrades && outcome.itemNumber" [(ngModel)]="outcome.selectedId"
-                            interface="action-sheet" [disabled]="gradeInfo!.disabled">
+                            interface="action-sheet" [disabled]="gradeInfo!.disabled"
+                            [interfaceOptions]="{header: outcome.name }">
                             <ion-select-option *ngFor="let grade of outcome.options" [value]="grade.value">
                                 {{grade.label}}
                             </ion-select-option>
diff --git a/src/addons/mod/assign/pages/submission-list/submission-list.html b/src/addons/mod/assign/pages/submission-list/submission-list.html
index e79b970bb..9f2ef968f 100644
--- a/src/addons/mod/assign/pages/submission-list/submission-list.html
+++ b/src/addons/mod/assign/pages/submission-list/submission-list.html
@@ -31,7 +31,7 @@
                         {{ 'core.groupsvisible' | translate }}
                     </ion-label>
                     <ion-select [(ngModel)]="groupId" (ionChange)="setGroup(groupId)" aria-labelledby="addon-assign-groupslabel"
-                        interface="action-sheet" slot="end">
+                        interface="action-sheet" slot="end" [interfaceOptions]="{header: 'core.group' | translate}">
                         <ion-select-option *ngFor="let groupOpt of groupInfo.groups" [value]="groupOpt.id">
                             {{groupOpt.name}}
                         </ion-select-option>
diff --git a/src/addons/mod/chat/pages/sessions/sessions.html b/src/addons/mod/chat/pages/sessions/sessions.html
index c574fd6a8..afd0cac47 100644
--- a/src/addons/mod/chat/pages/sessions/sessions.html
+++ b/src/addons/mod/chat/pages/sessions/sessions.html
@@ -18,7 +18,7 @@
                     <ng-container *ngIf="groupInfo.visibleGroups">{{'core.groupsvisible' | translate }}</ng-container>
                 </ion-label>
                 <ion-select [(ngModel)]="groupId" (ionChange)="fetchSessions(true)" aria-labelledby="addon-chat-groupslabel"
-                    interface="action-sheet">
+                    interface="action-sheet" [interfaceOptions]="{header: 'core.group' | translate}">
                     <ion-select-option *ngFor="let groupOpt of groupInfo.groups" [value]="groupOpt.id">
                         {{groupOpt.name}}
                     </ion-select-option>
diff --git a/src/addons/mod/data/components/index/addon-mod-data-index.html b/src/addons/mod/data/components/index/addon-mod-data-index.html
index 6485aa73f..807e08626 100644
--- a/src/addons/mod/data/components/index/addon-mod-data-index.html
+++ b/src/addons/mod/data/components/index/addon-mod-data-index.html
@@ -62,7 +62,7 @@
             <ng-container *ngIf="groupInfo.visibleGroups">{{'core.groupsvisible' | translate }}</ng-container>
         </ion-label>
         <ion-select [(ngModel)]="selectedGroup" (ionChange)="setGroup(selectedGroup)" aria-labelledby="addon-data-groupslabel"
-            interface="action-sheet">
+            interface="action-sheet" [interfaceOptions]="{header: 'core.group' | translate}">
             <ion-select-option *ngFor="let groupOpt of groupInfo.groups" [value]="groupOpt.id">
                 {{groupOpt.name}}
             </ion-select-option>
diff --git a/src/addons/mod/data/components/search/search.html b/src/addons/mod/data/components/search/search.html
index dbbe340e0..d137cabcc 100644
--- a/src/addons/mod/data/components/search/search.html
+++ b/src/addons/mod/data/components/search/search.html
@@ -27,7 +27,7 @@
             <ion-item class="ion-text-wrap">
                 <ion-label position="stacked">{{ 'core.sortby' | translate }}</ion-label>
                 <ion-select interface="action-sheet" name="sortBy" formControlName="sortBy"
-                    [placeholder]="'core.sortby' | translate">
+                    [placeholder]="'core.sortby' | translate" [interfaceOptions]="{header: 'core.sortby' | translate}">
                     <optgroup *ngIf="fieldsArray.length" label="{{ 'addon.mod_data.fields' | translate }}">
                         <ion-select-option *ngFor="let field of fieldsArray" [value]="field.id">{{field.name}}</ion-select-option>
                     </optgroup>
diff --git a/src/addons/mod/data/pages/edit/edit.html b/src/addons/mod/data/pages/edit/edit.html
index 5d3a38486..05ec1f563 100644
--- a/src/addons/mod/data/pages/edit/edit.html
+++ b/src/addons/mod/data/pages/edit/edit.html
@@ -22,7 +22,7 @@
                 <ng-container *ngIf="groupInfo.visibleGroups">{{ 'core.groupsseparate' | translate }}</ng-container>
             </ion-label>
             <ion-select [(ngModel)]="selectedGroup" (ionChange)="setGroup(selectedGroup)" aria-labelledby="addon-data-groupslabel"
-                interface="action-sheet">
+                interface="action-sheet" [interfaceOptions]="{header: 'core.group' | translate}">
                 <ion-select-option *ngFor="let groupOpt of groupInfo.groups" [value]="groupOpt.id">
                     {{groupOpt.name}}
                 </ion-select-option>
diff --git a/src/addons/mod/data/pages/entry/entry.html b/src/addons/mod/data/pages/entry/entry.html
index 9229f6c15..539db3691 100644
--- a/src/addons/mod/data/pages/entry/entry.html
+++ b/src/addons/mod/data/pages/entry/entry.html
@@ -30,7 +30,7 @@
                 <ng-container *ngIf="groupInfo.visibleGroups">{{ 'core.groupsseparate' | translate }}</ng-container>
             </ion-label>
             <ion-select [(ngModel)]="selectedGroup" (ionChange)="setGroup(selectedGroup)" aria-labelledby="addon-data-groupslabel"
-                interface="action-sheet">
+                interface="action-sheet" [interfaceOptions]="{header: 'core.group' | translate}">
                 <ion-select-option *ngFor="let groupOpt of groupInfo.groups" [value]="groupOpt.id">
                     {{groupOpt.name}}
                 </ion-select-option>
diff --git a/src/addons/mod/feedback/components/index/addon-mod-feedback-index.html b/src/addons/mod/feedback/components/index/addon-mod-feedback-index.html
index 74641e68c..e159aa314 100644
--- a/src/addons/mod/feedback/components/index/addon-mod-feedback-index.html
+++ b/src/addons/mod/feedback/components/index/addon-mod-feedback-index.html
@@ -67,7 +67,7 @@
                 <ng-container *ngIf="groupInfo.visibleGroups">{{'core.groupsvisible' | translate }}</ng-container>
             </ion-label>
             <ion-select [(ngModel)]="group" (ionChange)="setGroup(group)" aria-labelledby="addon-feedback-groupslabel"
-                interface="action-sheet">
+                interface="action-sheet" [interfaceOptions]="{header: 'core.group' | translate}">
                 <ion-select-option *ngFor="let groupOpt of groupInfo.groups" [value]="groupOpt.id">
                     {{groupOpt.name}}
                 </ion-select-option>
diff --git a/src/addons/mod/feedback/pages/form/form.html b/src/addons/mod/feedback/pages/form/form.html
index 209a184bf..c470f8ac2 100644
--- a/src/addons/mod/feedback/pages/form/form.html
+++ b/src/addons/mod/feedback/pages/form/form.html
@@ -61,7 +61,8 @@
                             </ion-textarea>
 
                             <ion-select *ngIf="item.templateName == 'multichoice-d'" [required]="item.required"
-                                name="{{item.typ}}_{{item.id}}" [(ngModel)]="item.value" interface="action-sheet">
+                                name="{{item.typ}}_{{item.id}}" [(ngModel)]="item.value" interface="action-sheet"
+                                [interfaceOptions]="{header: item.name}">
                                 <ion-select-option *ngFor="let option of item.choices" [value]="option.value">
                                     <core-format-text [component]="component" [componentId]="cmId" [text]="option.label"
                                         contextLevel="module" [contextInstanceId]="cmId" [wsNotFiltered]="true"
diff --git a/src/addons/mod/feedback/pages/nonrespondents/nonrespondents.html b/src/addons/mod/feedback/pages/nonrespondents/nonrespondents.html
index 295618b17..9dd84ed46 100644
--- a/src/addons/mod/feedback/pages/nonrespondents/nonrespondents.html
+++ b/src/addons/mod/feedback/pages/nonrespondents/nonrespondents.html
@@ -18,7 +18,8 @@
                     <ng-container *ngIf="groupInfo.visibleGroups">{{'core.groupsvisible' | translate }}</ng-container>
                 </ion-label>
                 <ion-select [(ngModel)]="selectedGroup" (ionChange)="loadAttempts(selectedGroup)"
-                    aria-labelledby="addon-feedback-groupslabel" interface="action-sheet">
+                    aria-labelledby="addon-feedback-groupslabel" interface="action-sheet"
+                    [interfaceOptions]="{header: 'core.group' | translate}">
                     <ion-select-option *ngFor="let groupOpt of groupInfo.groups" [value]="groupOpt.id">
                         {{groupOpt.name}}
                     </ion-select-option>
diff --git a/src/addons/mod/feedback/pages/respondents/respondents.html b/src/addons/mod/feedback/pages/respondents/respondents.html
index ecc01d72e..cbafd6612 100644
--- a/src/addons/mod/feedback/pages/respondents/respondents.html
+++ b/src/addons/mod/feedback/pages/respondents/respondents.html
@@ -19,7 +19,8 @@
                         <ng-container *ngIf="groupInfo.visibleGroups">{{'core.groupsvisible' | translate }}</ng-container>
                     </ion-label>
                     <ion-select [(ngModel)]="selectedGroup" (ionChange)="loadAttempts(selectedGroup)"
-                        aria-labelledby="addon-feedback-groupslabel" interface="action-sheet">
+                        aria-labelledby="addon-feedback-groupslabel" interface="action-sheet"
+                        [interfaceOptions]="{header: 'core.group' | translate}">
                         <ion-select-option *ngFor="let groupOpt of groupInfo.groups" [value]="groupOpt.id">
                             {{groupOpt.name}}
                         </ion-select-option>
diff --git a/src/addons/mod/forum/pages/new-discussion/new-discussion.html b/src/addons/mod/forum/pages/new-discussion/new-discussion.html
index 8c8c696ac..7120b5455 100644
--- a/src/addons/mod/forum/pages/new-discussion/new-discussion.html
+++ b/src/addons/mod/forum/pages/new-discussion/new-discussion.html
@@ -53,7 +53,8 @@
                 <ion-item *ngIf="showGroups">
                     <ion-label id="addon-mod-forum-groupslabel">{{ 'addon.mod_forum.group' | translate }}</ion-label>
                     <ion-select [(ngModel)]="newDiscussion.groupId" [disabled]="newDiscussion.postToAllGroups"
-                        aria-labelledby="addon-mod-forum-groupslabel" interface="action-sheet" name="groupid">
+                        aria-labelledby="addon-mod-forum-groupslabel" interface="action-sheet" name="groupid"
+                        [interfaceOptions]="{header: 'addon.mod_forum.group' | translate}">
                         <ion-select-option *ngFor="let group of groups" [value]="group.id">{{ group.name }}</ion-select-option>
                     </ion-select>
                 </ion-item>
diff --git a/src/addons/mod/glossary/pages/edit/edit.html b/src/addons/mod/glossary/pages/edit/edit.html
index 765701f60..1c7d899ff 100644
--- a/src/addons/mod/glossary/pages/edit/edit.html
+++ b/src/addons/mod/glossary/pages/edit/edit.html
@@ -31,7 +31,8 @@
                     {{ 'addon.mod_glossary.categories' | translate }}
                 </ion-label>
                 <ion-select [(ngModel)]="options.categories" multiple="true" aria-labelledby="addon-mod-glossary-categories-label"
-                    interface="action-sheet" [placeholder]="'addon.mod_glossary.categories' | translate" name="categories">
+                    interface="action-sheet" [placeholder]="'addon.mod_glossary.categories' | translate" name="categories"
+                    [interfaceOptions]="{header: 'addon.mod_glossary.categories' | translate}">
                     <ion-select-option *ngFor="let category of categories" [value]="category.id">
                         {{ category.name }}
                     </ion-select-option>
diff --git a/src/addons/mod/lesson/components/index/addon-mod-lesson-index.html b/src/addons/mod/lesson/components/index/addon-mod-lesson-index.html
index 9643f3d90..52ea9eed8 100644
--- a/src/addons/mod/lesson/components/index/addon-mod-lesson-index.html
+++ b/src/addons/mod/lesson/components/index/addon-mod-lesson-index.html
@@ -166,7 +166,7 @@
                             <span *ngIf="groupInfo.visibleGroups">{{ 'core.groupsvisible' | translate }}</span>
                         </ion-label>
                         <ion-select [(ngModel)]="group" (ionChange)="setGroup(group)" aria-labelledby="addon-mod_lesson-groupslabel"
-                            interface="action-sheet">
+                            interface="action-sheet" [interfaceOptions]="{header: 'core.group' | translate}">
                             <ion-select-option *ngFor="let groupOpt of groupInfo.groups" [value]="groupOpt.id">
                                 {{groupOpt.name}}
                             </ion-select-option>
diff --git a/src/addons/mod/lesson/pages/user-retake/user-retake.html b/src/addons/mod/lesson/pages/user-retake/user-retake.html
index 0145af03c..a9f17d998 100644
--- a/src/addons/mod/lesson/pages/user-retake/user-retake.html
+++ b/src/addons/mod/lesson/pages/user-retake/user-retake.html
@@ -27,7 +27,8 @@
             <ion-item class="ion-text-wrap" *ngIf="student.attempts && student.attempts.length > 1">
                 <ion-label id="addon-mod_lesson-retakeslabel">{{ 'addon.mod_lesson.attemptheader' | translate }}</ion-label>
                 <ion-select [(ngModel)]="selectedRetake" (ionChange)="changeRetake(selectedRetake!)"
-                    aria-labelledby="addon-mod_lesson-retakeslabel" interface="action-sheet">
+                    aria-labelledby="addon-mod_lesson-retakeslabel" interface="action-sheet"
+                    [interfaceOptions]="{header: 'addon.mod_lesson.attemptheader' | translate}">
                     <ion-select-option *ngFor="let retake of student.attempts" [value]="retake.try">
                         {{retake.label}}
                     </ion-select-option>
diff --git a/src/addons/mod/quiz/lang.json b/src/addons/mod/quiz/lang.json
index 080059c18..ae212f6f7 100644
--- a/src/addons/mod/quiz/lang.json
+++ b/src/addons/mod/quiz/lang.json
@@ -75,9 +75,10 @@
     "summaryofattempts": "Summary of your previous attempts",
     "timeleft": "Time left",
     "timetaken": "Time taken",
+    "unit": "Unit",
     "warningattemptfinished": "Offline attempt discarded as it was finished on the site or not found.",
     "warningdatadiscarded": "Some offline answers were discarded because the questions were modified online.",
     "warningdatadiscardedfromfinished": "Attempt unfinished because some offline answers were discarded. Please review your answers then resubmit the attempt.",
     "warningquestionsnotsupported": "This quiz contains questions not supported by the app:",
     "yourfinalgradeis": "Your final grade for this quiz is {{$a}}."
-}
\ No newline at end of file
+}
diff --git a/src/addons/mod/scorm/components/index/addon-mod-scorm-index.html b/src/addons/mod/scorm/components/index/addon-mod-scorm-index.html
index 77b2771ed..a282495eb 100644
--- a/src/addons/mod/scorm/components/index/addon-mod-scorm-index.html
+++ b/src/addons/mod/scorm/components/index/addon-mod-scorm-index.html
@@ -135,7 +135,7 @@
                 <ion-item class="ion-text-wrap" *ngIf="organizations.length > 1">
                     <ion-label>{{ 'addon.mod_scorm.organizations' | translate }}</ion-label>
                     <ion-select [(ngModel)]="currentOrganization.identifier" (ionChange)="loadOrganization()"
-                        interface="action-sheet">
+                        interface="action-sheet" [interfaceOptions]="{header: 'addon.mod_scorm.organizations' | translate}">
                         <ion-select-option *ngFor="let org of organizations" [value]="org.identifier">
                             {{ org.title }}
                         </ion-select-option>
diff --git a/src/addons/mod/survey/components/index/addon-mod-survey-index.html b/src/addons/mod/survey/components/index/addon-mod-survey-index.html
index 4278d0b91..e17441410 100644
--- a/src/addons/mod/survey/components/index/addon-mod-survey-index.html
+++ b/src/addons/mod/survey/components/index/addon-mod-survey-index.html
@@ -102,7 +102,7 @@
                             <ion-col class="ion-hide-md-up" size="5">
                                 <ion-select class="ion-padding" [(ngModel)]="answers[question.name]" [required]="question.required"
                                     [attr.aria-labelledby]="'addon-mod_survey-'+question.id" interface="action-sheet"
-                                    [name]="question.name">
+                                    [name]="question.name" [interfaceOptions]="{header: question.text}">
                                     <ion-select-option value="-1" selected disabled>{{ 'core.choose' | translate }}</ion-select-option>
                                     <ion-select-option *ngFor="let option of question.optionsArray; let value=index;"
                                         [value]="value +1">
@@ -127,7 +127,7 @@
                         <ion-col size="5">
                             <ion-select class="ion-padding" [(ngModel)]="answers[question.name]" [required]="question.required"
                                 [attr.aria-labelledby]="'addon-mod_survey-'+question.id" interface="action-sheet"
-                                [name]="question.name">
+                                [name]="question.name" [interfaceOptions]="{header: question.text}">
                                 <ion-select-option *ngFor="let option of question.optionsArray; let value=index;" [value]="value">
                                     {{option}}
                                 </ion-select-option>
diff --git a/src/addons/mod/workshop/assessment/accumulative/component/addon-mod-workshop-assessment-strategy-accumulative.html b/src/addons/mod/workshop/assessment/accumulative/component/addon-mod-workshop-assessment-strategy-accumulative.html
index 33cc08a48..a65648ab1 100644
--- a/src/addons/mod/workshop/assessment/accumulative/component/addon-mod-workshop-assessment-strategy-accumulative.html
+++ b/src/addons/mod/workshop/assessment/accumulative/component/addon-mod-workshop-assessment-strategy-accumulative.html
@@ -14,7 +14,9 @@
                 {{ 'addon.mod_workshop_assessment_accumulative.dimensiongradefor' | translate : {'$a': field.dimtitle } }}
                 </span>
             </ion-label>
-            <ion-select [(ngModel)]="selectedValues[n].grade" interface="action-sheet">
+            <ion-select [(ngModel)]="selectedValues[n].grade" interface="action-sheet"
+                [interfaceOptions]="{header: 'addon.mod_workshop_assessment_accumulative.dimensiongradefor' |
+                    translate : {'$a': field.dimtitle }}">
                 <ion-select-option *ngFor="let grade of field.grades" [value]="grade.value">{{grade.label}}</ion-select-option>
             </ion-select>
             <core-input-errors *ngIf="fieldErrors['grade_' + n]" [errorText]="fieldErrors['grade_' + n]">
diff --git a/src/addons/mod/workshop/components/assessment-strategy/addon-mod-workshop-assessment-strategy.html b/src/addons/mod/workshop/components/assessment-strategy/addon-mod-workshop-assessment-strategy.html
index d4da19737..df65c40e7 100644
--- a/src/addons/mod/workshop/components/assessment-strategy/addon-mod-workshop-assessment-strategy.html
+++ b/src/addons/mod/workshop/components/assessment-strategy/addon-mod-workshop-assessment-strategy.html
@@ -45,7 +45,8 @@
                         {{ 'addon.mod_workshop.assessmentweight' | translate }}
                     </span>
                 </ion-label>
-                <ion-select [(ngModel)]="weight" interface="action-sheet" name="weight">
+                <ion-select [(ngModel)]="weight" interface="action-sheet" name="weight"
+                    [interfaceOptions]="{header: 'addon.mod_workshop.assessmentweight' | translate}">
                     <ion-select-option *ngFor="let w of weights" [value]="w">{{w}}</ion-select-option>
                 </ion-select>
             </ion-item>
diff --git a/src/addons/mod/workshop/components/index/addon-mod-workshop-index.html b/src/addons/mod/workshop/components/index/addon-mod-workshop-index.html
index 48c7856db..169ed21b4 100644
--- a/src/addons/mod/workshop/components/index/addon-mod-workshop-index.html
+++ b/src/addons/mod/workshop/components/index/addon-mod-workshop-index.html
@@ -223,7 +223,7 @@
                     {{ 'core.groupsvisible' | translate }}
                 </ion-label>
                 <ion-select [(ngModel)]="group" (ionChange)="setGroup(group)" aria-labelledby="addon-workshop-groupslabel"
-                    interface="action-sheet">
+                    interface="action-sheet" [interfaceOptions]="{header: 'core.group' | translate}">
                     <ion-select-option *ngFor="let groupOpt of groupInfo.groups" [value]="groupOpt.id">
                         {{groupOpt.name}}
                     </ion-select-option>
diff --git a/src/addons/mod/workshop/pages/assessment/assessment.html b/src/addons/mod/workshop/pages/assessment/assessment.html
index 33978af33..ae932276e 100644
--- a/src/addons/mod/workshop/pages/assessment/assessment.html
+++ b/src/addons/mod/workshop/pages/assessment/assessment.html
@@ -63,7 +63,8 @@
                         {{ 'addon.mod_workshop.assessmentweight' | translate }}
                     </span>
                 </ion-label>
-                <ion-select formControlName="weight" required="true" interface="action-sheet">
+                <ion-select formControlName="weight" required="true" interface="action-sheet"
+                    [interfaceOptions]="{header: 'addon.mod_workshop.assessmentweight' | translate}">
                     <ion-select-option *ngFor="let w of weights" [value]="w">{{ w }}</ion-select-option>
                 </ion-select>
             </ion-item>
@@ -75,7 +76,8 @@
             </ion-item>
             <ion-item class="ion-text-wrap" *ngIf="access?.canoverridegrades">
                 <ion-label position="stacked">{{ 'addon.mod_workshop.gradinggradeover' | translate }}</ion-label>
-                <ion-select formControlName="grade" interface="action-sheet">
+                <ion-select formControlName="grade" interface="action-sheet"
+                    [interfaceOptions]="{header: 'addon.mod_workshop.gradinggradeover' | translate}">
                     <ion-select-option *ngFor="let grade of evaluationGrades" [value]="grade.value">
                         {{grade.label}}
                     </ion-select-option>
diff --git a/src/addons/mod/workshop/pages/submission/submission.html b/src/addons/mod/workshop/pages/submission/submission.html
index 96c64cf83..b342f27b3 100644
--- a/src/addons/mod/workshop/pages/submission/submission.html
+++ b/src/addons/mod/workshop/pages/submission/submission.html
@@ -117,7 +117,8 @@
             </ion-item>
             <ion-item class="ion-text-wrap">
                 <ion-label position="stacked">{{ 'addon.mod_workshop.gradeover' | translate }}</ion-label>
-                <ion-select formControlName="grade" interface="action-sheet">
+                <ion-select formControlName="grade" interface="action-sheet"
+                    [interfaceOptions]="{header: 'addon.mod_workshop.gradeover' | translate}">
                     <ion-select-option *ngFor="let grade of evaluationGrades" [value]="grade.value">
                         {{grade.label}}
                     </ion-select-option>
diff --git a/src/addons/qtype/calculated/component/addon-qtype-calculated.html b/src/addons/qtype/calculated/component/addon-qtype-calculated.html
index 1b2d55d30..40d2d9f42 100644
--- a/src/addons/qtype/calculated/component/addon-qtype-calculated.html
+++ b/src/addons/qtype/calculated/component/addon-qtype-calculated.html
@@ -50,7 +50,7 @@
     </label>
     <ion-select id="{{calcQuestion!.select!.id}}" [name]="calcQuestion!.select!.name"
         [(ngModel)]="calcQuestion!.select!.selected" interface="action-sheet" [disabled]="calcQuestion!.select!.disabled"
-        [slot]="calcQuestion?.selectFirst ? 'start' : 'end'">
+        [slot]="calcQuestion?.selectFirst ? 'start' : 'end'" [interfaceOptions]="{header: 'addon.mod_quiz.unit' | translate}">
         <ion-select-option *ngFor="let option of calcQuestion!.select!.options" [value]="option.value">
             {{option.label}}
         </ion-select-option>
diff --git a/src/addons/userprofilefield/menu/component/addon-user-profile-field-menu.html b/src/addons/userprofilefield/menu/component/addon-user-profile-field-menu.html
index 74524fc97..8b5a78c24 100644
--- a/src/addons/userprofilefield/menu/component/addon-user-profile-field-menu.html
+++ b/src/addons/userprofilefield/menu/component/addon-user-profile-field-menu.html
@@ -13,7 +13,8 @@
     <ion-label position="stacked">
         <span [core-mark-required]="required">{{ field.name }}</span>
     </ion-label>
-    <ion-select [formControlName]="modelName" [placeholder]="'core.choosedots' | translate" interface="action-sheet">
+    <ion-select [formControlName]="modelName" [placeholder]="'core.choosedots' | translate" interface="action-sheet"
+        [interfaceOptions]="{header: field.name}">
         <ion-select-option value="">{{ 'core.choosedots' | translate }}</ion-select-option>
         <ion-select-option *ngFor="let option of options" [value]="option">{{option}}</ion-select-option>
     </ion-select>
diff --git a/src/core/components/site-picker/core-site-picker.html b/src/core/components/site-picker/core-site-picker.html
index ff07a6a1e..5e66a7a32 100644
--- a/src/core/components/site-picker/core-site-picker.html
+++ b/src/core/components/site-picker/core-site-picker.html
@@ -1,6 +1,7 @@
 <ion-item *ngIf="sites && sites.length">
     <ion-label>{{ 'core.site' | translate }}</ion-label>
-    <ion-select [(ngModel)]="selectedSite" (ngModelChange)="siteSelected.emit(selectedSite)" interface="action-sheet">
+    <ion-select [(ngModel)]="selectedSite" (ngModelChange)="siteSelected.emit(selectedSite)" interface="action-sheet"
+        [interfaceOptions]="{header: 'core.site' | translate}">
         <ion-select-option *ngFor="let site of sites" [value]="site.id">{{ site.fullNameAndSiteName }}</ion-select-option>
     </ion-select>
 </ion-item>
diff --git a/src/core/features/rating/components/rate/core-rating-rate.html b/src/core/features/rating/components/rate/core-rating-rate.html
index c347d12a3..fdcb93e50 100644
--- a/src/core/features/rating/components/rate/core-rating-rate.html
+++ b/src/core/features/rating/components/rate/core-rating-rate.html
@@ -1,7 +1,7 @@
 <ion-item class="ion-text-wrap" *ngIf="item && (item!.canrate || item!.rating != null) && !disabled">
     <ion-label>{{ 'core.rating.rating' | translate }}</ion-label>
     <ion-select class="ion-text-start" [(ngModel)]="rating" (ngModelChange)="userRatingChanged()" interface="action-sheet"
-        [disabled]="!item!.canrate">
+        [disabled]="!item!.canrate" [interfaceOptions]="{header: 'core.rating.rating' | translate}">
         <ion-select-option *ngFor="let scaleItem of scale!.items" [value]="scaleItem.value">{{ scaleItem.name }}</ion-select-option>
     </ion-select>
 </ion-item>