MOBILE-3320 select: Display header in action sheet selects

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",

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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"

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>

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>

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>

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>

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>

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>

src/addons/mod/quiz/lang.json

@@ -75,6 +75,7 @@
     "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.",

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>

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>

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]">

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>

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>

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>

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>

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>

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>

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>

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>