Language course html

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

Latest revision as of 21:28, 7 December 2020

This form is intended to create language courses of a given organization or to characterize as such whatever page of it (not containing already a form).

Once the key-data are created, insert the abstract of the course editing the page using the buttons "Edit" or "Edit source" in the top panel.


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


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

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