Language course html
Jump to navigation
Jump to search
m (Luca.speziale moved page Form:Language course html to Form:Language course student html without leaving a redirect) |
|||
(60 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
+ | This form is intended to create language courses of a given organization or to characterize as such whatever page of it (not containing already a form). | ||
+ | |||
+ | Once the key-data are created, insert the abstract of the course editing the page using the buttons "Edit" or "Edit source" in the top panel. | ||
+ | |||
+ | |||
+ | {{Form_header|form=Language course }} | ||
+ | |||
+ | |||
<html> | <html> | ||
+ | |||
<div class="ci_form_container"> | <div class="ci_form_container"> | ||
Line 10: | Line 19: | ||
<!-- | <!-- | ||
− | + | Form language course_Title= | |
− | + | Form language course_Language= | |
− | + | Form language course_Academic_year= | |
− | + | Form language course Level= | |
− | + | Form language course_Teachers= | |
− | + | Form language course Price= | |
− | + | Form language course_Notes= | |
− | + | Form language course_Contact phone= | |
− | + | Form language course_Contact email= | |
− | |||
--> | --> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<!--------------------------LANGUAGE--------------------------> | <!--------------------------LANGUAGE--------------------------> | ||
Line 43: | Line 37: | ||
</span> | </span> | ||
− | + | <select class="ci_form_input" name="Form language course[Language]"> | |
− | |||
− | <select class="ci_form_input" name="Form language course | ||
<option></option> | <option></option> | ||
<option>Afrikaans</option> | <option>Afrikaans</option> | ||
Line 134: | Line 126: | ||
</span> | </span> | ||
− | <select class="ci_form_input" name="Form language course | + | <select class="ci_form_input" name="Form language course[Academic year]"> |
<option></option> | <option></option> | ||
<option>2020-2021</option> | <option>2020-2021</option> | ||
Line 154: | Line 146: | ||
<span class="ci_form_section_help"> | <span class="ci_form_section_help"> | ||
</span> | </span> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
Line 177: | Line 155: | ||
</span> | </span> | ||
− | <select class="ci_form_input" name="Form language course | + | <!-- |
+ | <input type="hidden" name="Form language course[Level]"> | ||
+ | --> | ||
+ | |||
+ | <table> | ||
+ | <tr><td><select class="ci_form_input" name="Form language course[Level from]"> | ||
<option></option> | <option></option> | ||
<option>A1</option> | <option>A1</option> | ||
+ | <option>A2</option> | ||
+ | <option>B1</option> | ||
+ | <option>B2</option> | ||
+ | <option>C1</option> | ||
+ | </select> | ||
+ | </td> | ||
+ | <td><select class="ci_form_input" name="Form language course[Level to]"> | ||
+ | <option></option> | ||
<option>A2</option> | <option>A2</option> | ||
<option>B1</option> | <option>B1</option> | ||
Line 187: | Line 178: | ||
</select> | </select> | ||
</td> </tr> | </td> </tr> | ||
+ | |||
+ | |||
</table> | </table> | ||
<span class="ci_form_section_help"> | <span class="ci_form_section_help"> | ||
+ | Select the range of levels targeted by this course | ||
</span> | </span> | ||
Line 202: | Line 196: | ||
</span> | </span> | ||
− | <input type="hidden" value="1" name="Form language course | + | <input type="hidden" value="1" name="Form language course[Teachers][is_list]"> |
+ | |||
+ | <select id="select_teachers" multiple class="ci_form_input" name="Form language course[Teachers][]"> | ||
+ | </html> | ||
+ | {{#arraydefine:myarray|{{#ask: | ||
+ | [[~{{#ci_userAffiliatedTo:}}*]] [[Category:Teachers]] | ||
+ | |?Teacher first name= | ||
+ | |?Teacher last name= | ||
+ | |mainlabel=- | ||
+ | |format=array | ||
+ | |sep=## | ||
+ | }}|##|sort=asc, unique}} | ||
+ | |||
+ | |||
+ | {{#ci_noparse_isHTML: | ||
+ | {{#replace: | ||
+ | {{#arraymap: | ||
+ | {{#arrayprint:myarray|##}} | ||
+ | |##|x|<option>x</option>|}} | ||
+ | |<PROP>|<nowiki/> <nowiki/>}} | ||
+ | }} | ||
+ | <html> | ||
− | |||
</select> | </select> | ||
<span class="ci_form_section_help"> | <span class="ci_form_section_help"> | ||
+ | Select one or more teachers heading this course entered through the form </html>[[Special:FormEdit/Teacher]]<html> | ||
</span> | </span> | ||
Line 230: | Line 245: | ||
− | <!-------------------------- | + | <!--------------------------Notes--------------------------> |
<div class="ci_form_section"> | <div class="ci_form_section"> | ||
<span class="ci_form_section_label"> | <span class="ci_form_section_label"> | ||
− | + | Notes | |
</span> | </span> | ||
− | <textarea name="Form language course[ | + | <textarea name="Form language course[Notes]" class="form_Language_course_input" style="width:100%" rows="3"> |
</textarea> | </textarea> | ||
<span class="ci_form_section_help"> | <span class="ci_form_section_help"> | ||
− | + | Write any useful information regarding the course location and time | |
</span> | </span> | ||
</div> | </div> | ||
− | <!--------------------------CONTACT--------------------------> | + | |
+ | <!--------------------------CONTACT Email--------------------------> | ||
<div class="ci_form_section"> | <div class="ci_form_section"> | ||
Line 259: | Line 275: | ||
</div> | </div> | ||
− | <!--------------------------CONTACT--------------------------> | + | |
+ | <!--------------------------CONTACT (phone)--------------------------> | ||
+ | |||
+ | |||
+ | <!--------------------------phone number--------------------------> | ||
<div class="ci_form_section"> | <div class="ci_form_section"> | ||
<span class="ci_form_section_label"> | <span class="ci_form_section_label"> | ||
− | + | Phone number | |
</span> | </span> | ||
− | |||
− | < | + | <style> |
− | + | .iti__flag {background-image: url("/w/ci_scripts/intl-tel-input/img/flags.png");} | |
+ | |||
+ | @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { | ||
+ | .iti__flag {background-image: url("/w/ci_scripts/intl-tel-input/img/flags@2x.png");} | ||
+ | } | ||
− | </ | + | .iti { width: 100%; } |
+ | </style> | ||
+ | <input class="ci_form_input" type="tel" id="phone" style="width:100%"> | ||
+ | <input type="hidden" id="phone_input" value="" name="Form language course[Contact phone]" style="width:100%"> | ||
− | |||
− | + | <span class="ci_form_section_help"> | |
− | <span class=" | ||
− | |||
</span> | </span> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
<!--------------------------SUBMIT--------------------------> | <!--------------------------SUBMIT--------------------------> | ||
Line 306: | Line 326: | ||
− | $(function(){ | + | $ci(function() { |
+ | |||
+ | |||
+ | /* | ||
+ | if("</html>{{PAGENAME}}<html>" == "FormEdit/Language course") { | ||
+ | $ci('#logo_section').hide(); | ||
+ | } | ||
+ | */ | ||
− | var teachers = [ | + | var teachers = [</html>{{#replace: |
− | </html> | ||
− | {{#replace: | ||
{{#arraymap: | {{#arraymap: | ||
{{#ask: | {{#ask: | ||
Line 322: | Line 347: | ||
|##|x|'x'|,}} | |##|x|'x'|,}} | ||
|<PROP>|<nowiki/> <nowiki/>}} | |<PROP>|<nowiki/> <nowiki/>}} | ||
− | <html> | + | <html>]; |
− | ]; | ||
− | var | + | var dropdown = $ci("#select_teachers"); |
− | $.each(teachers, function(index,value) { | + | $ci.each(teachers, function(index,value) { |
− | + | //dropdown.append($ci("<option />").text(value)); | |
}); | }); | ||
− | $('select[multiple]').multiselect({search: true}); | + | $ci('select[multiple]').multiselect({search: true}); |
+ | |||
+ | $ci('.ci_form textarea').autosize(); | ||
+ | |||
+ | var input = document.querySelector("#phone"); | ||
− | + | var iti = window.intlTelInput(input, { | |
+ | initialCountry: "</html>{{#ci_visitorIsoCode:}}<html>", | ||
+ | utilsScript: '/w/ci_scripts/intl-tel-input/js/utils.js', | ||
+ | nationalMode: false, | ||
+ | separateDialCode: true, | ||
+ | }); | ||
+ | var val_ = $ci('#phone_input').val(); | ||
− | if( | + | if(val_) { |
− | + | iti.setNumber(val_); | |
} | } | ||
− | $('form').submit(function() { | + | |
+ | $ci('form').submit(function() { | ||
+ | |||
// ***attention !!! | // ***attention !!! | ||
// otherwise pageforms will not retrieve it! | // otherwise pageforms will not retrieve it! | ||
− | $('input').removeAttr('disabled'); | + | $ci('input').removeAttr('disabled'); |
+ | |||
+ | |||
+ | var required = ['Language','Academic year','Level from','Level to','Teachers'] | ||
+ | for(var i of required) { | ||
+ | |||
+ | //if(!el.prop('multiple') || !el.children(":selected").val() ) { | ||
+ | if(!$ci('[name="Form language course[' + i + ']"]').val()) { | ||
+ | if(!$ci('[name="Form language course[' + i + '][]"]').val()) { | ||
+ | alert(i + ' must be set') | ||
+ | return false; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | /* | ||
+ | if(!$ci('[name="Form language course[Level from]"]').val() || !$ci('[name="Form language course[Level to]"]').val()) { | ||
+ | alert('Language level must be set') | ||
+ | return false; | ||
+ | } | ||
+ | |||
+ | $ci('[name="Form language course[Level]"]').val($ci('[name="Form language course[Level from]"]').val() + '-' + $ci('[name="Form language course[Level to]"]').val()); | ||
+ | |||
+ | */ | ||
+ | var number = iti.getNumber(intlTelInputUtils.numberFormat.E164); | ||
+ | |||
+ | if(number) { | ||
+ | $ci('#phone_input').val(number); | ||
+ | } | ||
+ | |||
+ | |||
return true; | return true; | ||
}); | }); |
Latest revision as of 21:28, 7 December 2020
This form is intended to create language courses of a given organization or to characterize as such whatever page of it (not containing already a form).
Once the key-data are created, insert the abstract of the course editing the page using the buttons "Edit" or "Edit source" in the top panel.
The form will be created in the current page (). If you want to create the form in a new page, go here. |