Opportunity html

From Redazione
Jump to navigation Jump to search
 
(146 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
This is a form to create opportunities and calls regarding
 +
internships, scholarships, EVS/ESC voluntary projects and
 +
any other opportunity.
 +
It can be used by any authorized person of a center of
 +
Italian language and culture and the opportunity created
 +
will be published both [[Opportunities|on this page]]
 +
and on the [https://culturaitaliana.org/ front-end part of this project] (in construction at {{#time: F Y}}), in a more interactive way.
 +
 +
The authors of the content (as affiliated to a given organization) will be mentioned at the end of the notice of the opportunity so that they can get
 +
an advantage (in terms of visits to their page) from their contribution.
 +
Also, once the form is created, any other content not foreseen by the form
 +
can be inserted in the page itself, so just keep the information in the
 +
form as short as possible!
 +
<!--
 +
This is a form to create opportunity and calls regarding
 +
internships, scholarships, EVS/ESC voluntary projects and
 +
other opportunities.
 +
It can be used by any authorized person of a center of
 +
Italian language and culture and the opportunity produced
 +
will be published both [[Calls_and_scholarships|on this page]]
 +
and on the [https://culturaitaliana.org/ front-end part of this project] (in construction at March 2020), in more interactive and modern way.
 +
The authors of the content will be mentioned at the end of the opportunity
 +
(as well as affiliated to a given organization) so that they can get
 +
an advantage (in terms of visits to their page) for their contribution.
 +
Also, in general our model is the following: the forms just allow the
 +
creation of semantic data (in order to ensure interoperability among
 +
systems accessing such data) while, once the page/item is created,
 +
the page is completely editable (as a wiki) and can be completed
 +
with any relevant information: and of course it can exported to
 +
third-party systems as well.
 +
-->
 +
 +
 +
{{CI notice box |
 +
{{#ifeq: {{PAGENAME}} | FormEdit/Opportunity |
 +
The form will be created in the path
 +
{{CI text highlight| Opportunities/[Provider] - [Title] }}
 +
| Attention, this form is meant to be created at a fixed path. Please create it [[Special:FormEdit/Opportunity|from here]].
 +
}}
 +
}}
 +
  
 
<html>
 
<html>
−
<div class="ci_form_container" style="max-width:500px;background:;border:0px solid #ccc;box-shadow: #ccc 2px 2px 4px 4px">
 
  
−
<form 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">
  
 
<!--
 
<!--
  
−
announcement_type
+
opportunity_type
−
announcement_title
+
opportunity_title
−
announcement_provider
+
opportunity_provider
−
announcement_description
+
opportunity_description
−
announcement_target_country
+
opportunity_target_country
−
announcement_funding_information
+
opportunity_funding_information
−
announcement_requisites
+
opportunity_requisites
−
announcement_url
+
opportunity_url
−
announcement_deadline
+
opportunity_deadline
  
 
-->
 
-->
Line 27: Line 74:
 
</span>
 
</span>
  
−
<select class="ci_form_input" name="Form announcement[Type]">
+
<select class="ci_form_input" name="Form opportunity[Type]">
 
<option></option>
 
<option></option>
−
<option>Scholarship</option>
+
<option >Scholarship</option>
 
<option>Internship</option>
 
<option>Internship</option>
−
<option>European voluntary service (EVS/ESC)</option>
+
<option>Public procurement</option>
−
<option>Other</option>
+
<option>Call for proposals</option>
 +
<option >Employment</option>
 +
<option>European voluntary service (EVS/ESC)/option>
 +
<option >Study course</option>
 
</select>
 
</select>
  
Line 47: Line 97:
 
</span>
 
</span>
  
−
<input class="ci_form_input" type="text" placeholder="" name="Form announcement[Title]" value="">
+
<input class="ci_form_input" type="text" placeholder="" name="Form opportunity[Title]" value="">
  
 
<span class="ci_form_section_help">
 
<span class="ci_form_section_help">
−
The title of the announcement for publishing.
+
The title of the opportunity for publishing
 
</span>
 
</span>
  
Line 63: Line 113:
 
</span>
 
</span>
  
−
<input class="ci_form_input" type="text" placeholder="" name="Form announcement[Provider]" value="">
+
<input class="ci_form_input" type="text" placeholder="" name="Form opportunity[Provider]" value="">
  
 
<span class="ci_form_section_help">
 
<span class="ci_form_section_help">
Line 79: Line 129:
 
</span>
 
</span>
  
−
<textarea name="Form announcement[Description]" class="form_announcement_input" style="width:100%" rows="3">
+
<textarea name="Form opportunity[Description]" class="ci_form_input" style="width:100%" rows="3">
 
</textarea>
 
</textarea>
  
 
<span class="ci_form_section_help">
 
<span class="ci_form_section_help">
 +
Briefly describe the position and tasks
 
</span>
 
</span>
  
Line 88: Line 139:
  
  
−
<!--------------------------TARGET COUNTRY-------------------------->
+
<!--------------------------COUNTRY-------------------------->
  
 
<div class="ci_form_section">
 
<div class="ci_form_section">
 
<span class="ci_form_section_label">
 
<span class="ci_form_section_label">
−
Target country
+
Workplace country
 
</span>
 
</span>
  
  
−
<select id="select_countries" class="ci_form_input" name="Form announcement[Target country]">
+
<select id="select_countries" class="ci_form_input" name="Form opportunity[Workplace country]">
 
<option></option>
 
<option></option>
 +
 
<option>Afghanistan</option>
 
<option>Afghanistan</option>
 
<option>Albania</option>
 
<option>Albania</option>
Line 326: Line 378:
 
</select>
 
</select>
  
 +
<span class="ci_form_section_help">
 +
Leave empty if it's a remote job
 +
</span>
 +
 +
</div>
 +
 +
<!--------------------------CITY -------------------------->
 +
<div class="ci_form_section">
 +
<span class="ci_form_section_label">
 +
Workplace city
 +
</span>
 +
 +
<input class="ci_form_input" type="text" placeholder="" name="Form opportunity[Workplace city]" value="">
 +
 +
<span class="ci_form_section_help">
 +
Leave empty if it's a remote job
 +
</span>
 +
 +
</div>
  
 +
 +
 +
<!--------------------------TARGET COUNTRY-------------------------->
 +
 +
<div class="ci_form_section">
 +
<span class="ci_form_section_label">
 +
Target countries
 +
</span>
 +
 +
<input type="hidden" value="1" name="Form opportunity[Target countries][is_list]">
 +
 +
<select multiple id="select_countries" class="ci_form_input" name="Form opportunity[Target countries][]">
 +
 +
<option>all countries</option>
 +
<option>EU countries</option>
 +
<option>EFTA countries</option>
 +
<option>other EU Countries</option>
 +
<option>EU Candidate countries</option>
 +
<option>EU Potential Candidate</option>
 +
<option>Schengen area countries</option>
 +
<option>ACP countries</option>
 +
<option>OCTA countries</option>
 +
 +
</select>
  
  
 
<span class="ci_form_section_help">
 
<span class="ci_form_section_help">
−
To citizens of what country this announcement is addressed?
+
To citizens of what countries is addressed this opportunity? Here is a </html>[[countries list|list of countries]]<html> for each group
 
</span>
 
</span>
 +
 +
<!--
 +
<div style="margin:8px 0">
 +
 +
<input class="target_country_group_button unselected" data="eu_countries" type="button" value = "Eu Countries"/>
 +
<input class="target_country_group_button unselected" data="efta_countries" type="button" value = "EFTA Countries"/>
 +
<input class="target_country_group_button unselected" data="other_eu_countries" type="button" value = "Other European Countries"/>
 +
<input class="target_country_group_button unselected" data="EU_candidate_countries" type="button" value = "EU candidate countries"/>
 +
<input class="target_country_group_button unselected" data="EU_potential_candidate_countries" type="button" value = "EU potential candidates countries"/>
 +
<input class="target_country_group_button unselected" data="Schengen_area_countries" type="button" value = "Countries in Schengen area"/>
 +
<input class="target_country_group_button unselected" data="ACP_countries" type="button" value = "African, Caribbean, and Pacific (ACP) Group of States"/>
 +
<input class="target_country_group_button unselected" data="OCTA_countries" type="button" value = "Overseas Countries and Territories Association"/>
  
 +
</div>
 +
-->
 
</div>
 
</div>
 +
  
  
Line 340: Line 450:
 
<div class="ci_form_section">
 
<div class="ci_form_section">
 
<span class="ci_form_section_label">
 
<span class="ci_form_section_label">
−
Funding information
+
Funding or salary
 
</span>
 
</span>
  
−
<textarea name="Form announcement[Funding information]" class="form_announcement_input" style="width:100%" rows="3">
+
<textarea name="Form opportunity[Funding or salary]" class="ci_form_input" style="width:100%" rows="3">
 
</textarea>
 
</textarea>
  
 
<span class="ci_form_section_help">
 
<span class="ci_form_section_help">
−
Please enter the funding related to this announcement, indicating overall amount, currency, conditions, and any related information.
+
Enter the funding or salary provided by this opportunity
 
</span>
 
</span>
  
Line 360: Line 470:
 
</span>
 
</span>
  
−
<textarea name="Form announcement[Requisites]" class="form_announcement_input" style="width:100%" rows="3">
+
<textarea name="Form opportunity[Requisites]" class="ci_form_input" style="width:100%" rows="3">
 
</textarea>
 
</textarea>
  
 
<span class="ci_form_section_help">
 
<span class="ci_form_section_help">
−
Please enter who can access this opportunity and the requisites.
+
Please list the requisites to access this opportunity  
 
</span>
 
</span>
  
Line 377: Line 487:
 
</span>
 
</span>
  
−
<input class="ci_form_input" type="text" placeholder="" name="Form announcement[URL]" value="">
+
<input class="ci_form_input" type="text" placeholder="" name="Form opportunity[Url]" value="">
  
 
<span class="ci_form_section_help">
 
<span class="ci_form_section_help">
Line 396: Line 506:
  
 
<table><tr><td>
 
<table><tr><td>
−
<select class="cultura_italiana_form_input" name="Form announcement[deadline][day]">
+
<select class="ci_form_input" name="Form opportunity[Deadline][day]">
 
<option></option>
 
<option></option>
 
<option>1</option>
 
<option>1</option>
Line 433: Line 543:
 
</td><td>
 
</td><td>
  
−
<select class="cultura_italiana_form_input" name="Form announcement[deadline][month]">
+
<select class="ci_form_input" name="Form opportunity[Deadline][month]">
 
<option></option>
 
<option></option>
 
<option value="1">January</option>
 
<option value="1">January</option>
Line 450: Line 560:
 
</td><td>
 
</td><td>
  
−
<select class="cultura_italiana_form_input" name="Form announcement[deadline][year]">
+
<select class="ci_form_input" name="Form opportunity[Deadline][year]">
 
<option></option>
 
<option></option>
 
<option>2020</option>
 
<option>2020</option>
Line 457: Line 567:
 
</td></tr></table>
 
</td></tr></table>
  
 +
 +
<div>
 +
<div class="checkbox-container">
 +
 +
        <label class="checkbox-label">
 +
<input type="hidden" value="true" name="Form opportunity[Deadline as soon as possible][is_checkbox]" >
 +
            <input type="checkbox" name="Form opportunity[Deadline as soon as possible][value]">
 +
            <span class="checkbox-custom rectangular" data="checkbox_input"></span>
 +
        </label>
 +
       
 +
<span class="checkbox-title">As soon as possible</span>
 +
</div> 
 +
 +
 +
<style>
 +
 +
.target_country_group_button {
 +
  background: #ededed;
 +
  border: 1px solid #ccc;
 +
  padding: 10px 12px;
 +
  border-radius: 3px;
 +
  cursor: pointer;
 +
margin: 2px;
 +
}
 +
 +
.target_country_group_button.selected {
 +
background: #e5e5e5;
 +
  -webkit-box-shadow: inset 0px 0px 5px #c1c1c1;
 +
    -moz-box-shadow: inset 0px 0px 5px #c1c1c1;
 +
          box-shadow: inset 0px 0px 5px #c1c1c1;
 +
  outline: none;
 +
}
 +
 +
.checkbox-container {
 +
display: table;
 +
margin: 8px 0;
 +
}
 +
 +
.checkbox-title {
 +
display: table-cell;
 +
vertical-align: middle;
 +
}
 +
 +
/* Styling Checkbox Starts */
 +
.checkbox-label {
 +
    display: inline-block;
 +
    position: relative;
 +
    margin: auto;
 +
    cursor: pointer;
 +
    font-size: 22px;
 +
    line-height: 24px;
 +
    height: 24px;
 +
    width: 24px;
 +
    clear: both;
 +
    margin-left: 4px;
 +
    margin-right: 8px;
 +
}
 +
 +
.checkbox-label input {
 +
    position: absolute;
 +
    opacity: 0;
 +
    cursor: pointer;
 +
}
 +
 +
.checkbox-label .checkbox-custom {
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 0px;
 +
    height: 24px;
 +
    width: 24px;
 +
    background-color: transparent;
 +
    border-radius: 5px;
 +
   
 +
    border: 1px solid #ccc;
 +
}
 +
 +
 +
.checkbox-label input:checked ~ .checkbox-custom {
 +
    background-color: #FFFFFF;
 +
    border-radius: 5px;
 +
    -webkit-transform: rotate(0deg) scale(1);
 +
    -ms-transform: rotate(0deg) scale(1);
 +
    transform: rotate(0deg) scale(1);
 +
    opacity:1;
 +
    border: 1px solid #ccc;
 +
}
 +
 +
 +
.checkbox-label .checkbox-custom::after {
 +
    position: absolute;
 +
    content: "";
 +
    left: 12px;
 +
    top: 12px;
 +
    height: 0px;
 +
    width: 0px;
 +
    border-radius: 5px;
 +
    border: solid #009BFF;
 +
    border-width: 0 3px 3px 0;
 +
    -webkit-transform: rotate(0deg) scale(0);
 +
    -ms-transform: rotate(0deg) scale(0);
 +
    transform: rotate(0deg) scale(0);
 +
    opacity:1;
 +
 
 +
}
 +
 +
 +
.checkbox-label input:checked ~ .checkbox-custom::after {
 +
  -webkit-transform: rotate(45deg) scale(1);
 +
  -ms-transform: rotate(45deg) scale(1);
 +
  transform: rotate(45deg) scale(1);
 +
  opacity:1;
 +
  left: 8px;
 +
  top: 3px;
 +
  width: 6px;
 +
  height: 12px;
 +
  border: solid #009BFF;
 +
  border-width: 0 2px 2px 0;
 +
  background-color: transparent;
 +
  border-radius: 0;
 +
}
 +
 +
 +
 +
/* For Ripple Effect */
 +
.checkbox-label .checkbox-custom::before {
 +
    position: absolute;
 +
    content: "";
 +
    left: 10px;
 +
    top: 10px;
 +
    width: 0px;
 +
    height: 0px;
 +
    border-radius: 5px;
 +
    border: 2px solid #FFFFFF;
 +
    -webkit-transform: scale(0);
 +
    -ms-transform: scale(0);
 +
    transform: scale(0);   
 +
}
 +
 +
.checkbox-label input:checked ~ .checkbox-custom::before {
 +
    left: -3px;
 +
    top: -3px;
 +
    width: 24px;
 +
    height: 24px;
 +
    border-radius: 5px;
 +
    -webkit-transform: scale(3);
 +
    -ms-transform: scale(3);
 +
    transform: scale(3);
 +
    opacity:0;
 +
    z-index: 999;
 +
 
 +
}
 +
 +
 +
</style>
  
 
<span class="ci_form_section_help">
 
<span class="ci_form_section_help">
 +
If "as soon as possible" is checked please enter the final date of validity of the opportunity as &ldquo;deadline&rdquo;.
 
</span>
 
</span>
  
Line 474: Line 739:
  
  
 +
</div>
 
</form>
 
</form>
 
</div>
 
</div>
Line 481: Line 747:
  
  
−
$(function(){
 
  
−
$('#select_countries option:contains("</html>{{#ci_visitorCountry:}}<html>")').prop('selected',true);
+
var country_groups = {
 +
'eu_countries': ['Austria','Belgium','Bulgaria','Croatia','Cyprus','Czech Republic','Denmark','Estonia','Finland','France','Germany','Greece','Hungary','Ireland','Italy','Latvia','Lithuania','Luxembourg','Malta','Netherlands','Poland','Portugal','Romania','Slovakia','Slovenia','Spain','Sweden'],
 +
'efta_countries': ['Iceland','Switzerland','Liechtenstein','Norway'],
 +
'other_eu_countries': [
 +
'Andorra','Monaco','Armenia','Norway','Azerbaijan','Russia','Belarus','San Marino','Georgia','Switzerland','Iceland','Ukraine','Liechtenstein','United Kingdom','Moldova','Vatican City'],
 +
'EU_candidate_countries': ['Albania','Serbia','Montenegro','Turkey','North Macedonia'],
 +
'EU_potential_candidate': ['Bosnia and Herzegovina','Kosovo'],
 +
'Schengen_area_countries': ['Austria','Belgium','Czech Republic','Denmark','Estonia','Finland','France','Germany','Greece','Hungary','Iceland','Italy','Latvia','Liechtenstein','Lithuania','Luxembourg','Malta','Netherlands','Norway','Poland','Portugal','Slovakia','Slovenia','Spain','Sweden','Switzerland'],
 +
'ACP_countries': ['Angola','Antigua and Barbuda',' Bahamas',' Barbados','Belize','Benin','Botswana','Burkina faso','Burundi','Cape verde','Cameroun','Comoros','Congo','Cook islands','Ivory coast','Djibouti','Dominica','Eritrea','Ethiopia','Fiji','Gabon','Gambia','Ghana',
 +
'Grenada','Guinea','Guinea ecuatorial','Guiné-bissau','Guyana','Haiti','Jamaica','Kenya','Kiribati','Lesotho','Liberia','Madagascar','Malawi','Mali','Marshall Islands','Mauritania','Mauritius','Micronesia','Mozambique','Namibia','Nauru','Niger','Nigeria','Niue','Palau','Papua new guinea','Dominican republic','Central african republic','Democratic Republic of Congo','Rwanda','St kitts and Nevis','St lucia','St Vincent Grenadines','Samoa','Sã0 tomé  e príncipe','Senegal','Seychelles','Sierra Leone','Solomon Island','Somalia','South Africa','Sudan','Suriname','Swaziland','Tanzania','Chad','Togo','Tonga','Trinidad and Tobago','Tuvalu','Uganda','Vanuatu','Zambia','Zimbabwe'],
 +
'OCTA_countries': ['Aruba','Bonaire','Curaçao','French Polynesia','French Southern and Antarctic Lands','Greenland','New Caledonia','Saba','Saint Barthélemy','Sint Eustatius','Saint Pierre and Miquelon','Sint Maarten','Wallis and Futuna']
 +
};
 +
 +
 
 +
 
 +
$ci(function() {
 +
 
 +
$ci('.checkbox-custom').on('click', function() {
 +
return;
 +
var ref_input = $ci('#' + $ci(this).attr('data'));
 +
ref_input.val(ref_input.val() == 'false'? 'true': 'false')
 +
});
 +
 
 +
$ci('.target_country_group_button').on('click', function() {
 +
return;
 +
var selected =!$ci(this).hasClass('selected')
 +
var key = $ci(this).attr('data'),
 +
country;
 +
 
 +
for(var i in country_groups[key]) {
 +
country = country_groups[key][i]
 +
 
 +
$ci('#select_countries option:contains(' + country + ')').prop('selected', selected);
 +
//$('#select_countries option[value=' + country + ']').attr('selected', selected);
 +
}
 +
$ci(this).removeClass('unselected selected').addClass(selected? 'selected': 'unselected');
 +
 
 +
setTimeout(function() {
 +
$ci('#select_countries').multiselect('reload');
 +
},100)
 +
});
 +
 
 +
$ci('select[multiple]').multiselect({selectGroup: true, search: true,
 +
 
 +
onOptionClick: function(el,option) {
 +
 
 +
 
 +
  },
 +
 
 +
onSelectAll: function(el, selected ){
 +
//      console.log(el,selected)
 +
  },
 +
onPlaceholder: function(el, placeholder, selectedOpts ){
 +
  //    console.log(el,placeholder,selectedOpts)
 +
  }
 +
 
 +
});
  
−
$('.ci_form textarea').autosize();
+
 
 +
//$('#select_countries option:contains("</html>{{#ci_visitorCountry:}}<html>")').prop('selected',true);
 +
 
 +
$ci('.ci_form textarea').autosize();
  
 
});
 
});
 +
  
  

Latest revision as of 09:11, 20 July 2021

This is a form to create opportunities and calls regarding internships, scholarships, EVS/ESC voluntary projects and any other opportunity. It can be used by any authorized person of a center of Italian language and culture and the opportunity created will be published both on this page and on the front-end part of this project (in construction at June 2024), in a more interactive way.

The authors of the content (as affiliated to a given organization) will be mentioned at the end of the notice of the opportunity so that they can get an advantage (in terms of visits to their page) from their contribution. Also, once the form is created, any other content not foreseen by the form can be inserted in the page itself, so just keep the information in the form as short as possible!


Attention, this form is meant to be created at a fixed path. Please create it from here.


Type of opportunity
Title The title of the opportunity for publishing
Provider Who is providing and funding this opportunity?
Description Briefly describe the position and tasks
Workplace country Leave empty if it's a remote job
Workplace city Leave empty if it's a remote job
Target countries To citizens of what countries is addressed this opportunity? Here is a list of countries for each group
Funding or salary Enter the funding or salary provided by this opportunity
Requisites Please list the requisites to access this opportunity
Url official Please enter the official url with further information
Deadline
As soon as possible
If "as soon as possible" is checked please enter the final date of validity of the opportunity as “deadline”.

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