Teacher html

From Redazione
Jump to navigation Jump to search
 
(32 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
This form is intended to create teachers 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 contains a field "picture" available only once the page is created, by which to upload a professional picture of this teacher'''
 +
 +
 +
{{Form header|form=Teacher}}
 +
 +
 
<html>
 
<html>
−
<div class="ci_form_container" style="max-width:500px;background:;border:0px solid #ccc;box-shadow: #ccc 2px 2px 4px 4px">
 
  
−
<div class="ci_form" action="" method="post">
+
<div class="ci_form_container">
 +
 
 +
<! ***attention! this will be stripped by PageForm
 +
but nonetheless without it will not work !
 +
-->
 +
<form class= method="post" >
 +
 
 +
<div class="ci_form">
  
 
<!--
 
<!--
Line 9: Line 25:
 
teacher_last_name
 
teacher_last_name
 
teacher_curriculum
 
teacher_curriculum
−
teacher_phone
 
 
teacher_picture
 
teacher_picture
−
teacher_email
+
teacher_mother_tongue
−
teacher_role
+
teacher_taught_languages
 
teacher_spoken_languages
 
teacher_spoken_languages
−
teacher_taught_languages
+
teacher_in charge from
−
teacher_mother_tongue
+
teacher_in charge to
−
teacher_enrollment_year
 
−
teacher_free_text
 
−
teacher_submit
 
 
-->
 
-->
  
Line 28: Line 40:
 
</span>
 
</span>
  
−
<input class="ci_form_input" type="text" placeholder="" name="Form teacher[First Name]" value="">
+
<input class="ci_form_input" type="text" placeholder="" name="Form teacher[First name]" value="">
  
 
</span>
 
</span>
Line 40: Line 52:
 
</span>
 
</span>
  
−
<input class="ci_form_input" type="text" placeholder="" name="Form teacher[Last Name]" value="">
+
<input class="ci_form_input" type="text" placeholder="" name="Form teacher[Last name]" value="">
  
 
</span>
 
</span>
Line 51: Line 63:
 
</span>
 
</span>
  
−
<textarea name="Form teacher[Curriculum]" class="form_teacher_input" style="width:100%" rows="3">
+
<textarea name="Form teacher[Curriculum]" class="ci_form_input" style="width:100%" rows="3">
 
</textarea>
 
</textarea>
  
Line 59: Line 71:
 
</div>
 
</div>
  
−
<!--------------------------PHONE-------------------------->
 
−
<div class="ci_form_section">
 
−
<span class="ci_form_section_label">
 
−
Phone
 
−
</span>
 
  
−
<input class="ci_form_input" type="text" placeholder="" name="Form teacher[Phone]" value="">
 
  
−
</span>
+
<!--------------------------Picture-------------------------->
  
−
</div>
+
<div class="ci_form_section" id="picture_section">
−
<!--------------------------EMAIL-------------------------->
 
−
<div class="ci_form_section">
 
 
<span class="ci_form_section_label">
 
<span class="ci_form_section_label">
−
Email
+
Picture
 
</span>
 
</span>
 +
<span class="inputSpan">
  
−
<input class="ci_form_input" type="text" placeholder="" name="Form teacher[Email]" value="">
+
<input id="input_2" class="ci_form_input" disabled="disabled" type="text" placeholder="" name="Form teacher[Picture]" value="">
  
 +
<img class="loading" style="display:none" src="/w/extensions/PageForms/skins/loading.gif">
 +
<input class="simpleupload_btn" data-id="input_2" type="button" value="Upload" name="">
 +
<input class="simpleupload_rmv_btn" style="display:none" data-id="input_2" type="button" value="Remove" name="">
 +
<input class="simpleupload" style="width:0;height:0;overflow:hidden" data-id="input_2" type="file" name="">
 +
<input type="hidden" name="path" class="simpleupload_path" value="</html>{{PAGENAME}}<html>">
 
</span>
 
</span>
−
</div>
 
  
−
<!--------------------------ROLE-------------------------->
+
 
−
<div class="ci_form_section">
+
<span class="ci_form_section_help">
−
<span class="ci_form_section_label">
 
−
Role
 
 
</span>
 
</span>
  
−
<input class="ci_form_input" type="text" placeholder="" name="Form teacher[Role]" value="">
+
</div>
  
−
</span>
 
−
</div>
 
−
<!--------------------------SPOKEN LANGUAGES-------------------------->
 
  
 +
<!--------------------------Mother tongue-------------------------->
 
<div class="ci_form_section">
 
<div class="ci_form_section">
 
<span class="ci_form_section_label">
 
<span class="ci_form_section_label">
−
Spoken Languages
+
Mother tongue
 
</span>
 
</span>
  
  
−
<select id="select_languages" multiple class="ci_form_input" name="Form teacher[Spoken Languages]">
+
<select class="ci_form_input" name="Form teacher[Mother tongue]">
−
<option></option>
+
<option>&nbsp;</option>
−
  <option value="AF">Afrikaans</option>
+
<option>Afrikaans</option>
−
   <option value="SQ">Albanian</option>
+
   <option>Albanian</option>
−
   <option value="AR">Arabic</option>
+
   <option>Arabic</option>
−
   <option value="HY">Armenian</option>
+
   <option>Armenian</option>
−
   <option value="EU">Basque</option>
+
   <option>Basque</option>
−
   <option value="BN">Bengali</option>
+
   <option>Bengali</option>
−
   <option value="BG">Bulgarian</option>
+
   <option>Bulgarian</option>
−
   <option value="CA">Catalan</option>
+
   <option>Catalan</option>
−
   <option value="KM">Cambodian</option>
+
   <option>Cambodian</option>
−
   <option value="ZH">Chinese (Mandarin)</option>
+
   <option>Chinese (Mandarin)</option>
−
   <option value="HR">Croatian</option>
+
   <option>Croatian</option>
−
   <option value="CS">Czech</option>
+
   <option>Czech</option>
−
   <option value="DA">Danish</option>
+
   <option>Danish</option>
−
   <option value="NL">Dutch</option>
+
   <option>Dutch</option>
−
   <option value="EN">English</option>
+
   <option>English</option>
−
   <option value="ET">Estonian</option>
+
   <option>Estonian</option>
−
   <option value="FJ">Fiji</option>
+
   <option>Fiji</option>
−
   <option value="FI">Finnish</option>
+
   <option>Finnish</option>
−
   <option value="FR">French</option>
+
   <option>French</option>
−
   <option value="KA">Georgian</option>
+
   <option>Georgian</option>
−
   <option value="DE">German</option>
+
   <option>German</option>
−
   <option value="EL">Greek</option>
+
   <option>Greek</option>
−
   <option value="GU">Gujarati</option>
+
   <option>Gujarati</option>
−
   <option value="HE">Hebrew</option>
+
   <option>Hebrew</option>
−
   <option value="HI">Hindi</option>
+
   <option>Hindi</option>
−
   <option value="HU">Hungarian</option>
+
   <option>Hungarian</option>
−
   <option value="IS">Icelandic</option>
+
   <option>Icelandic</option>
−
   <option value="ID">Indonesian</option>
+
   <option>Indonesian</option>
−
   <option value="GA">Irish</option>
+
   <option>Irish</option>
−
   <option value="IT">Italian</option>
+
   <option>Italian</option>
−
   <option value="JA">Japanese</option>
+
   <option>Japanese</option>
−
   <option value="JW">Javanese</option>
+
   <option>Javanese</option>
−
   <option value="KO">Korean</option>
+
   <option>Korean</option>
−
   <option value="LA">Latin</option>
+
   <option>Latin</option>
−
   <option value="LV">Latvian</option>
+
   <option>Latvian</option>
−
   <option value="LT">Lithuanian</option>
+
   <option>Lithuanian</option>
−
   <option value="MK">Macedonian</option>
+
   <option>Macedonian</option>
−
   <option value="MS">Malay</option>
+
   <option>Malay</option>
−
   <option value="ML">Malayalam</option>
+
   <option>Malayalam</option>
−
   <option value="MT">Maltese</option>
+
   <option>Maltese</option>
−
   <option value="MI">Maori</option>
+
   <option>Maori</option>
−
   <option value="MR">Marathi</option>
+
   <option>Marathi</option>
−
   <option value="MN">Mongolian</option>
+
   <option>Mongolian</option>
−
   <option value="NE">Nepali</option>
+
   <option>Nepali</option>
−
   <option value="NO">Norwegian</option>
+
   <option>Norwegian</option>
−
   <option value="FA">Persian</option>
+
   <option>Persian</option>
−
   <option value="PL">Polish</option>
+
   <option>Polish</option>
−
   <option value="PT">Portuguese</option>
+
   <option>Portuguese</option>
−
   <option value="PA">Punjabi</option>
+
   <option>Punjabi</option>
−
   <option value="QU">Quechua</option>
+
   <option>Quechua</option>
−
   <option value="RO">Romanian</option>
+
   <option>Romanian</option>
−
   <option value="RU">Russian</option>
+
   <option>Russian</option>
−
   <option value="SM">Samoan</option>
+
   <option>Samoan</option>
−
   <option value="SR">Serbian</option>
+
   <option>Serbian</option>
−
   <option value="SK">Slovak</option>
+
   <option>Slovak</option>
−
   <option value="SL">Slovenian</option>
+
   <option>Slovenian</option>
−
   <option value="ES">Spanish</option>
+
   <option>Spanish</option>
−
   <option value="SW">Swahili</option>
+
   <option>Swahili</option>
−
   <option value="SV">Swedish </option>
+
   <option>Swedish </option>
−
   <option value="TA">Tamil</option>
+
   <option>Tamil</option>
−
   <option value="TT">Tatar</option>
+
   <option>Tatar</option>
−
   <option value="TE">Telugu</option>
+
   <option>Telugu</option>
−
   <option value="TH">Thai</option>
+
   <option>Thai</option>
−
   <option value="BO">Tibetan</option>
+
   <option>Tibetan</option>
−
   <option value="TO">Tonga</option>
+
   <option>Tonga</option>
−
   <option value="TR">Turkish</option>
+
   <option>Turkish</option>
−
   <option value="UK">Ukrainian</option>
+
   <option>Ukrainian</option>
−
   <option value="UR">Urdu</option>
+
   <option>Urdu</option>
−
   <option value="UZ">Uzbek</option>
+
   <option>Uzbek</option>
−
   <option value="VI">Vietnamese</option>
+
   <option>Vietnamese</option>
−
   <option value="CY">Welsh</option>
+
   <option>Welsh</option>
−
   <option value="XH">Xhosa</option>
+
   <option>Xhosa</option>
 
   </select>
 
   </select>
 
<span class="ci_form_section_help">
 
<span class="ci_form_section_help">
Line 178: Line 183:
 
</span>
 
</span>
 
</div>
 
</div>
 +
 +
 +
  
 
<!--------------------------Taught languages-------------------------->
 
<!--------------------------Taught languages-------------------------->
 
<div class="ci_form_section">
 
<div class="ci_form_section">
 
<span class="ci_form_section_label">
 
<span class="ci_form_section_label">
−
Spoken Languages
+
Taught languages
 
</span>
 
</span>
  
  
−
<select id="select_languages" multiple class="ci_form_input" name="Form teacher[Spoken Languages]">
+
<input type="hidden" value="1" name="Form teacher[Taught languages][is_list]">
−
<option></option>
+
 
−
  <option value="AF">Afrikaans</option>
+
<select multiple class="ci_form_input select_languages" name="Form teacher[Taught languages][]">
−
   <option value="SQ">Albanian</option>
+
<option>Afrikaans</option>
−
   <option value="AR">Arabic</option>
+
   <option>Albanian</option>
−
   <option value="HY">Armenian</option>
+
   <option>Arabic</option>
−
   <option value="EU">Basque</option>
+
   <option>Armenian</option>
−
   <option value="BN">Bengali</option>
+
   <option>Basque</option>
−
   <option value="BG">Bulgarian</option>
+
   <option>Bengali</option>
−
   <option value="CA">Catalan</option>
+
   <option>Bulgarian</option>
−
   <option value="KM">Cambodian</option>
+
   <option>Catalan</option>
−
   <option value="ZH">Chinese (Mandarin)</option>
+
   <option>Cambodian</option>
−
   <option value="HR">Croatian</option>
+
   <option>Chinese (Mandarin)</option>
−
   <option value="CS">Czech</option>
+
   <option>Croatian</option>
−
   <option value="DA">Danish</option>
+
   <option>Czech</option>
−
   <option value="NL">Dutch</option>
+
   <option>Danish</option>
−
   <option value="EN">English</option>
+
   <option>Dutch</option>
−
   <option value="ET">Estonian</option>
+
   <option>English</option>
−
   <option value="FJ">Fiji</option>
+
   <option>Estonian</option>
−
   <option value="FI">Finnish</option>
+
   <option>Fiji</option>
−
   <option value="FR">French</option>
+
   <option>Finnish</option>
−
   <option value="KA">Georgian</option>
+
   <option>French</option>
−
   <option value="DE">German</option>
+
   <option>Georgian</option>
−
   <option value="EL">Greek</option>
+
   <option>German</option>
−
   <option value="GU">Gujarati</option>
+
   <option>Greek</option>
−
   <option value="HE">Hebrew</option>
+
   <option>Gujarati</option>
−
   <option value="HI">Hindi</option>
+
   <option>Hebrew</option>
−
   <option value="HU">Hungarian</option>
+
   <option>Hindi</option>
−
   <option value="IS">Icelandic</option>
+
   <option>Hungarian</option>
−
   <option value="ID">Indonesian</option>
+
   <option>Icelandic</option>
−
   <option value="GA">Irish</option>
+
   <option>Indonesian</option>
−
   <option value="IT">Italian</option>
+
   <option>Irish</option>
−
   <option value="JA">Japanese</option>
+
   <option>Italian</option>
−
   <option value="JW">Javanese</option>
+
   <option>Japanese</option>
−
   <option value="KO">Korean</option>
+
   <option>Javanese</option>
−
   <option value="LA">Latin</option>
+
   <option>Korean</option>
−
   <option value="LV">Latvian</option>
+
   <option>Latin</option>
−
   <option value="LT">Lithuanian</option>
+
   <option>Latvian</option>
−
   <option value="MK">Macedonian</option>
+
   <option>Lithuanian</option>
−
   <option value="MS">Malay</option>
+
   <option>Macedonian</option>
−
   <option value="ML">Malayalam</option>
+
   <option>Malay</option>
−
   <option value="MT">Maltese</option>
+
   <option>Malayalam</option>
−
   <option value="MI">Maori</option>
+
   <option>Maltese</option>
−
   <option value="MR">Marathi</option>
+
   <option>Maori</option>
−
   <option value="MN">Mongolian</option>
+
   <option>Marathi</option>
−
   <option value="NE">Nepali</option>
+
   <option>Mongolian</option>
−
   <option value="NO">Norwegian</option>
+
   <option>Nepali</option>
−
   <option value="FA">Persian</option>
+
   <option>Norwegian</option>
−
   <option value="PL">Polish</option>
+
   <option>Persian</option>
−
   <option value="PT">Portuguese</option>
+
   <option>Polish</option>
−
   <option value="PA">Punjabi</option>
+
   <option>Portuguese</option>
−
   <option value="QU">Quechua</option>
+
   <option>Punjabi</option>
−
   <option value="RO">Romanian</option>
+
   <option>Quechua</option>
−
   <option value="RU">Russian</option>
+
   <option>Romanian</option>
−
   <option value="SM">Samoan</option>
+
   <option>Russian</option>
−
   <option value="SR">Serbian</option>
+
   <option>Samoan</option>
−
   <option value="SK">Slovak</option>
+
   <option>Serbian</option>
−
   <option value="SL">Slovenian</option>
+
   <option>Slovak</option>
−
   <option value="ES">Spanish</option>
+
   <option>Slovenian</option>
−
   <option value="SW">Swahili</option>
+
   <option>Spanish</option>
−
   <option value="SV">Swedish </option>
+
   <option>Swahili</option>
−
   <option value="TA">Tamil</option>
+
   <option>Swedish </option>
−
   <option value="TT">Tatar</option>
+
   <option>Tamil</option>
−
   <option value="TE">Telugu</option>
+
   <option>Tatar</option>
−
   <option value="TH">Thai</option>
+
   <option>Telugu</option>
−
   <option value="BO">Tibetan</option>
+
   <option>Thai</option>
−
   <option value="TO">Tonga</option>
+
   <option>Tibetan</option>
−
   <option value="TR">Turkish</option>
+
   <option>Tonga</option>
−
   <option value="UK">Ukrainian</option>
+
   <option>Turkish</option>
−
   <option value="UR">Urdu</option>
+
   <option>Ukrainian</option>
−
   <option value="UZ">Uzbek</option>
+
   <option>Urdu</option>
−
   <option value="VI">Vietnamese</option>
+
   <option>Uzbek</option>
−
   <option value="CY">Welsh</option>
+
   <option>Vietnamese</option>
−
   <option value="XH">Xhosa</option>
+
   <option>Welsh</option>
 +
   <option>Xhosa</option>
 
   </select>
 
   </select>
 
<span class="ci_form_section_help">
 
<span class="ci_form_section_help">
Line 265: Line 274:
 
</span>
 
</span>
 
</div>
 
</div>
−
<!--------------------------Mother language-------------------------->
+
 
 +
 
 +
<!--------------------------SPOKEN LANGUAGES-------------------------->
 +
 
 
<div class="ci_form_section">
 
<div class="ci_form_section">
 
<span class="ci_form_section_label">
 
<span class="ci_form_section_label">
−
Mother Languages
+
Spoken languages
 
</span>
 
</span>
  
 +
<input type="hidden" value="1" name="Form teacher[Spoken languages][is_list]">
  
−
<select id="select_languages" class="ci_form_input" name="Form teacher[Mother Languages]">
+
<select multiple class="ci_form_input select_languages" name="Form teacher[Spoken languages][]">
−
<option></option>
+
<option>Afrikaans</option>
−
  <option value="AF">Afrikaans</option>
+
   <option>Albanian</option>
−
   <option value="SQ">Albanian</option>
+
   <option>Arabic</option>
−
   <option value="AR">Arabic</option>
+
   <option>Armenian</option>
−
   <option value="HY">Armenian</option>
+
   <option>Basque</option>
−
   <option value="EU">Basque</option>
+
   <option>Bengali</option>
−
   <option value="BN">Bengali</option>
+
   <option>Bulgarian</option>
−
   <option value="BG">Bulgarian</option>
+
   <option>Catalan</option>
−
   <option value="CA">Catalan</option>
+
   <option>Cambodian</option>
−
   <option value="KM">Cambodian</option>
+
   <option>Chinese (Mandarin)</option>
−
   <option value="ZH">Chinese (Mandarin)</option>
+
   <option>Croatian</option>
−
   <option value="HR">Croatian</option>
+
   <option>Czech</option>
−
   <option value="CS">Czech</option>
+
   <option>Danish</option>
−
   <option value="DA">Danish</option>
+
   <option>Dutch</option>
−
   <option value="NL">Dutch</option>
+
   <option>English</option>
−
   <option value="EN">English</option>
+
   <option>Estonian</option>
−
   <option value="ET">Estonian</option>
+
   <option>Fiji</option>
−
   <option value="FJ">Fiji</option>
+
   <option>Finnish</option>
−
   <option value="FI">Finnish</option>
+
   <option>French</option>
−
   <option value="FR">French</option>
+
   <option>Georgian</option>
−
   <option value="KA">Georgian</option>
+
   <option>German</option>
−
   <option value="DE">German</option>
+
   <option>Greek</option>
−
   <option value="EL">Greek</option>
+
   <option>Gujarati</option>
−
   <option value="GU">Gujarati</option>
+
   <option>Hebrew</option>
−
   <option value="HE">Hebrew</option>
+
   <option>Hindi</option>
−
   <option value="HI">Hindi</option>
+
   <option>Hungarian</option>
−
   <option value="HU">Hungarian</option>
+
   <option>Icelandic</option>
−
   <option value="IS">Icelandic</option>
+
   <option>Indonesian</option>
−
   <option value="ID">Indonesian</option>
+
   <option>Irish</option>
−
   <option value="GA">Irish</option>
+
   <option>Italian</option>
−
   <option value="IT">Italian</option>
+
   <option>Japanese</option>
−
   <option value="JA">Japanese</option>
+
   <option>Javanese</option>
−
   <option value="JW">Javanese</option>
+
   <option>Korean</option>
−
   <option value="KO">Korean</option>
+
   <option>Latin</option>
−
   <option value="LA">Latin</option>
+
   <option>Latvian</option>
−
   <option value="LV">Latvian</option>
+
   <option>Lithuanian</option>
−
   <option value="LT">Lithuanian</option>
+
   <option>Macedonian</option>
−
   <option value="MK">Macedonian</option>
+
   <option>Malay</option>
−
   <option value="MS">Malay</option>
+
   <option>Malayalam</option>
−
   <option value="ML">Malayalam</option>
+
   <option>Maltese</option>
−
   <option value="MT">Maltese</option>
+
   <option>Maori</option>
−
   <option value="MI">Maori</option>
+
   <option>Marathi</option>
−
   <option value="MR">Marathi</option>
+
   <option>Mongolian</option>
−
   <option value="MN">Mongolian</option>
+
   <option>Nepali</option>
−
   <option value="NE">Nepali</option>
+
   <option>Norwegian</option>
−
   <option value="NO">Norwegian</option>
+
   <option>Persian</option>
−
   <option value="FA">Persian</option>
+
   <option>Polish</option>
−
   <option value="PL">Polish</option>
+
   <option>Portuguese</option>
−
   <option value="PT">Portuguese</option>
+
   <option>Punjabi</option>
−
   <option value="PA">Punjabi</option>
+
   <option>Quechua</option>
−
   <option value="QU">Quechua</option>
+
   <option>Romanian</option>
−
   <option value="RO">Romanian</option>
+
   <option>Russian</option>
−
   <option value="RU">Russian</option>
+
   <option>Samoan</option>
−
   <option value="SM">Samoan</option>
+
   <option>Serbian</option>
−
   <option value="SR">Serbian</option>
+
   <option>Slovak</option>
−
   <option value="SK">Slovak</option>
+
   <option>Slovenian</option>
−
   <option value="SL">Slovenian</option>
+
   <option>Spanish</option>
−
   <option value="ES">Spanish</option>
+
   <option>Swahili</option>
−
   <option value="SW">Swahili</option>
+
   <option>Swedish </option>
−
   <option value="SV">Swedish </option>
+
   <option>Tamil</option>
−
   <option value="TA">Tamil</option>
+
   <option>Tatar</option>
−
   <option value="TT">Tatar</option>
+
   <option>Telugu</option>
−
   <option value="TE">Telugu</option>
+
   <option>Thai</option>
−
   <option value="TH">Thai</option>
+
   <option>Tibetan</option>
−
   <option value="BO">Tibetan</option>
+
   <option>Tonga</option>
−
   <option value="TO">Tonga</option>
+
   <option>Turkish</option>
−
   <option value="TR">Turkish</option>
+
   <option>Ukrainian</option>
−
   <option value="UK">Ukrainian</option>
+
   <option>Urdu</option>
−
   <option value="UR">Urdu</option>
+
   <option>Uzbek</option>
−
   <option value="UZ">Uzbek</option>
+
   <option>Vietnamese</option>
−
   <option value="VI">Vietnamese</option>
+
   <option>Welsh</option>
−
   <option value="CY">Welsh</option>
+
   <option>Xhosa</option>
−
   <option value="XH">Xhosa</option>
 
 
   </select>
 
   </select>
 
<span class="ci_form_section_help">
 
<span class="ci_form_section_help">
Line 352: Line 364:
 
</div>
 
</div>
  
−
<!--------------------------ENROLLMENT YEAR-------------------------->
+
<!--------------------------In charge from - to-------------------------->
 +
 
 
<div class="ci_form_section">
 
<div class="ci_form_section">
 
<span class="ci_form_section_label">
 
<span class="ci_form_section_label">
−
Phone
+
In charge from - to
 
</span>
 
</span>
  
−
<input class="ci_form_input" type="text" placeholder="" name="Form teacher[Phone]" value="">
+
<table>
 +
<tr><td> <select class="ci_form_input" name="Form teacher[In charge from]">
 +
<option></option>
 +
<option>1990</option>
 +
<option>1991</option>
 +
<option>1992</option>
 +
<option>1993</option>
 +
<option>1994</option>
 +
<option>1995</option>
 +
<option>1996</option>
 +
<option>1997</option>
 +
<option>1998</option>
 +
<option>1999</option>
 +
<option>2000</option>
 +
<option>2001</option>
 +
<option>2002</option>
 +
<option>2003</option>
 +
<option>2004</option>
 +
<option>2005</option>
 +
<option>2006</option>
 +
<option>2007</option>
 +
<option>2008</option>
 +
<option>2009</option>
 +
<option>2010</option>
 +
<option>2011</option>
 +
<option>2012</option>
 +
<option>2013</option>
 +
<option>2014</option>
 +
<option>2015</option>
 +
<option>2016</option>
 +
<option>2017</option>
 +
<option>2018</option>
 +
<option>2019</option>
 +
<option>2020</option>
 +
</select>
 +
</td><td>
  
−
</span>
 
  
−
</div>
+
<select class="ci_form_input" name="Form teacher[In charge to]">
−
 
+
<option></option>
−
<!--------------------------FREE TEXT-------------------------->
+
<option>2020</option>
−
<div class="ci_form_section">
+
<option>2019</option>
−
<span class="ci_form_section_label">
+
<option>2018</option>
−
Free Text
+
<option>2017</option>
−
</span>
+
<option>2016</option>
−
 
+
<option>2015</option>
−
<textarea name="Form teacher[free text]" class="form_teacher_input" style="width:100%" rows="3">
+
<option>2014</option>
−
</textarea>
+
<option>2013</option>
 +
<option>2012</option>
 +
<option>2011</option>
 +
<option>2010</option>
 +
<option>2009</option>
 +
<option>2008</option>
 +
<option>2007</option>
 +
<option>2006</option>
 +
<option>2005</option>
 +
<option>2004</option>
 +
<option>2003</option>
 +
<option>2002</option>
 +
<option>2001</option>
 +
<option>2000</option>
 +
<option>1999</option>
 +
<option>1998</option>
 +
<option>1997</option>
 +
<option>1996</option>
 +
<option>1995</option>
 +
<option>1994</option>
 +
<option>1993</option>
 +
<option>1992</option>
 +
<option>1991</option>
 +
<option>1990</option>
 +
</select>
 +
</td> </tr>
 +
</table>
  
 
<span class="ci_form_section_help">
 
<span class="ci_form_section_help">
 +
Leave the select on the right empty if currently in charge
 
</span>
 
</span>
  
 
</div>
 
</div>
 +
  
 
<!--------------------------SUBMIT-------------------------->
 
<!--------------------------SUBMIT-------------------------->
Line 389: Line 464:
  
 
</div>
 
</div>
 +
</form>
 
</div>
 
</div>
  
 +
<script>
 +
$ci(function(){
  
−
<style>
+
$ci('select[multiple]').multiselect({search: true});
−
.ms-options-wrap,
 
−
.ms-options-wrap * {
 
−
    box-sizing: border-box;
 
−
}
 
−
 
 
−
.ms-options-wrap > button:focus,
 
−
.ms-options-wrap > button {
 
−
    position: relative;
 
−
    width: 100%;
 
−
    text-align: left;
 
−
    border: 1px solid #aaa;
 
−
    background-color: #fff;
 
−
    padding: 5px 20px 5px 5px;
 
−
    margin-top: 1px;
 
−
    font-size: 13px;
 
−
    color: #aaa;
 
−
    outline-offset: -2px;
 
−
    white-space: nowrap;
 
−
}
 
−
 
 
−
.ms-options-wrap > button > span {
 
−
    display: inline-block;
 
−
}
 
−
 
 
−
.ms-options-wrap > button[disabled] {
 
−
    background-color: #e5e9ed;
 
−
    color: #808080;
 
−
    opacity: 0.6;
 
−
}
 
−
 
 
−
.ms-options-wrap > button:after {
 
−
    content: ' ';
 
−
    height: 0;
 
−
    position: absolute;
 
−
    top: 50%;
 
−
    right: 5px;
 
−
    width: 0;
 
−
    border: 6px solid rgba(0, 0, 0, 0);
 
−
    border-top-color: #999;
 
−
    margin-top: -3px;
 
−
}
 
−
 
 
−
.ms-options-wrap.ms-has-selections > button {
 
−
    color: #333;
 
−
}
 
−
 
 
−
.ms-options-wrap > .ms-options {
 
−
    position: absolute;
 
−
    left: 0;
 
−
    width: 100%;
 
−
    margin-top: 1px;
 
−
    margin-bottom: 20px;
 
−
    background: white;
 
−
    z-index: 2000;
 
−
    border: 1px solid #aaa;
 
−
    overflow: auto;
 
−
    visibility: hidden;
 
−
}
 
−
 
 
−
.ms-options-wrap.ms-active > .ms-options {
 
−
    visibility: visible
 
−
}
 
−
 
 
−
.ms-options-wrap > .ms-options > .ms-search input {
 
−
    width: 100%;
 
−
    padding: 4px 5px;
 
−
    border: none;
 
−
    border-bottom: 1px groove;
 
−
    outline: none;
 
−
}
 
−
 
 
−
.ms-options-wrap > .ms-options .ms-selectall {
 
−
    display: inline-block;
 
−
    font-size: .9em;
 
−
    text-transform: lowercase;
 
−
    text-decoration: none;
 
−
}
 
−
.ms-options-wrap > .ms-options .ms-selectall:hover {
 
−
    text-decoration: underline;
 
−
}
 
−
 
 
−
.ms-options-wrap > .ms-options > .ms-selectall.global {
 
−
    margin: 4px 5px;
 
−
}
 
−
 
 
−
.ms-options-wrap > .ms-options > ul,
 
−
.ms-options-wrap > .ms-options > ul > li.optgroup ul {
 
−
    list-style-type: none;
 
−
    padding: 0;
 
−
    margin: 0;
 
−
}
 
−
 
 
−
.ms-options-wrap > .ms-options > ul li.ms-hidden {
 
−
    display: none;
 
−
}
 
−
 
 
−
.ms-options-wrap > .ms-options > ul > li.optgroup {
 
−
    padding: 5px;
 
−
}
 
−
.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
 
−
    border-top: 1px solid #aaa;
 
−
}
 
−
 
 
−
.ms-options-wrap > .ms-options > ul > li.optgroup .label {
 
−
    display: block;
 
−
    padding: 5px 0 0 0;
 
−
    font-weight: bold;
 
−
}
 
−
 
 
−
.ms-options-wrap > .ms-options > ul label {
 
−
    position: relative;
 
−
    display: inline-block;
 
−
    width: 100%;
 
−
    padding: 4px 4px 4px 20px;
 
−
    margin: 1px 0;
 
−
    border: 1px dotted transparent;
 
−
}
 
−
.ms-options-wrap > .ms-options.checkbox-autofit > ul label,
 
−
.ms-options-wrap > .ms-options.hide-checkbox > ul label {
 
−
    padding: 4px;
 
−
}
 
−
 
 
−
.ms-options-wrap > .ms-options > ul label.focused,
 
−
.ms-options-wrap > .ms-options > ul label:hover {
 
−
    background-color: #efefef;
 
−
    border-color: #999;
 
−
}
 
−
 
 
−
.ms-options-wrap > .ms-options > ul li.selected label {
 
−
    background-color: #efefef;
 
−
    border-color: transparent;
 
−
}
 
−
 
 
−
.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
 
−
    margin: 0 5px 0 0;
 
−
    position: absolute;
 
−
    left: 4px;
 
−
    top: 7px;
 
−
}
 
−
 
 
−
.ms-options-wrap > .ms-options.hide-checkbox > ul input[type="checkbox"] {
 
−
    position: absolute !important;
 
−
    height: 1px;
 
−
    width: 1px;
 
−
    overflow: hidden;
 
−
    clip: rect(1px 1px 1px 1px);
 
−
    clip: rect(1px, 1px, 1px, 1px);
 
−
}
 
−
</style>
 
−
<script type="javascript">
 
−
 
 
−
/**
 
−
* Display a nice easy to use multiselect list
 
−
* @Version: 2.4.18
 
−
* @Author: Patrick Springstubbe
 
−
* @Contact: @JediNobleclem
 
−
* @Website: springstubbe.us
 
−
* @Source: https://github.com/nobleclem/jQuery-MultiSelect
 
−
*
 
−
* Usage:
 
−
*    $('select[multiple]').multiselect();
 
−
*    $('select[multiple]').multiselect({ texts: { placeholder: 'Select options' } });
 
−
*    $('select[multiple]').multiselect('reload');
 
−
*    $('select[multiple]').multiselect( 'loadOptions', [{
 
−
*        name  : 'Option Name 1',
 
−
*        value  : 'option-value-1',
 
−
*        checked: false,
 
−
*        attributes : {
 
−
*            custom1: 'value1',
 
−
*            custom2: 'value2'
 
−
*        }
 
−
*    },{
 
−
*        name  : 'Option Name 2',
 
−
*        value  : 'option-value-2',
 
−
*        checked: false,
 
−
*        attributes : {
 
−
*            custom1: 'value1',
 
−
*            custom2: 'value2'
 
−
*        }
 
−
*    }]);
 
−
*
 
−
**/
 
−
(function($){
 
−
    var defaults = {
 
−
        columns: 1,    // how many columns should be use to show options
 
−
        search : false, // include option search box
 
−
 
 
−
        // search filter options
 
−
        searchOptions : {
 
−
            delay        : 250,                  // time (in ms) between keystrokes until search happens
 
−
            showOptGroups: false,                // show option group titles if no options remaining
 
−
            searchText  : true,                // search within the text
 
−
            searchValue  : false,                // search within the value
 
−
            onSearch    : function( element ){} // fires on keyup before search on options happens
 
−
        },
 
−
 
 
−
        // plugin texts
 
−
        texts: {
 
−
            placeholder    : 'Select options', // text to use in dummy input
 
−
            search        : 'Search',        // search input placeholder text
 
−
            selectedOptions: ' selected',      // selected suffix text
 
−
            selectAll      : 'Select all',    // select all text
 
−
            unselectAll    : 'Unselect all',  // unselect all text
 
−
            noneSelected  : 'None Selected'  // None selected text
 
−
        },
 
−
 
 
−
        // general options
 
−
        selectAll          : false, // add select all option
 
−
        selectGroup        : false, // select entire optgroup
 
−
        minHeight          : 200,  // minimum height of option overlay
 
−
        maxHeight          : null,  // maximum height of option overlay
 
−
        maxWidth          : null,  // maximum width of option overlay (or selector)
 
−
        maxPlaceholderWidth: null,  // maximum width of placeholder button
 
−
        maxPlaceholderOpts : 10,    // maximum number of placeholder options to show until "# selected" shown instead
 
−
        showCheckbox      : true,  // display the checkbox to the user
 
−
        checkboxAutoFit    : false,  // auto calc checkbox padding
 
−
        optionAttributes  : [],    // attributes to copy to the checkbox from the option element
 
−
 
 
−
        // Callbacks
 
−
        onLoad        : function( element ){},          // fires at end of list initialization
 
−
        onOptionClick : function( element, option ){},  // fires when an option is clicked
 
−
        onControlClose: function( element ){},          // fires when the options list is closed
 
−
        onSelectAll  : function( element, selected ){}, // fires when (un)select all is clicked
 
−
        onPlaceholder : function( element, placeholder, selectedOpts ){}, // fires when the placeholder txt is updated
 
−
    };
 
−
 
 
−
    var msCounter    = 1; // counter for each select list
 
−
    var msOptCounter = 1; // counter for each option on page
 
−
 
 
−
    // FOR LEGACY BROWSERS (talking to you IE8)
 
−
    if( typeof Array.prototype.map !== 'function' ) {
 
−
        Array.prototype.map = function( callback, thisArg ) {
 
−
            if( typeof thisArg === 'undefined' ) {
 
−
                thisArg = this;
 
−
            }
 
−
 
 
−
            return $.isArray( thisArg ) ? $.map( thisArg, callback ) : [];
 
−
        };
 
−
    }
 
−
    if( typeof String.prototype.trim !== 'function' ) {
 
−
        String.prototype.trim = function() {
 
−
            return this.replace(/^\s+|\s+$/g, '');
 
−
        };
 
−
    }
 
−
 
 
−
    function MultiSelect( element, options )
 
−
    {
 
−
        this.element          = element;
 
−
        this.options          = $.extend( true, {}, defaults, options );
 
−
        this.updateSelectAll  = true;
 
−
        this.updatePlaceholder = true;
 
−
        this.listNumber        = msCounter;
 
−
 
 
−
        msCounter = msCounter + 1; // increment counter
 
−
 
 
−
        /* Make sure its a multiselect list */
 
−
        if( !$(this.element).attr('multiple') ) {
 
−
            throw new Error( '[jQuery-MultiSelect] Select list must be a multiselect list in order to use this plugin' );
 
−
        }
 
−
 
 
−
        /* Options validation checks */
 
−
        if( this.options.search ){
 
−
            if( !this.options.searchOptions.searchText && !this.options.searchOptions.searchValue ){
 
−
                throw new Error( '[jQuery-MultiSelect] Either searchText or searchValue should be true.' );
 
−
            }
 
−
        }
 
−
 
 
−
        /** BACKWARDS COMPATIBILITY **/
 
−
        if( 'placeholder' in this.options ) {
 
−
            this.options.texts.placeholder = this.options.placeholder;
 
−
            delete this.options.placeholder;
 
−
        }
 
−
        if( 'default' in this.options.searchOptions ) {
 
−
            this.options.texts.search = this.options.searchOptions['default'];
 
−
            delete this.options.searchOptions['default'];
 
−
        }
 
−
        /** END BACKWARDS COMPATIBILITY **/
 
−
 
 
−
        // load this instance
 
−
        this.load();
 
−
    }
 
−
 
 
−
    MultiSelect.prototype = {
 
−
        /* LOAD CUSTOM MULTISELECT DOM/ACTIONS */
 
−
        load: function() {
 
−
            var instance = this;
 
−
 
 
−
            // make sure this is a select list and not loaded
 
−
            if( (instance.element.nodeName != 'SELECT') || $(instance.element).hasClass('jqmsLoaded') ) {
 
−
                return true;
 
−
            }
 
−
 
 
−
            // sanity check so we don't double load on a select element
 
−
            $(instance.element).addClass('jqmsLoaded ms-list-'+ instance.listNumber ).data( 'plugin_multiselect-instance', instance );
 
−
 
 
−
            // add option container
 
−
            $(instance.element).after('<div id="ms-list-'+ instance.listNumber +'" class="ms-options-wrap"><button type="button"><span>None Selected</span></button><div class="ms-options"><ul></ul></div></div>');
 
−
 
 
−
            var placeholder = $(instance.element).siblings('#ms-list-'+ instance.listNumber +'.ms-options-wrap').find('> button:first-child');
 
−
            var optionsWrap = $(instance.element).siblings('#ms-list-'+ instance.listNumber +'.ms-options-wrap').find('> .ms-options');
 
−
            var optionsList = optionsWrap.find('> ul');
 
−
 
 
−
            // don't show checkbox (add class for css to hide checkboxes)
 
−
            if( !instance.options.showCheckbox ) {
 
−
                optionsWrap.addClass('hide-checkbox');
 
−
            }
 
−
            else if( instance.options.checkboxAutoFit ) {
 
−
                optionsWrap.addClass('checkbox-autofit');
 
−
            }
 
−
 
 
−
            // check if list is disabled
 
−
            if( $(instance.element).prop( 'disabled' ) ) {
 
−
                placeholder.prop( 'disabled', true );
 
−
            }
 
−
 
 
−
            // set placeholder maxWidth
 
−
            if( instance.options.maxPlaceholderWidth ) {
 
−
                placeholder.css( 'maxWidth', instance.options.maxPlaceholderWidth );
 
−
            }
 
−
 
 
−
            // override with user defined maxHeight
 
−
            if( instance.options.maxHeight ) {
 
−
                var maxHeight = instance.options.maxHeight;
 
−
            }
 
−
            else {
 
−
                // cacl default maxHeight
 
−
                var maxHeight = ($(window).height() - optionsWrap.offset().top + $(window).scrollTop() - 20);
 
−
            }
 
−
 
 
−
            // maxHeight cannot be less than options.minHeight
 
−
            maxHeight = maxHeight < instance.options.minHeight ? instance.options.minHeight : maxHeight;
 
−
 
 
−
            optionsWrap.css({
 
−
                maxWidth : instance.options.maxWidth,
 
−
                minHeight: instance.options.minHeight,
 
−
                maxHeight: maxHeight,
 
−
            });
 
−
 
 
−
            // isolate options scroll
 
−
            // @source: https://github.com/nobleclem/jQuery-IsolatedScroll
 
−
            optionsWrap.on( 'touchmove mousewheel DOMMouseScroll', function ( e ) {
 
−
                if( ($(this).outerHeight() < $(this)[0].scrollHeight) ) {
 
−
                    var e0 = e.originalEvent,
 
−
                        delta = e0.wheelDelta || -e0.detail;
 
−
 
 
−
                    if( ($(this).outerHeight() + $(this)[0].scrollTop) > $(this)[0].scrollHeight ) {
 
−
                        e.preventDefault();
 
−
                        this.scrollTop += ( delta < 0 ? 1 : -1 );
 
−
                    }
 
−
                }
 
−
            });
 
−
 
 
−
            // hide options menus if click happens off of the list placeholder button
 
−
            $(document).off('click.ms-hideopts').on('click.ms-hideopts', function( event ){
 
−
                if( !$(event.target).closest('.ms-options-wrap').length ) {
 
−
                    $('.ms-options-wrap.ms-active > .ms-options').each(function(){
 
−
                        $(this).closest('.ms-options-wrap').removeClass('ms-active');
 
−
 
 
−
                        var listID = $(this).closest('.ms-options-wrap').attr('id');
 
−
 
 
−
                        var thisInst = $(this).parent().siblings('.'+ listID +'.jqmsLoaded').data('plugin_multiselect-instance');
 
−
 
 
−
                        // USER CALLBACK
 
−
                        if( typeof thisInst.options.onControlClose == 'function' ) {
 
−
                            thisInst.options.onControlClose( thisInst.element );
 
−
                        }
 
−
                    });
 
−
                }
 
−
            // hide open option lists if escape key pressed
 
−
            }).on('keydown', function( event ){
 
−
                if( (event.keyCode || event.which) == 27 ) { // esc key
 
−
                    $(this).trigger('click.ms-hideopts');
 
−
                }
 
−
            });
 
−
 
 
−
            // handle pressing enter|space while tabbing through
 
−
            placeholder.on('keydown', function( event ){
 
−
                var code = (event.keyCode || event.which);
 
−
                if( (code == 13) || (code == 32) ) { // enter OR space
 
−
                    placeholder.trigger( 'mousedown' );
 
−
                }
 
−
            });
 
−
 
 
−
            // disable button action
 
−
            placeholder.on( 'mousedown', function( event ){
 
−
                // ignore if its not a left click
 
−
                if( event.which && (event.which != 1) ) {
 
−
                    return true;
 
−
                }
 
−
 
 
−
                // hide other menus before showing this one
 
−
                $('.ms-options-wrap.ms-active').each(function(){
 
−
                    if( $(this).siblings( '.'+ $(this).attr('id') +'.jqmsLoaded')[0] != optionsWrap.parent().siblings('.ms-list-'+ instance.listNumber +'.jqmsLoaded')[0] ) {
 
−
                        $(this).removeClass('ms-active');
 
−
 
 
−
                        var thisInst = $(this).siblings( '.'+ $(this).attr('id') +'.jqmsLoaded').data('plugin_multiselect-instance');
 
−
 
 
−
                        // USER CALLBACK
 
−
                        if( typeof thisInst.options.onControlClose == 'function' ) {
 
−
                            thisInst.options.onControlClose( thisInst.element );
 
−
                        }
 
−
                    }
 
−
                });
 
−
 
 
−
                // show/hide options
 
−
                optionsWrap.closest('.ms-options-wrap').toggleClass('ms-active');
 
−
 
 
−
                // recalculate height
 
−
                if( optionsWrap.closest('.ms-options-wrap').hasClass('ms-active') ) {
 
−
                    optionsWrap.css( 'maxHeight', '' );
 
−
 
 
−
                    // override with user defined maxHeight
 
−
                    if( instance.options.maxHeight ) {
 
−
                        var maxHeight = instance.options.maxHeight;
 
−
                    }
 
−
                    else {
 
−
                        // cacl default maxHeight
 
−
                        var maxHeight = ($(window).height() - optionsWrap.offset().top + $(window).scrollTop() - 20);
 
−
                    }
 
−
 
 
−
                    if( maxHeight ) {
 
−
                        // maxHeight cannot be less than options.minHeight
 
−
                        maxHeight = maxHeight < instance.options.minHeight ? instance.options.minHeight : maxHeight;
 
−
 
 
−
                        optionsWrap.css( 'maxHeight', maxHeight );
 
−
                    }
 
−
                }
 
−
                else if( typeof instance.options.onControlClose == 'function' ) {
 
−
                    instance.options.onControlClose( instance.element );
 
−
                }
 
−
            }).click(function( event ){ event.preventDefault(); });
 
−
 
 
−
            // add placeholder copy
 
−
            if( instance.options.texts.placeholder ) {
 
−
                placeholder.find('span').text( instance.options.texts.placeholder );
 
−
            }
 
−
 
 
−
            // add search box
 
−
            if( instance.options.search ) {
 
−
                optionsList.before('<div class="ms-search"><input type="text" value="" placeholder="'+ instance.options.texts.search +'" /></div>');
 
−
 
 
−
                var search = optionsWrap.find('.ms-search input');
 
−
                search.on('keyup', function(){
 
−
                    // ignore keystrokes that don't make a difference
 
−
                    if( $(this).data('lastsearch') == $(this).val() ) {
 
−
                        return true;
 
−
                    }
 
−
 
 
−
                    // pause timeout
 
−
                    if( $(this).data('searchTimeout') ) {
 
−
                        clearTimeout( $(this).data('searchTimeout') );
 
−
                    }
 
−
 
 
−
                    var thisSearchElem = $(this);
 
−
 
 
−
                    $(this).data('searchTimeout', setTimeout(function(){
 
−
                        thisSearchElem.data('lastsearch', thisSearchElem.val() );
 
−
 
 
−
                        // USER CALLBACK
 
−
                        if( typeof instance.options.searchOptions.onSearch == 'function' ) {
 
−
                            instance.options.searchOptions.onSearch( instance.element );
 
−
                        }
 
−
 
 
−
                        // search non optgroup li's
 
−
                        var searchString = $.trim( search.val().toLowerCase() );
 
−
                        if( searchString ) {
 
−
                            optionsList.find('li[data-search-term*="'+ searchString +'"]:not(.optgroup)').removeClass('ms-hidden');
 
−
                            optionsList.find('li:not([data-search-term*="'+ searchString +'"], .optgroup)').addClass('ms-hidden');
 
−
                        }
 
−
                        else {
 
−
                            optionsList.find('.ms-hidden').removeClass('ms-hidden');
 
−
                        }
 
−
 
 
−
                        // show/hide optgroups based on if there are items visible within
 
−
                        if( !instance.options.searchOptions.showOptGroups ) {
 
−
                            optionsList.find('.optgroup').each(function(){
 
−
                                if( $(this).find('li:not(.ms-hidden)').length ) {
 
−
                                    $(this).show();
 
−
                                }
 
−
                                else {
 
−
                                    $(this).hide();
 
−
                                }
 
−
                            });
 
−
                        }
 
−
 
 
−
                        instance._updateSelectAllText();
 
−
                    }, instance.options.searchOptions.delay ));
 
−
                });
 
−
            }
 
−
 
 
−
            // add global select all options
 
−
            if( instance.options.selectAll ) {
 
−
                optionsList.before('<a href="#" class="ms-selectall global">' + instance.options.texts.selectAll + '</a>');
 
−
            }
 
−
 
 
−
            // handle select all option
 
−
            optionsWrap.on('click', '.ms-selectall', function( event ){
 
−
                event.preventDefault();
 
−
 
 
−
                instance.updateSelectAll  = false;
 
−
                instance.updatePlaceholder = false;
 
−
 
 
−
                var select = optionsWrap.parent().siblings('.ms-list-'+ instance.listNumber +'.jqmsLoaded');
 
−
 
 
−
                if( $(this).hasClass('global') ) {
 
−
                    // check if any options are not selected if so then select them
 
−
                    if( optionsList.find('li:not(.optgroup, .selected, .ms-hidden)').length ) {
 
−
                        // get unselected vals, mark as selected, return val list
 
−
                        optionsList.find('li:not(.optgroup, .selected, .ms-hidden)').addClass('selected');
 
−
                        optionsList.find('li.selected input[type="checkbox"]:not(:disabled)').prop( 'checked', true );
 
−
                    }
 
−
                    // deselect everything
 
−
                    else {
 
−
                        optionsList.find('li:not(.optgroup, .ms-hidden).selected').removeClass('selected');
 
−
                        optionsList.find('li:not(.optgroup, .ms-hidden, .selected) input[type="checkbox"]:not(:disabled)').prop( 'checked', false );
 
−
                    }
 
−
                }
 
−
                else if( $(this).closest('li').hasClass('optgroup') ) {
 
−
                    var optgroup = $(this).closest('li.optgroup');
 
−
 
 
−
                    // check if any selected if so then select them
 
−
                    if( optgroup.find('li:not(.selected, .ms-hidden)').length ) {
 
−
                        optgroup.find('li:not(.selected, .ms-hidden)').addClass('selected');
 
−
                        optgroup.find('li.selected input[type="checkbox"]:not(:disabled)').prop( 'checked', true );
 
−
                    }
 
−
                    // deselect everything
 
−
                    else {
 
−
                        optgroup.find('li:not(.ms-hidden).selected').removeClass('selected');
 
−
                        optgroup.find('li:not(.ms-hidden, .selected) input[type="checkbox"]:not(:disabled)').prop( 'checked', false );
 
−
                    }
 
−
                }
 
−
 
 
−
                var vals = [];
 
−
                optionsList.find('li.selected input[type="checkbox"]').each(function(){
 
−
                    vals.push( $(this).val() );
 
−
                });
 
−
                select.val( vals ).trigger('change');
 
−
 
 
−
                instance.updateSelectAll  = true;
 
−
                instance.updatePlaceholder = true;
 
−
 
 
−
                // USER CALLBACK
 
−
                if( typeof instance.options.onSelectAll == 'function' ) {
 
−
                    instance.options.onSelectAll( instance.element, vals.length );
 
−
                }
 
−
 
 
−
                instance._updateSelectAllText();
 
−
                instance._updatePlaceholderText();
 
−
            });
 
−
 
 
−
            // add options to wrapper
 
−
            var options = [];
 
−
            $(instance.element).children().each(function(){
 
−
                if( this.nodeName == 'OPTGROUP' ) {
 
−
                    var groupOptions = [];
 
−
 
 
−
                    $(this).children('option').each(function(){
 
−
                        var thisOptionAtts = {};
 
−
                        for( var i = 0; i < instance.options.optionAttributes.length; i++ ) {
 
−
                            var thisOptAttr = instance.options.optionAttributes[ i ];
 
−
 
 
−
                            if( $(this).attr( thisOptAttr ) !== undefined ) {
 
−
                                thisOptionAtts[ thisOptAttr ] = $(this).attr( thisOptAttr );
 
−
                            }
 
−
                        }
 
−
 
 
−
                        groupOptions.push({
 
−
                            name  : $(this).text(),
 
−
                            value  : $(this).val(),
 
−
                            checked: $(this).prop( 'selected' ),
 
−
                            attributes: thisOptionAtts
 
−
                        });
 
−
                    });
 
−
 
 
−
                    options.push({
 
−
                        label  : $(this).attr('label'),
 
−
                        options: groupOptions
 
−
                    });
 
−
                }
 
−
                else if( this.nodeName == 'OPTION' ) {
 
−
                    var thisOptionAtts = {};
 
−
                    for( var i = 0; i < instance.options.optionAttributes.length; i++ ) {
 
−
                        var thisOptAttr = instance.options.optionAttributes[ i ];
 
−
 
 
−
                        if( $(this).attr( thisOptAttr ) !== undefined ) {
 
−
                            thisOptionAtts[ thisOptAttr ] = $(this).attr( thisOptAttr );
 
−
                        }
 
−
                    }
 
−
 
 
−
                    options.push({
 
−
                        name      : $(this).text(),
 
−
                        value    : $(this).val(),
 
−
                        checked  : $(this).prop( 'selected' ),
 
−
                        attributes: thisOptionAtts
 
−
                    });
 
−
                }
 
−
                else {
 
−
                    // bad option
 
−
                    return true;
 
−
                }
 
−
            });
 
−
            instance.loadOptions( options, true, false );
 
−
 
 
−
            // BIND SELECT ACTION
 
−
            optionsWrap.on( 'click', 'input[type="checkbox"]', function(){
 
−
                $(this).closest( 'li' ).toggleClass( 'selected' );
 
−
 
 
−
                var select = optionsWrap.parent().siblings('.ms-list-'+ instance.listNumber +'.jqmsLoaded');
 
−
 
 
−
                // toggle clicked option
 
−
                select.find('option[value="'+ instance._escapeSelector( $(this).val() ) +'"]').prop(
 
−
                    'selected', $(this).is(':checked')
 
−
                ).closest('select').trigger('change');
 
−
 
 
−
                // USER CALLBACK
 
−
                if( typeof instance.options.onOptionClick == 'function' ) {
 
−
                    instance.options.onOptionClick(instance.element, this);
 
−
                }
 
−
 
 
−
                instance._updateSelectAllText();
 
−
                instance._updatePlaceholderText();
 
−
            });
 
−
 
 
−
            // BIND FOCUS EVENT
 
−
            optionsWrap.on('focusin', 'input[type="checkbox"]', function(){
 
−
                $(this).closest('label').addClass('focused');
 
−
            }).on('focusout', 'input[type="checkbox"]', function(){
 
−
                $(this).closest('label').removeClass('focused');
 
−
            });
 
−
 
 
−
            // USER CALLBACK
 
−
            if( typeof instance.options.onLoad === 'function' ) {
 
−
                instance.options.onLoad( instance.element );
 
−
            }
 
−
 
 
−
            // hide native select list
 
−
            $(instance.element).hide();
 
−
        },
 
−
 
 
−
        /* LOAD SELECT OPTIONS */
 
−
        loadOptions: function( options, overwrite, updateSelect ) {
 
−
            overwrite    = (typeof overwrite == 'boolean') ? overwrite : true;
 
−
            updateSelect = (typeof updateSelect == 'boolean') ? updateSelect : true;
 
−
 
 
−
            var instance    = this;
 
−
            var select      = $(instance.element);
 
−
            var optionsList = select.siblings('#ms-list-'+ instance.listNumber +'.ms-options-wrap').find('> .ms-options > ul');
 
−
            var optionsWrap = select.siblings('#ms-list-'+ instance.listNumber +'.ms-options-wrap').find('> .ms-options');
 
−
 
 
−
            if( overwrite ) {
 
−
                optionsList.find('> li').remove();
 
−
 
 
−
                if( updateSelect ) {
 
−
                    select.find('> *').remove();
 
−
                }
 
−
            }
 
−
 
 
−
            var containers = [];
 
−
            for( var key in options ) {
 
−
                // Prevent prototype methods injected into options from being iterated over.
 
−
                if( !options.hasOwnProperty( key ) ) {
 
−
                    continue;
 
−
                }
 
−
 
 
−
                var thisOption      = options[ key ];
 
−
                var container      = $('<li/>');
 
−
                var appendContainer = true;
 
−
 
 
−
                // OPTION
 
−
                if( thisOption.hasOwnProperty('value') ) {
 
−
                    if( instance.options.showCheckbox && instance.options.checkboxAutoFit ) {
 
−
                        container.addClass('ms-reflow');
 
−
                    }
 
−
 
 
−
                    // add option to ms dropdown
 
−
                    instance._addOption( container, thisOption );
 
−
 
 
−
                    if( updateSelect ) {
 
−
                        var selOption = $('<option/>', {
 
−
                            value: thisOption.value,
 
−
                            text : thisOption.name
 
−
                        });
 
−
 
 
−
                        // add custom user attributes
 
−
                        if( thisOption.hasOwnProperty('attributes') && Object.keys( thisOption.attributes ).length ) {
 
−
                            selOption.attr( thisOption.attributes );
 
−
                        }
 
−
 
 
−
                        // mark option as selected
 
−
                        if( thisOption.checked ) {
 
−
                            selOption.prop( 'selected', true );
 
−
                        }
 
−
 
 
−
                        select.append( selOption );
 
−
                    }
 
−
                }
 
−
                // OPTGROUP
 
−
                else if( thisOption.hasOwnProperty('options') ) {
 
−
                    var optGroup = $('<optgroup/>', {
 
−
                        label: thisOption.label
 
−
                    });
 
−
 
 
−
                    optionsList.find('> li.optgroup > span.label').each(function(){
 
−
                        if( $(this).text() == thisOption.label ) {
 
−
                            container      = $(this).closest('.optgroup');
 
−
                            appendContainer = false;
 
−
                        }
 
−
                    });
 
−
 
 
−
                    // prepare to append optgroup to select element
 
−
                    if( updateSelect ) {
 
−
                        if( select.find('optgroup[label="'+ thisOption.label +'"]').length ) {
 
−
                            optGroup = select.find('optgroup[label="'+ thisOption.label +'"]');
 
−
                        }
 
−
                        else {
 
−
                            select.append( optGroup );
 
−
                        }
 
−
                    }
 
−
 
 
−
                    // setup container
 
−
                    if( appendContainer ) {
 
−
                        container.addClass('optgroup');
 
−
                        container.append('<span class="label">'+ thisOption.label +'</span>');
 
−
                        container.find('> .label').css({
 
−
                            clear: 'both'
 
−
                        });
 
−
 
 
−
                        // add select all link
 
−
                        if( instance.options.selectGroup ) {
 
−
                            container.append('<a href="#" class="ms-selectall">' + instance.options.texts.selectAll + '</a>');
 
−
                        }
 
−
 
 
−
                        container.append('<ul/>');
 
−
                    }
 
−
 
 
−
                    for( var gKey in thisOption.options ) {
 
−
                        // Prevent prototype methods injected into options from
 
−
                        // being iterated over.
 
−
                        if( !thisOption.options.hasOwnProperty( gKey ) ) {
 
−
                            continue;
 
−
                        }
 
−
 
 
−
                        var thisGOption = thisOption.options[ gKey ];
 
−
                        var gContainer  = $('<li/>');
 
−
                        if( instance.options.showCheckbox && instance.options.checkboxAutoFit ) {
 
−
                            gContainer.addClass('ms-reflow');
 
−
                        }
 
−
 
 
−
                        // no clue what this is we hit (skip)
 
−
                        if( !thisGOption.hasOwnProperty('value') ) {
 
−
                            continue;
 
−
                        }
 
−
 
 
−
                        instance._addOption( gContainer, thisGOption );
 
−
 
 
−
                        container.find('> ul').append( gContainer );
 
−
 
 
−
                        // add option to optgroup in select element
 
−
                        if( updateSelect ) {
 
−
                            var selOption = $('<option/>', {
 
−
                                value: thisGOption.value,
 
−
                                text : thisGOption.name
 
−
                            });
 
−
 
 
−
                            // add custom user attributes
 
−
                            if( thisGOption.hasOwnProperty('attributes') && Object.keys( thisGOption.attributes ).length ) {
 
−
                                selOption.attr( thisGOption.attributes );
 
−
                            }
 
−
 
 
−
                            // mark option as selected
 
−
                            if( thisGOption.checked ) {
 
−
                                selOption.prop( 'selected', true );
 
−
                            }
 
−
 
 
−
                            optGroup.append( selOption );
 
−
                        }
 
−
                    }
 
−
                }
 
−
                else {
 
−
                    // no clue what this is we hit (skip)
 
−
                    continue;
 
−
                }
 
−
 
 
−
                if( appendContainer ) {
 
−
                    containers.push( container );
 
−
                }
 
−
            }
 
−
            optionsList.append( containers );
 
−
 
 
−
            // pad out label for room for the checkbox
 
−
            if( instance.options.checkboxAutoFit && instance.options.showCheckbox && !optionsWrap.hasClass('hide-checkbox') ) {
 
−
                var chkbx = optionsList.find('.ms-reflow:eq(0) input[type="checkbox"]');
 
−
                if( chkbx.length ) {
 
−
                    var checkboxWidth = chkbx.outerWidth();
 
−
                        checkboxWidth = checkboxWidth ? checkboxWidth : 15;
 
−
 
 
−
                    optionsList.find('.ms-reflow label').css(
 
−
                        'padding-left',
 
−
                        (parseInt( chkbx.closest('label').css('padding-left') ) * 2) + checkboxWidth
 
−
                    );
 
−
 
 
−
                    optionsList.find('.ms-reflow').removeClass('ms-reflow');
 
−
                }
 
−
            }
 
−
 
 
−
            // update placeholder text
 
−
            instance._updatePlaceholderText();
 
−
 
 
−
            // RESET COLUMN STYLES
 
−
            optionsWrap.find('ul').css({
 
−
                'column-count'        : '',
 
−
                'column-gap'          : '',
 
−
                '-webkit-column-count': '',
 
−
                '-webkit-column-gap'  : '',
 
−
                '-moz-column-count'  : '',
 
−
                '-moz-column-gap'    : ''
 
−
            });
 
−
 
 
−
            // COLUMNIZE
 
−
            if( select.find('optgroup').length ) {
 
−
                // float non grouped options
 
−
                optionsList.find('> li:not(.optgroup)').css({
 
−
                    'float': 'left',
 
−
                    width: (100 / instance.options.columns) +'%'
 
−
                });
 
−
 
 
−
                // add CSS3 column styles
 
−
                optionsList.find('li.optgroup').css({
 
−
                    clear: 'both'
 
−
                }).find('> ul').css({
 
−
                    'column-count'        : instance.options.columns,
 
−
                    'column-gap'          : 0,
 
−
                    '-webkit-column-count': instance.options.columns,
 
−
                    '-webkit-column-gap'  : 0,
 
−
                    '-moz-column-count'  : instance.options.columns,
 
−
                    '-moz-column-gap'    : 0
 
−
                });
 
−
 
 
−
                // for crappy IE versions float grouped options
 
−
                if( this._ieVersion() && (this._ieVersion() < 10) ) {
 
−
                    optionsList.find('li.optgroup > ul > li').css({
 
−
                        'float': 'left',
 
−
                        width: (100 / instance.options.columns) +'%'
 
−
                    });
 
−
                }
 
−
            }
 
−
            else {
 
−
                // add CSS3 column styles
 
−
                optionsList.css({
 
−
                    'column-count'        : instance.options.columns,
 
−
                    'column-gap'          : 0,
 
−
                    '-webkit-column-count': instance.options.columns,
 
−
                    '-webkit-column-gap'  : 0,
 
−
                    '-moz-column-count'  : instance.options.columns,
 
−
                    '-moz-column-gap'    : 0
 
−
                });
 
−
 
 
−
                // for crappy IE versions float grouped options
 
−
                if( this._ieVersion() && (this._ieVersion() < 10) ) {
 
−
                    optionsList.find('> li').css({
 
−
                        'float': 'left',
 
−
                        width: (100 / instance.options.columns) +'%'
 
−
                    });
 
−
                }
 
−
            }
 
−
 
 
−
            // update un/select all logic
 
−
            instance._updateSelectAllText();
 
−
        },
 
−
 
 
−
        /* UPDATE MULTISELECT CONFIG OPTIONS */
 
−
        settings: function( options ) {
 
−
            this.options = $.extend( true, {}, this.options, options );
 
−
            this.reload();
 
−
        },
 
−
 
 
−
        /* RESET THE DOM */
 
−
        unload: function() {
 
−
            $(this.element).siblings('#ms-list-'+ this.listNumber +'.ms-options-wrap').remove();
 
−
            $(this.element).show(function(){
 
−
                $(this).css('display','').removeClass('jqmsLoaded');
 
−
            });
 
−
        },
 
−
 
 
−
        /* RELOAD JQ MULTISELECT LIST */
 
−
        reload: function() {
 
−
            // remove existing options
 
−
            $(this.element).siblings('#ms-list-'+ this.listNumber +'.ms-options-wrap').remove();
 
−
            $(this.element).removeClass('jqmsLoaded');
 
−
 
 
−
            // load element
 
−
            this.load();
 
−
        },
 
−
 
 
−
        // RESET BACK TO DEFAULT VALUES & RELOAD
 
−
        reset: function() {
 
−
            var defaultVals = [];
 
−
            $(this.element).find('option').each(function(){
 
−
                if( $(this).prop('defaultSelected') ) {
 
−
                    defaultVals.push( $(this).val() );
 
−
                }
 
−
            });
 
−
 
 
−
            $(this.element).val( defaultVals );
 
−
 
 
−
            this.reload();
 
−
        },
 
−
 
 
−
        disable: function( status ) {
 
−
            status = (typeof status === 'boolean') ? status : true;
 
−
            $(this.element).prop( 'disabled', status );
 
−
            $(this.element).siblings('#ms-list-'+ this.listNumber +'.ms-options-wrap').find('button:first-child')
 
−
                .prop( 'disabled', status );
 
−
        },
 
−
 
 
−
        /** PRIVATE FUNCTIONS **/
 
−
        // update the un/select all texts based on selected options and visibility
 
−
        _updateSelectAllText: function(){
 
−
            if( !this.updateSelectAll ) {
 
−
                return;
 
−
            }
 
−
 
 
−
            var instance = this;
 
−
 
 
−
            // select all not used at all so just do nothing
 
−
            if( !instance.options.selectAll && !instance.options.selectGroup ) {
 
−
                return;
 
−
            }
 
−
 
 
−
            var optionsWrap = $(instance.element).siblings('#ms-list-'+ instance.listNumber +'.ms-options-wrap').find('> .ms-options');
 
−
 
 
−
            // update un/select all text
 
−
            optionsWrap.find('.ms-selectall').each(function(){
 
−
                var unselected = $(this).parent().find('li:not(.optgroup,.selected,.ms-hidden)');
 
−
 
 
−
                $(this).text(
 
−
                    unselected.length ? instance.options.texts.selectAll : instance.options.texts.unselectAll
 
−
                );
 
−
            });
 
−
        },
 
−
 
 
−
        // update selected placeholder text
 
−
        _updatePlaceholderText: function(){
 
−
            if( !this.updatePlaceholder ) {
 
−
                return;
 
−
            }
 
−
 
 
−
            var instance      = this;
 
−
            var select        = $(instance.element);
 
−
            var selectVals    = select.val() ? select.val() : [];
 
−
            var placeholder    = select.siblings('#ms-list-'+ instance.listNumber +'.ms-options-wrap').find('> button:first-child');
 
−
            var placeholderTxt = placeholder.find('span');
 
−
            var optionsWrap    = select.siblings('#ms-list-'+ instance.listNumber +'.ms-options-wrap').find('> .ms-options');
 
−
 
 
−
            // if there are disabled options get those values as well
 
−
            if( select.find('option:selected:disabled').length ) {
 
−
                selectVals = [];
 
−
                select.find('option:selected').each(function(){
 
−
                    selectVals.push( $(this).val() );
 
−
                });
 
−
            }
 
−
 
 
−
            // get selected options
 
−
            var selOpts = [];
 
−
            for( var key in selectVals ) {
 
−
                // Prevent prototype methods injected into options from being iterated over.
 
−
                if( !selectVals.hasOwnProperty( key ) ) {
 
−
                    continue;
 
−
                }
 
−
 
 
−
                selOpts.push(
 
−
                    $.trim( select.find('option[value="'+ instance._escapeSelector( selectVals[ key ] ) +'"]').text() )
 
−
                );
 
−
 
 
−
                if( selOpts.length >= instance.options.maxPlaceholderOpts ) {
 
−
                    break;
 
−
                }
 
−
            }
 
−
 
 
−
            // UPDATE PLACEHOLDER TEXT WITH OPTIONS SELECTED
 
−
            placeholderTxt.text( selOpts.join( ', ' ) );
 
−
 
 
−
            if( selOpts.length ) {
 
−
                optionsWrap.closest('.ms-options-wrap').addClass('ms-has-selections');
 
−
 
 
−
                // USER CALLBACK
 
−
                if( typeof instance.options.onPlaceholder == 'function' ) {
 
−
                    instance.options.onPlaceholder( instance.element, placeholderTxt, selOpts );
 
−
                }
 
−
            }
 
−
            else {
 
−
                optionsWrap.closest('.ms-options-wrap').removeClass('ms-has-selections');
 
−
            }
 
−
 
 
−
            // replace placeholder text
 
−
            if( !selOpts.length ) {
 
−
                placeholderTxt.text( instance.options.texts.placeholder );
 
−
            }
 
−
            // if copy is larger than button width use "# selected"
 
−
            else if( (placeholderTxt.width() > placeholder.width()) || (selOpts.length != selectVals.length) ) {
 
−
                placeholderTxt.text( selectVals.length + instance.options.texts.selectedOptions );
 
−
            }
 
−
        },
 
−
 
 
−
        // Add option to the custom dom list
 
−
        _addOption: function( container, option ) {
 
−
            var instance = this;
 
−
            var optionNameText = $('<div/>').html( option.name ).text();
 
−
 
 
−
            var thisOption = $('<label/>', {
 
−
                for : 'ms-opt-'+ msOptCounter
 
−
            }).html( option.name );
 
−
 
 
−
            var thisCheckbox = $('<input>', {
 
−
                type : 'checkbox',
 
−
                title: optionNameText,
 
−
                id  : 'ms-opt-'+ msOptCounter,
 
−
                value: option.value
 
−
            });
 
−
 
 
−
            // add user defined attributes
 
−
            if( option.hasOwnProperty('attributes') && Object.keys( option.attributes ).length ) {
 
−
                thisCheckbox.attr( option.attributes );
 
−
            }
 
−
 
 
−
            if( option.checked ) {
 
−
                container.addClass('default selected');
 
−
                thisCheckbox.prop( 'checked', true );
 
−
            }
 
−
 
 
−
            thisOption.prepend( thisCheckbox );
 
−
 
 
−
            var searchTerm = '';
 
−
            if( instance.options.searchOptions.searchText ) {
 
−
                searchTerm += ' ' + optionNameText.toLowerCase();
 
−
            }
 
−
            if( instance.options.searchOptions.searchValue ) {
 
−
                searchTerm += ' ' + option.value.toLowerCase();
 
−
            }
 
−
 
 
−
            container.attr( 'data-search-term', $.trim( searchTerm ) ).prepend( thisOption );
 
−
 
 
−
            msOptCounter = msOptCounter + 1;
 
−
        },
 
−
 
 
−
        // check ie version
 
−
        _ieVersion: function() {
 
−
            var myNav = navigator.userAgent.toLowerCase();
 
−
            return (myNav.indexOf('msie') != -1) ? parseInt(myNav.split('msie')[1]) : false;
 
−
        },
 
  
−
        // escape selector
+
$ci('.ci_form textarea').autosize();
−
        _escapeSelector: function( string ) {
 
−
            if( typeof $.escapeSelector == 'function' ) {
 
−
                return $.escapeSelector( string );
 
−
            }
 
−
            else {
 
−
                return string.replace(/[!"#$%&'()*+,.\/:;<=>?@[\\\]^`{|}~]/g, "\\$&");
 
−
            }
 
−
        }
 
−
    };
 
  
−
    // ENABLE JQUERY PLUGIN FUNCTION
 
−
    $.fn.multiselect = function( options ){
 
−
        if( !this.length ) {
 
−
            return;
 
−
        }
 
  
−
        var args = arguments;
+
if("</html>{{PAGENAME}}<html>" == "FormEdit/Teacher") {
−
        var ret;
+
$ci('#picture_section').hide();
 +
}
  
−
        // menuize each list
 
−
        if( (options === undefined) || (typeof options === 'object') ) {
 
−
            return this.each(function(){
 
−
                if( !$.data( this, 'plugin_multiselect' ) ) {
 
−
                    $.data( this, 'plugin_multiselect', new MultiSelect( this, options ) );
 
−
                }
 
−
            });
 
−
        } else if( (typeof options === 'string') && (options[0] !== '_') && (options !== 'init') ) {
 
−
            this.each(function(){
 
−
                var instance = $.data( this, 'plugin_multiselect' );
 
  
−
                if( instance instanceof MultiSelect && typeof instance[ options ] === 'function' ) {
 
−
                    ret = instance[ options ].apply( instance, Array.prototype.slice.call( args, 1 ) );
 
−
                }
 
  
−
                // special destruct handler
+
$ci('form').submit(function() {
−
                if( options === 'unload' ) {
+
// ***attention !!!
−
                    $.data( this, 'plugin_multiselect', null );
+
// otherwise pageforms will not retrieve it!
−
                }
+
$ci('input').removeAttr('disabled');
−
            });
+
return true;
 +
});
  
−
            return ret;
 
−
        }
 
−
    };
 
−
}(jQuery));
 
−
$(function(){
 
−
$('#select_languages').multiselect();
 
−
$('#select_countries option:contains("</html>{{#ci_visitorCountry:}}<html>")').prop('selected',true);
 
  
−
$('.ci_form textarea').autosize();
 
  
 
});
 
});

Latest revision as of 04:58, 4 September 2020

This form is intended to create teachers 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 contains a field "picture" available only once the page is created, by which to upload a professional picture of this teacher


The form will be created in the current page (). If you want to create the form in a new page, go here.


First Name
Last Name
Curriculum
Picture
Mother tongue
Taught languages
Spoken languages
In charge from - to
Leave the select on the right empty if currently in charge

Retrieved from "https://www.culturaitaliana.org/w/index.php?title=Form:Teacher_html&oldid=6865"