|
|
| (35 intermediate revisions by 3 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> </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> | | <script> |
| − | </style>
| + | $ci(function(){ |
| − | .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>
| |
| − | | |
| − | /**
| |
| − | * 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
| + | $ci('select[multiple]').multiselect({search: true}); |
| − | _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[multiple]').multiselect();
| |
| − | $('#select_countries option:contains("</html>{{#ci_visitorCountry:}}<html>")').prop('selected',true);
| |
| | | | |
| − | $('.ci_form textarea').autosize();
| |
| | | | |
| | }); | | }); |
