Language course html

From Redazione
Jump to navigation Jump to search
 
(45 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).
  
−
{{#ifeq: {{PAGENAME}} | FormEdit/Language course |
+
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 path
 
−
<span style="background-color:#f5f5f5;color:blue">
 
−
{{#ci_userAffiliatedTo:}}/Language courses/[Title] [Academic year] [Level]
 
−
</span>
 
  
−
| Warning, the form will be created in the current page ({{PAGENAME}}).
 
−
If you want create the form in a new page, [[Special:FormEdit/Language course|go here]] }}
 
  
 +
{{Form_header|form=Language course }}
  
  
 
<html>
 
<html>
 +
 
<div class="ci_form_container">
 
<div class="ci_form_container">
  
Line 25: 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 164: 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 187: 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 197: 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 216: Line 200:
 
<select id="select_teachers" multiple class="ci_form_input" name="Form language course[Teachers][]">
 
<select id="select_teachers" multiple class="ci_form_input" name="Form language course[Teachers][]">
 
</html>
 
</html>
−
{{#ci_noparse_isHTML:
+
{{#arraydefine:myarray|{{#ask:
−
{{#replace:
 
−
{{#arraymap:
 
−
{{#ask:
 
 
[[~{{#ci_userAffiliatedTo:}}*]] [[Category:Teachers]]
 
[[~{{#ci_userAffiliatedTo:}}*]] [[Category:Teachers]]
 
|?Teacher first name=
 
|?Teacher first name=
Line 226: Line 207:
 
|format=array
 
|format=array
 
|sep=##
 
|sep=##
−
}}
+
}}|##|sort=asc, unique}}
 +
 
 +
 
 +
{{#ci_noparse_isHTML:
 +
{{#replace:
 +
{{#arraymap:
 +
{{#arrayprint:myarray|##}}
 
|##|x|<option>x</option>|}}
 
|##|x|<option>x</option>|}}
 
|<PROP>|<nowiki/> <nowiki/>}}
 
|<PROP>|<nowiki/> <nowiki/>}}
Line 236: Line 223:
  
 
<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 257: 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 Email-------------------------->
 
<!--------------------------CONTACT Email-------------------------->
Line 285: Line 274:
  
 
</div>
 
</div>
 +
  
 
<!--------------------------CONTACT (phone)-------------------------->
 
<!--------------------------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 329: Line 335:
 
*/
 
*/
  
−
  var teachers = [
+
  var teachers = [</html>{{#replace:
−
</html>
 
−
{{#replace:
 
 
{{#arraymap:
 
{{#arraymap:
 
{{#ask:
 
{{#ask:
Line 343: Line 347:
 
|##|x|'x'|,}}
 
|##|x|'x'|,}}
 
|<PROP>|<nowiki/> <nowiki/>}}
 
|<PROP>|<nowiki/> <nowiki/>}}
−
<html>
+
<html>];
−
];
 
  
 
var dropdown = $ci("#select_teachers");
 
var dropdown = $ci("#select_teachers");
Line 355: Line 358:
  
 
$ci('.ci_form textarea').autosize();
 
$ci('.ci_form textarea').autosize();
 +
 +
var input = document.querySelector("#phone");
 +
 +
var iti = window.intlTelInput(input, {
 +
initialCountry: "</html>{{#ci_visitorIsoCode:}}<html>",
 +
utilsScript: '/w/ci_scripts/intl-tel-input/js/utils.js',
 +
nationalMode: false,
 +
separateDialCode: true,
 +
});
 +
 +
var val_ = $ci('#phone_input').val();
 +
 +
if(val_) {
 +
iti.setNumber(val_);
 +
}
  
  
Line 360: Line 378:
  
 
$ci('form').submit(function() {
 
$ci('form').submit(function() {
 +
 
  // ***attention !!!
 
  // ***attention !!!
 
  // otherwise pageforms will not retrieve it!
 
  // otherwise pageforms will not retrieve it!
 
  $ci('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"