Language course html

From Redazione
Jump to navigation Jump to search
 
(61 intermediate revisions by 2 users 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:
  
 
<!--
 
<!--
−
Language_course_student_Title=
+
Form language course_Title=
−
Language_course_student_Language=
+
Form language course_Language=
−
Language_course_student_Academic_year=
+
Form language course_Academic_year=
−
Language_course_student_Description=
+
Form language course Level=
−
Language_course_student_Level=
+
Form language course_Teachers=
−
Language_course_student_Teachers=
+
Form language course Price=
−
Language_course_student_Price=
+
Form language course_Notes=
−
Language_course_student_Dates and times=
+
Form language course_Contact phone=
−
Language_course_student_Contacts=
+
Form language course_Contact email=
−
Language_course_student_Social_relationship=
 
 
-->
 
-->
−
 
−
<!--------------------------TITLE-------------------------->
 
−
 
−
<div class="ci_form_section">
 
−
<span class="ci_form_section_label">
 
−
Title
 
−
</span>
 
−
 
−
<input class="ci_form_input" type="text" placeholder="" name="Form language course student[Title]" value="">
 
−
<span class="ci_form_section_help">
 
−
 
−
</span>
 
−
 
−
</div>
 
  
 
<!--------------------------LANGUAGE-------------------------->
 
<!--------------------------LANGUAGE-------------------------->
Line 43: Line 37:
 
</span>
 
</span>
  
−
<input type="hidden" value="1" name="Form language course student[language][is_list]">
+
<select class="ci_form_input" name="Form language course[Language]">
−
 
 
−
<select class="ci_form_input" name="Form language course student[Languages]">
 
 
<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 student[Academic year]">
+
<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>
 
−
 
−
<!--------------------------DESCRIPTION-------------------------->
 
−
 
−
<div class="ci_form_section">
 
−
<span class="ci_form_section_label">
 
−
Description
 
−
</span>
 
−
 
−
<textarea name="Form language course[Description]" class="form_Language_course_student_input" style="width:100%" rows="3">
 
−
</textarea>
 
−
<span class="ci_form_section_help">
 
−
</span>
 
−
 
 
</div>
 
</div>
  
Line 177: Line 155:
 
</span>
 
</span>
  
−
<select class="ci_form_input" name="Form language course student[Level]">
+
<!--
 +
<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 student[Teachers][is_list]">
+
<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 id="select_teachers" multiple class="ci_form_input select_languages" name="Form language course[Teachers][]">
 
  
 
</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:
  
  
−
<!--------------------------DATE AND TIMES-------------------------->
+
<!--------------------------Notes-------------------------->
  
 
<div class="ci_form_section">
 
<div class="ci_form_section">
 
<span class="ci_form_section_label">
 
<span class="ci_form_section_label">
−
Dates and times
+
Notes
 
</span>
 
</span>
  
−
<textarea name="Form language course[Dates and times]" class="form_Language_course_student_studentinput" style="width:100%" rows="3">
+
<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">
−
Contact (phone)
+
Phone number
 
</span>
 
</span>
  
−
<input class="ci_form_input" type="Email" placeholder="" name="Form language course[Contact phone]" value="">
 
  
−
<span class="ci_form_section_help">
+
<style>
−
</span>
+
.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");}
 +
}
  
−
</div>
+
.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%">
  
−
<!--------------------------SOCIAL RELATIONSHIP-------------------------->
 
  
−
<div class="ci_form_section">
+
<span class="ci_form_section_help">
−
<span class="ci_form_section_label">
 
−
Social relationship
 
 
</span>
 
</span>
 +
</div>
  
−
<input class="ci_form_input" type="text" placeholder="" name="Form language course student[Social relationship]" value="">
 
−
<span class="ci_form_section_help">
 
  
−
</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 $dropdown = $("#select_teachers");
+
var dropdown = $ci("#select_teachers");
−
$.each(teachers, function(index,value) {
+
$ci.each(teachers, function(index,value) {
−
     $dropdown.append($("<option />").text(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");
  
−
$('.ci_form textarea').autosize();
+
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("</html>{{PAGENAME}}<html>" == "FormEdit/Teacher") {
+
if(val_) {
−
$('#picture_section').hide();
+
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.


Language
Academic year
Level
Select the range of levels targeted by this course
Teachers Select one or more teachers heading this course entered through the form Teacher
Price
Notes Write any useful information regarding the course location and time
Contact (email)
Phone number

Retrieved from "https://culturaitaliana.org/w/index.php?title=Form:Language_course_html&oldid=9263"