Opportunity html

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 May 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”.

Opportunity html

Latest revision as of 09:11, 20 July 2021

Navigation menu

Search

@@ Line 1: / Line 1: @@
-<div id="wikiPreview" style="display: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #AAAAAA;"></div>
+This is a form to create opportunities and calls regarding
+internships, scholarships, EVS/ESC voluntary projects and
+any other opportunity.
-<html>
+It can be used by any authorized person of a center of
+Italian language and culture and the opportunity created
-    <link rel="stylesheet" href="/w/en/resources/lib/ooui/oojs-ui-core-wikimediaui.css">
+will be published both [[Opportunities|on this page]]
-    <script src="/w/en/resources/lib/jquery/jquery.js"></script>
+and on the [https://culturaitaliana.org/ front-end part of this project] (in construction at {{#time: F Y}}), in a more interactive way.
-    <script src="/w/en/resources/lib/oojs/oojs.jquery.js"></script>
-    <script src="/w/en/resources/lib/ooui/oojs-ui-core.js"></script>
-    <script src="/w/en/resources/lib/ooui/oojs-ui-wikimediaui.js"></script>
-<div id="form_container"></div>
+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
-Announcement type + of type Text (0 uses)
+internships, scholarships, EVS/ESC voluntary projects and
-Announcement title + of type Text (0 uses)
+other opportunities.
-Announcement provider + of type Text (0 uses)
+It can be used by any authorized person of a center of
-Announcement target country + of type Text (0 uses)
+Italian language and culture and the opportunity produced
+will be published both [[Calls_and_scholarships|on this page]]
-Announcement funding exact + of type Number (0 uses)
+and on the [https://culturaitaliana.org/ front-end part of this project] (in construction at March 2020), in more interactive and modern way.
-Announcement funding info + of type Text (0 uses)
+The authors of the content will be mentioned at the end of the opportunity
-Announcement funding max + of type Number (0 uses)
+(as well as affiliated to a given organization) so that they can get
-Announcement funding min + of type Number (0 uses)
+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
-Announcement description + of type Text (0 uses)
+creation of semantic data (in order to ensure interoperability among
+systems accessing such data) while, once the page/item is created,
-Announcement requisites + of type Text (0 uses)
+the page is completely editable (as a wiki) and can be completed
+with any relevant information: and of course it can exported to
-Announcement url official + of type URL (0 uses)
+third-party systems as well.
-Announcement deadline + of type Date (0 uses)
 -->
-<script>
+{{CI notice box |
-var data = ['', 'Scholarship','Internship','European voluntary service (EVS/ESC)','Other']
+{{#ifeq: {{PAGENAME}} | FormEdit/Opportunity |
-var options = []
+The form will be created in the path
-for(var i in data) { options.push({data: data[i],label: data[i]}) }
+{{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]].
+}}
+}}
-var announcement_type = new OO.ui.DropdownInputWidget( {
-	options: options,
-	value: ''
-} )
-// Create form elements (two text inputs and the button input, in this example).
+<html>
-var announcement_title = new OO.ui.TextInputWidget( {
-		value: 'title'
-	} )
-var announcement_provider = new OO.ui.TextInputWidget( {
+<div class="ci_form_container">
-		value: 'provider',
-	} )
-var data = {'':'', 'AF' : 'Afghanistan','AL' : 'Albania','DZ' : 'Algeria','AS' : 'American Samoa','AD' : 'Andorra','AO' : 'Angola','AI' : 'Anguilla','AG' : 'Antigua and Barbuda','AR' : 'Argentina','AM' : 'Armenia','AW' : 'Aruba','AU' : 'Australia','AT' : 'Austria','AZ' : 'Azerbaijan','BS' : 'Bahamas','BH' : 'Bahrain','BD' : 'Bangladesh','BB' : 'Barbados','BY' : 'Belarus','BE' : 'Belgium','BZ' : 'Belize','BJ' : 'Benin','BM' : 'Bermuda','BT' : 'Bhutan','BO' : 'Bolivia','BA' : 'Bosnia and Herzegovina','BK' : 'Bosnia and Herzegovina (Bosnia-Herzegovina)','BW' : 'Botswana','BR' : 'Brazil','BN' : 'Brunei','BG' : 'Bulgaria','BF' : 'Burkina Faso','BI' : 'Burundi','KH' : 'Cambodia','CM' : 'Cameroon','CA' : 'Canada','CV' : 'Cape Verde','KY' : 'Cayman Islands','CF' : 'Central African Republic','TD' : 'Chad','CL' : 'Chile','CO' : 'Colombia','KM' : 'Comoros','CG' : 'Congo','CK' : 'Cook Islands','CR' : 'Costa Rica','ISO' : 'Country','HR' : 'Croatia','CU' : 'Cuba','CY' : 'Cyprus','CZ' : 'Czech Republic','CD' : 'Democratic Republic of Congo','DK' : 'Denmark','DJ' : 'Djibouti','DM' : 'Dominica','DO' : 'Dominican Republic','TL' : 'East Timor','EC' : 'Ecuador','EG' : 'Egypt','SV' : 'El Salvador','GQ' : 'Equatorial Guinea','ER' : 'Eritrea','EE' : 'Estonia','ET' : 'Ethiopia','FK' : 'Falkland Islands','FO' : 'Faroe Islands','FJ' : 'Fiji','FI' : 'Finland','FR' : 'France','GF' : 'French Guiana','PF' : 'French Polynesia','GA' : 'Gabon','GM' : 'Gambia','GE' : 'Georgia','DE' : 'Germany','GH' : 'Ghana','GI' : 'Gibraltar','GR' : 'Greece','GL' : 'Greenland','GD' : 'Grenada','GP' : 'Guadeloupe','GU' : 'Guam','GT' : 'Guatemala','GG' : 'Guernsey','GN' : 'Guinea','GW' : 'Guinea-Bissau','GY' : 'Guyana','HT' : 'Haiti','HN' : 'Honduras','HK' : 'Hong Kong','HU' : 'Hungary','IS' : 'Iceland','IN' : 'India','ID' : 'Indonesia','IR' : 'Iran','IQ' : 'Iraq','IE' : 'Ireland','IL' : 'Israel','IT' : 'Italy','CI' : 'Ivory Coast','JM' : 'Jamaica','JP' : 'Japan','JE' : 'Jersey','JO' : 'Jordan','KZ' : 'Kazakhstan','KE' : 'Kenya','KI' : 'Kiribati','XK' : 'Kosovo','KW' : 'Kuwait','KG' : 'Kyrgyzstan','LA' : 'Laos','LV' : 'Latvia','LB' : 'Lebanon','LS' : 'Lesotho','LR' : 'Liberia','LY' : 'Libya','LI' : 'Liechtenstein','LT' : 'Lithuania','LU' : 'Luxembourg','MO' : 'Macau','MG' : 'Madagascar','MW' : 'Malawi','MY' : 'Malaysia','MV' : 'Maldives','ML' : 'Mali','MT' : 'Malta','MH' : 'Marshall Islands','MQ' : 'Martinique','MR' : 'Mauritania','MU' : 'Mauritius','MX' : 'Mexico','FM' : 'Micronesia','MD' : 'Moldova','MC' : 'Monaco','MN' : 'Mongolia','ME' : 'Montenegro','MS' : 'Montserrat','MA' : 'Morocco','MZ' : 'Mozambique','MM' : 'Myanmar','NA' : 'Namibia','NR' : 'Nauru','NP' : 'Nepal','NL' : 'Netherlands','AN' : 'Netherlands Antilles','NC' : 'New Caledonia','NZ' : 'New Zealand','NI' : 'Nicaragua','NE' : 'Niger','NG' : 'Nigeria','NU' : 'Niue','NF' : 'Norfolk Island','KP' : 'North Korea','NO' : 'Norway','OM' : 'Oman','PK' : 'Pakistan','PW' : 'Palau','PS' : 'Palestinian Authority','PA' : 'Panama','PG' : 'Papua New Guinea','PY' : 'Paraguay','CN' : 'People\'s Republic of China','PE' : 'Peru','PH' : 'Philippines','PL' : 'Poland','PT' : 'Portugal','PR' : 'Puerto Rico','QA' : 'Qatar','MK' : 'Republic of Macedonia','RE' : 'Reunion/Mayotte','RO' : 'Romania','RU' : 'Russia (Russian Federation)','RW' : 'Rwanda','WS' : 'Samoa','SM' : 'San Marino','SA' : 'Saudi Arabia','SN' : 'Senegal','RS' : 'Serbia','SC' : 'Seychelles','SL' : 'Sierra Leone','SG' : 'Singapore','SK' : 'Slovakia (Slovak Republic)','SI' : 'Slovenia','SB' : 'Solomon Islands','SO' : 'Somalia','ZA' : 'South Africa','KR' : 'South Korea','SS' : 'South Sudan','ES' : 'Spain','LK' : 'Sri Lanka','KN' : 'St Kitts and Nevis','LC' : 'St Lucia','PM' : 'St Pierre and Miquelon','VC' : 'St Vincent Grenadines','SD' : 'Sudan','SR' : 'Suriname','SZ' : 'Swaziland','SE' : 'Sweden','CH' : 'Switzerland','SY' : 'Syria','ST' : 'São Tomé and Príncipe','TW' : 'Taiwan','TJ' : 'Tajikistan','TZ' : 'Tanzania','TH' : 'Thailand','TG' : 'Togo','TO' : 'Tonga','TT' : 'Trinidad and Tobago','TN' : 'Tunisia','TR' : 'Turkey','TM' : 'Turkmenistan','TC' : 'Turks and Caicos Islands','TV' : 'Tuvalu','UG' : 'Uganda','UA' : 'Ukraine','AE' : 'United Arab Emirates','GB' : 'United Kingdom','US' : 'United States (USA)','UY' : 'Uruguay','UZ' : 'Uzbekistan','VU' : 'Vanuatu','VE' : 'Venezuela','VN' : 'Vietnam','YE' : 'Yemen','ZM' : 'Zambia','ZW' : 'Zimbabwe'}
+<! ***attention! this will be stripped by PageForm
-var options = []
+but nonetheless without it will not work !
-for(var i in data) { options.push({data: data[i],label: data[i]}) }
+-->
+<form class= method="post" >
-var announcement_target_country = new OO.ui.DropdownInputWidget( {
+<div class="ci_form">
-	options: options,
-	value: ''
-} )
+<!--
-var submit = new OO.ui.ButtonInputWidget( {
+opportunity_type
-		label: 'save',
+opportunity_title
-		flags: [
+opportunity_provider
-			'primary',
+opportunity_description
-			'progressive'
+opportunity_target_country
-		]
+opportunity_funding_information
-	} )
+opportunity_requisites
+opportunity_url
-// Create a FieldsetLayout.
+opportunity_deadline
-	fieldset = new OO.ui.FieldsetLayout( {
-		label: 'Create announcement',
-		classes: [ 'container' ]
-	} );
-// Use the addItems() method to add FieldLayouts that contain the form
-// elements (the text inputs and submit button) to the FieldsetLayout:
-fieldset.addItems( [
-	new OO.ui.FieldLayout( announcement_type, {
-		label: 'Username',
-		align: 'top'
-	} ),
-	new OO.ui.FieldLayout( announcement_title, {
-		label: 'Title',
-		align: 'top'
-	} ),
-	new OO.ui.FieldLayout( announcement_provider, {
-		label: 'Provider',
-		align: 'top'
-	} ),
-	new OO.ui.FieldLayout( announcement_target_country, {
-		label: 'Target country',
-		align: 'top'
-	} ),
-	new OO.ui.FieldLayout( submit )
-] );
-// Add the FieldsetLayout to a FormLayout.
-var form = new OO.ui.FormLayout(  {
-	items: [ fieldset ],
-	action: '',
-	method: 'post'
-} );
-$('#form_container' ).append( form.$element );
+-->
-</script>
-</html>
-<html>
+<!--------------------------TYPE-------------------------->
-<div class="cultura_italiana_form" style="width:360px;text-align:;padding:24px">
-<div style="margin:auto">
-<form action="" method="post">
-<span class="cultura_italiana_form_section">
+<div class="ci_form_section">
-<span class="cultura_italiana_form_section_title" style="margin-top:6px">
+<span class="ci_form_section_label">
 Type of opportunity
 </span>
-<select class="cultura_italiana_form_input" name="Form announcement[type]">
+<select class="ci_form_input" name="Form opportunity[Type]">
 <option></option>
-<option>Scholarship</option>
+<option >Scholarship</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>
+<span class="ci_form_section_help">
 </span>
-<span class="cultura_italiana_form_section">
+</div>
-<span class="cultura_italiana_form_section_title" style="margin-top:6px">
+<!--------------------------TITLE-------------------------->
+<div class="ci_form_section">
+<span class="ci_form_section_label">
 Title
 </span>
-<span class="cultura_italiana_form_section_description">
-The title of the announcement for publishing
+<input class="ci_form_input" type="text" placeholder="" name="Form opportunity[Title]" value="">
+<span class="ci_form_section_help">
+The title of the opportunity for publishing
 </span>
-<input class="cultura_italiana_form_input" type="text" placeholder="Title" name="Form announcement[Title]" value="">
+</div>
-</span>
+<!--------------------------PROVIDER-------------------------->
-<span class="cultura_italiana_form_section">
+<div class="ci_form_section">
-<span class="cultura_italiana_form_section_title" style="margin-top:6px">
+<span class="ci_form_section_label">
 Provider
 </span>
-<span class="cultura_italiana_form_section_description">
+<input class="ci_form_input" type="text" placeholder="" name="Form opportunity[Provider]" value="">
+<span class="ci_form_section_help">
 Who is providing and funding this opportunity?
 </span>
-<input class="cultura_italiana_form_input" type="text" placeholder="Provider" name="Form announcement[Provider]"  value="">
+</div>
-</span>
+<!--------------------------DESCRIPTION-------------------------->
+<div class="ci_form_section">
-<span class="cultura_italiana_form_section">
+<span class="ci_form_section_label">
-<span class="cultura_italiana_form_section_title">
 Description
 </span>
-<textarea name="Form announcement[Description]" class="form_announcement_input" style="width:100%" rows="4">
+<textarea name="Form opportunity[Description]" class="ci_form_input" style="width:100%" rows="3">
 </textarea>
+<span class="ci_form_section_help">
+Briefly describe the position and tasks
 </span>
+</div>
+<!--------------------------COUNTRY-------------------------->
+<div class="ci_form_section">
+<span class="ci_form_section_label">
+Workplace country
+</span>
-<span class="cultura_italiana_form_section">
-<span class="cultura_italiana_form_section_title" style="margin-top:6px">
-Target country
-</span>
-<span class="cultura_italiana_form_section_description">
-Country where the activities will be implemented
-</span>
-<select id="select_countries" class="cultura_italiana_form_input" name="Form announcement[Target country]">
+<select id="select_countries" class="ci_form_input" name="Form opportunity[Workplace country]">
 <option></option>
 <option>Afghanistan</option>
 <option>Albania</option>
@@ Line 233: / Line 205: @@
 <option>Djibouti</option>
 <option>Dominica</option>
+<option>East Timor</option>
 <option>Dominican Republic</option>
-<option>East Timor</option>
 <option>Ecuador</option>
 <option>Egypt</option>
@@ Line 406: / Line 378: @@
 </select>
+<span class="ci_form_section_help">
+Leave empty if it's a remote job
+</span>
+</div>
-<script>
+<!--------------------------CITY -------------------------->
-$('#select_countries option:contains("</html>{{#ci_visitorCountry:}}<html>")').prop('selected',true);
+<div class="ci_form_section">
+<span class="ci_form_section_label">
+Workplace city
+</span>
-</script>
+<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>
-<span class="cultura_italiana_form_section">
+<!--------------------------TARGET COUNTRY-------------------------->
-<span class="cultura_italiana_form_section_title" style="margin-top:6px">
-Funding
+<div class="ci_form_section">
+<span class="ci_form_section_label">
+Target countries
 </span>
-<span class="cultura_italiana_form_section_description">
-Provided funding for the entire project
+<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">
+To citizens of what countries is addressed this opportunity? Here is a </html>[[countries list|list of countries]]<html> for each group
 </span>
-<select class="cultura_italiana_form_input" name="Form announcement[Funding currency]">
+<!--
-<option></option>
+<div style="margin:8px 0">
-<option>EUR</option>
-<option>USD</option>
+<input class="target_country_group_button unselected" data="eu_countries" type="button" value = "Eu Countries"/>
-<option>...</option>
+<input class="target_country_group_button unselected" data="efta_countries" type="button" value = "EFTA Countries"/>
-</select>
+<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"/>
-<select class="cultura_italiana_form_input">
+</div>
-<option></option>
+-->
-<option>precise amount</option>
+</div>
-<option>from ... to</option>
-<option>description</option>
-</select>
-<input style="display:none" id="funding_exact" class="cultura_italiana_form_input" type="text" placeholder="eg. 1000" name="Form announcement[Funding exact]"  value="">
-<input style="display:none" id="funding_min" class="cultura_italiana_form_input" type="text" placeholder="eg. 1000" name="Form announcement[Funding min]"  value="">
-<input style="display:none" id="funding_to" class="cultura_italiana_form_input" type="text" placeholder="eg. 2000" name="Form announcement[Funding to]"  value="">
+<!--------------------------FUNDING INFORMATION-------------------------->
-<input style="display:none" id="funding_info" class="cultura_italiana_form_input" type="text" placeholder="description" name="Form announcement[Funding info]"  value="">
+<div class="ci_form_section">
+<span class="ci_form_section_label">
+Funding or salary
 </span>
+<textarea name="Form opportunity[Funding or salary]" class="ci_form_input" style="width:100%" rows="3">
+</textarea>
-<span class="cultura_italiana_form_section">
+<span class="ci_form_section_help">
-<span class="cultura_italiana_form_section_title">
+Enter the funding or salary provided by this opportunity
+</span>
+</div>
+<!--------------------------REQUISITES-------------------------->
+<div class="ci_form_section">
+<span class="ci_form_section_label">
 Requisites
 </span>
-<textarea name="Form announcement[Requisites]" class="form_announcement_input" style="width:100%" rows="4">
+<textarea name="Form opportunity[Requisites]" class="ci_form_input" style="width:100%" rows="3">
 </textarea>
+<span class="ci_form_section_help">
+Please list the requisites to access this opportunity
 </span>
+</div>
-<span class="cultura_italiana_form_section">
+<!--------------------------URL-------------------------->
-<span class="cultura_italiana_form_section_title">
+<div class="ci_form_section">
+<span class="ci_form_section_label">
+Url official
+</span>
+<input class="ci_form_input" type="text" placeholder="" name="Form opportunity[Url]" value="">
+<span class="ci_form_section_help">
+Please enter the official url with further information
+</span>
+</div>
+<!--------------------------DEADLINE-------------------------->
+<div class="ci_form_section">
+<span class="ci_form_section_label">
 Deadline
 </span>
 <table><tr><td>
-<select class="cultura_italiana_form_input" name="Form organization[date][day]">
+<select class="ci_form_input" name="Form opportunity[Deadline][day]">
 <option></option>
 <option>1</option>
@@ Line 500: / Line 543: @@
 </td><td>
-<select class="cultura_italiana_form_input" name="Form organization[date][month]">
+<select class="ci_form_input" name="Form opportunity[Deadline][month]">
 <option></option>
 <option value="1">January</option>
@@ Line 517: / Line 560: @@
 </td><td>
-<select class="cultura_italiana_form_input" name="Form organization[date][year]">
+<select class="ci_form_input" name="Form opportunity[Deadline][year]">
 <option></option>
 <option>2020</option>
@@ Line 524: / Line 567: @@
 </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">
+If "as soon as possible" is checked please enter the final date of validity of the opportunity as &ldquo;deadline&rdquo;.
 </span>
+</div>
-<span class="cultura_italiana_form_section">
-<span class="cultura_italiana_form_section_title" style="margin-top:6px">
-Url official
-</span>
-<span class="cultura_italiana_form_section_description">
-The official url of the announcement call
-</span>
-<input class="cultura_italiana_form_input" type="text" placeholder="url" name="Form announcement[Url]"  value="">
+<!--------------------------SUBMIT-------------------------->
-</span>
+<div class="ci_form_section_submit">
-<span class="cultura_italiana_form_section_submit">
 <input type="hidden" name="wpSave" value="Save page">
 <input type="hidden" name="pf_free_text" value="!free_text!">
-<input class="cultura_italiana_form_submit" type="submit" value="save">
+<input class="ci_form_submit" type="submit" value="save">
+</div>
+</div>
 </form>
 </div>
-</div>
+<script>
+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)
+   }
+});
+	//$('#select_countries option:contains("</html>{{#ci_visitorCountry:}}<html>")').prop('selected',true);
+	$ci('.ci_form textarea').autosize();
+});
+</script>
 </html>