AutorÃa | Ultima modificación | Ver Log |
{{!
This file is part of Moodle - http://moodle.org/
Moodle is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
Moodle is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with Moodle. If not, see <http://www.gnu.org/licenses/>.
}}
{{!
@template mod_questionnaire/mobile_slider_question
Template which defines a slider question display in the mobile app.
Context variables required for this template:
* fieldkey - integer: ID of the question.
* completed - boolean: True if question already completed.
Example context (json):
{
"fieldkey": 985,
"extradata": {
"minrange" : 1
"maxrange" : 10
"startingvalue" : 5
"stepvalue" : 1
"leftlabel" : "left label"
"rightlabel" : "right label"
"centerlabel": "center label"
},
"completed": 0
}
}}
{{=<% %>=}}
<%#extradata%>
<ion-item class="mod_questionnaire_slider" lines="none">
<ion-range
<%#completed%> disabled="true"<%/completed%>
min="<%extradata.minrange%>" max="<%extradata.maxrange%>"
pin="true" step="<%extradata.stepvalue%>"
[(ngModel)]="CONTENT_OTHERDATA.<%fieldkey%>">
<ion-label slot="start"><%extradata.leftlabel%></ion-label>
<ion-label slot="end"><%extradata.rightlabel%></ion-label>
</ion-range>
</ion-item>
<ion-label <%#completed%> class="disabled"<%/completed%>>
<core-format-text class="ion-text-center" text="<%extradata.centerlabel%>"></core-format-text>
</ion-label>
<%/extradata%>