Opportunity html

From Redazione
Jump to navigation Jump to search
 
(226 intermediate revisions by 3 users not shown)
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.
 +
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="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_container">
−
<span class="cultura_italiana_form_section_title" style="margin-top:6px">
+
 
−
Organization
+
<! ***attention! this will be stripped by PageForm
 +
but nonetheless without it will not work !
 +
-->
 +
<form class= method="post" >
 +
 
 +
<div class="ci_form">
 +
 
 +
<!--
 +
 
 +
opportunity_type
 +
opportunity_title
 +
opportunity_provider
 +
opportunity_description
 +
opportunity_target_country
 +
opportunity_funding_information
 +
opportunity_requisites
 +
opportunity_url
 +
opportunity_deadline
 +
 
 +
-->
 +
 
 +
 
 +
<!--------------------------TYPE-------------------------->
 +
 
 +
<div class="ci_form_section">
 +
<span class="ci_form_section_label">
 +
Type of opportunity
 +
</span>
 +
 
 +
<select class="ci_form_input" name="Form opportunity[Type]">
 +
<option></option>
 +
<option >Scholarship</option>
 +
<option>Internship</option>
 +
<option>Public procurement</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>
 +
 
 +
</div>
 +
 
 +
<!--------------------------TITLE-------------------------->
 +
 
 +
<div class="ci_form_section">
 +
<span class="ci_form_section_label">
 +
Title
 +
</span>
 +
 
 +
<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>
 
</span>
−
<input class="cultura_italiana_form_input" type="text" placeholder="Title" name="Form opportunity[Title of the announcement]" value="">
+
 
−
<input class="cultura_italiana_form_input" type="text" placeholder="Provider" name="Form opportunity[Provider of the announcement]"  value="">
+
</div>
 +
 
 +
 
 +
<!--------------------------PROVIDER-------------------------->
 +
 
 +
<div class="ci_form_section">
 +
<span class="ci_form_section_label">
 +
Provider
 
</span>
 
</span>
  
−
<span class="cultura_italiana_form_section">
+
<input class="ci_form_input" type="text" placeholder="" name="Form opportunity[Provider]" value="">
−
<span class="cultura_italiana_form_section_title">
+
 
 +
<span class="ci_form_section_help">
 +
Who is providing and funding this opportunity?
 +
</span>
 +
 
 +
</div>
 +
 
 +
 
 +
<!--------------------------DESCRIPTION-------------------------->
 +
 
 +
<div class="ci_form_section">
 +
<span class="ci_form_section_label">
 
Description
 
Description
 
</span>
 
</span>
−
<textarea name="Form opportunity[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>
 +
 
 +
 
 +
<select id="select_countries" class="ci_form_input" name="Form opportunity[Workplace country]">
 +
<option></option>
 +
 
 +
<option>Afghanistan</option>
 +
<option>Albania</option>
 +
<option>Algeria</option>
 +
<option>American Samoa</option>
 +
<option>Andorra</option>
 +
<option>Angola</option>
 +
<option>Anguilla</option>
 +
<option>Antigua and Barbuda</option>
 +
<option>Argentina</option>
 +
<option>Armenia</option>
 +
<option>Aruba</option>
 +
<option>Australia</option>
 +
<option>Austria</option>
 +
<option>Azerbaijan</option>
 +
<option>Bahamas</option>
 +
<option>Bahrain</option>
 +
<option>Bangladesh</option>
 +
<option>Barbados</option>
 +
<option>Belarus</option>
 +
<option>Belgium</option>
 +
<option>Belize</option>
 +
<option>Benin</option>
 +
<option>Bermuda</option>
 +
<option>Bhutan</option>
 +
<option>Bolivia</option>
 +
<option>Bosnia and Herzegovina</option>
 +
<option>Bosnia and Herzegovina (Bosnia-Herzegovina)</option>
 +
<option>Botswana</option>
 +
<option>Brazil</option>
 +
<option>Brunei</option>
 +
<option>Bulgaria</option>
 +
<option>Burkina Faso</option>
 +
<option>Burundi</option>
 +
<option>Cambodia</option>
 +
<option>Cameroon</option>
 +
<option>Canada</option>
 +
<option>Cape Verde</option>
 +
<option>Cayman Islands</option>
 +
<option>Central African Republic</option>
 +
<option>Chad</option>
 +
<option>Chile</option>
 +
<option>Colombia</option>
 +
<option>Comoros</option>
 +
<option>Congo</option>
 +
<option>Cook Islands</option>
 +
<option>Costa Rica</option>
 +
<option>Country</option>
 +
<option>Croatia</option>
 +
<option>Cuba</option>
 +
<option>Cyprus</option>
 +
<option>Czech Republic</option>
 +
<option>Democratic Republic of Congo</option>
 +
<option>Denmark</option>
 +
<option>Djibouti</option>
 +
<option>Dominica</option>
 +
<option>East Timor</option>
 +
<option>Dominican Republic</option>
 +
<option>Ecuador</option>
 +
<option>Egypt</option>
 +
<option>El Salvador</option>
 +
<option>Equatorial Guinea</option>
 +
<option>Eritrea</option>
 +
<option>Estonia</option>
 +
<option>Ethiopia</option>
 +
<option>Falkland Islands</option>
 +
<option>Faroe Islands</option>
 +
<option>Fiji</option>
 +
<option>Finland</option>
 +
<option>France</option>
 +
<option>French Guiana</option>
 +
<option>French Polynesia</option>
 +
<option>Gabon</option>
 +
<option>Gambia</option>
 +
<option>Georgia</option>
 +
<option>Germany</option>
 +
<option>Ghana</option>
 +
<option>Gibraltar</option>
 +
<option>Greece</option>
 +
<option>Greenland</option>
 +
<option>Grenada</option>
 +
<option>Guadeloupe</option>
 +
<option>Guam</option>
 +
<option>Guatemala</option>
 +
<option>Guernsey</option>
 +
<option>Guinea</option>
 +
<option>Guinea-Bissau</option>
 +
<option>Guyana</option>
 +
<option>Haiti</option>
 +
<option>Honduras</option>
 +
<option>Hong Kong</option>
 +
<option>Hungary</option>
 +
<option>Iceland</option>
 +
<option>India</option>
 +
<option>Indonesia</option>
 +
<option>Iran</option>
 +
<option>Iraq</option>
 +
<option>Ireland</option>
 +
<option>Israel</option>
 +
<option>Italy</option>
 +
<option>Ivory Coast</option>
 +
<option>Jamaica</option>
 +
<option>Japan</option>
 +
<option>Jersey</option>
 +
<option>Jordan</option>
 +
<option>Kazakhstan</option>
 +
<option>Kenya</option>
 +
<option>Kiribati</option>
 +
<option>Kosovo</option>
 +
<option>Kuwait</option>
 +
<option>Kyrgyzstan</option>
 +
<option>Laos</option>
 +
<option>Latvia</option>
 +
<option>Lebanon</option>
 +
<option>Lesotho</option>
 +
<option>Liberia</option>
 +
<option>Libya</option>
 +
<option>Liechtenstein</option>
 +
<option>Lithuania</option>
 +
<option>Luxembourg</option>
 +
<option>Macau</option>
 +
<option>Madagascar</option>
 +
<option>Malawi</option>
 +
<option>Malaysia</option>
 +
<option>Maldives</option>
 +
<option>Mali</option>
 +
<option>Malta</option>
 +
<option>Marshall Islands</option>
 +
<option>Martinique</option>
 +
<option>Mauritania</option>
 +
<option>Mauritius</option>
 +
<option>Mexico</option>
 +
<option>Micronesia</option>
 +
<option>Moldova</option>
 +
<option>Monaco</option>
 +
<option>Mongolia</option>
 +
<option>Montenegro</option>
 +
<option>Montserrat</option>
 +
<option>Morocco</option>
 +
<option>Mozambique</option>
 +
<option>Myanmar</option>
 +
<option>Namibia</option>
 +
<option>Nauru</option>
 +
<option>Nepal</option>
 +
<option>Netherlands</option>
 +
<option>Netherlands Antilles</option>
 +
<option>New Caledonia</option>
 +
<option>New Zealand</option>
 +
<option>Nicaragua</option>
 +
<option>Niger</option>
 +
<option>Nigeria</option>
 +
<option>Niue</option>
 +
<option>Norfolk Island</option>
 +
<option>North Korea</option>
 +
<option>Norway</option>
 +
<option>Oman</option>
 +
<option>Pakistan</option>
 +
<option>Palau</option>
 +
<option>Palestinian Authority</option>
 +
<option>Panama</option>
 +
<option>Papua New Guinea</option>
 +
<option>Paraguay</option>
 +
<option>People's Republic of China</option>
 +
<option>Peru</option>
 +
<option>Philippines</option>
 +
<option>Poland</option>
 +
<option>Portugal</option>
 +
<option>Puerto Rico</option>
 +
<option>Qatar</option>
 +
<option>Republic of Macedonia</option>
 +
<option>Reunion/Mayotte</option>
 +
<option>Romania</option>
 +
<option>Russia (Russian Federation)</option>
 +
<option>Rwanda</option>
 +
<option>Samoa</option>
 +
<option>San Marino</option>
 +
<option>Saudi Arabia</option>
 +
<option>Senegal</option>
 +
<option>Serbia</option>
 +
<option>Seychelles</option>
 +
<option>Sierra Leone</option>
 +
<option>Singapore</option>
 +
<option>Slovakia (Slovak Republic)</option>
 +
<option>Slovenia</option>
 +
<option>Solomon Islands</option>
 +
<option>Somalia</option>
 +
<option>South Africa</option>
 +
<option>South Korea</option>
 +
<option>South Sudan</option>
 +
<option>Spain</option>
 +
<option>Sri Lanka</option>
 +
<option>St Kitts and Nevis</option>
 +
<option>St Lucia</option>
 +
<option>St Pierre and Miquelon</option>
 +
<option>St Vincent Grenadines</option>
 +
<option>Sudan</option>
 +
<option>Suriname</option>
 +
<option>Swaziland</option>
 +
<option>Sweden</option>
 +
<option>Switzerland</option>
 +
<option>Syria</option>
 +
<option>São Tomé and Príncipe</option>
 +
<option>Taiwan</option>
 +
<option>Tajikistan</option>
 +
<option>Tanzania</option>
 +
<option>Thailand</option>
 +
<option>Togo</option>
 +
<option>Tonga</option>
 +
<option>Trinidad and Tobago</option>
 +
<option>Tunisia</option>
 +
<option>Turkey</option>
 +
<option>Turkmenistan</option>
 +
<option>Turks and Caicos Islands</option>
 +
<option>Tuvalu</option>
 +
<option>Uganda</option>
 +
<option>Ukraine</option>
 +
<option>United Arab Emirates</option>
 +
<option>United Kingdom</option>
 +
<option>United States (USA)</option>
 +
<option>Uruguay</option>
 +
<option>Uzbekistan</option>
 +
<option>Vanuatu</option>
 +
<option>Venezuela</option>
 +
<option>Vietnam</option>
 +
<option>Yemen</option>
 +
<option>Zambia</option>
 +
<option>Zimbabwe</option>
 +
</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">
 +
To citizens of what countries is addressed this opportunity? Here is a </html>[[countries list|list of countries]]<html> for each group
 +
</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>
 +
 
 +
 
 +
 
 +
<!--------------------------FUNDING INFORMATION-------------------------->
 +
 
 +
<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="ci_form_section_help">
 +
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 opportunity[Requisites]" class="ci_form_input" style="width:100%" rows="3">
 
</textarea>
 
</textarea>
 +
 +
<span class="ci_form_section_help">
 +
Please list the requisites to access this opportunity
 
</span>
 
</span>
  
 +
</div>
 +
 +
 +
<!--------------------------URL-------------------------->
 +
 +
<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>
 
</span>
−
<input class="cultura_italiana_form_input" type="text" placeholder="Funding" name="Form opportunity[Funding of the announcement]" value="">
+
 
−
<input class="cultura_italiana_form_input" type="text" placeholder="Target country" name="Form opportunity[Target country of the announcement]" value="">
+
 
−
<input class="cultura_italiana_form_input" type="text" placeholder="Deadline" name="Form opportunity[Deadline country of the announcement]"  value="">
+
<table><tr><td>
 +
<select class="ci_form_input" name="Form opportunity[Deadline][day]">
 +
<option></option>
 +
<option>1</option>
 +
<option>2</option>
 +
<option>3</option>
 +
<option>4</option>
 +
<option>5</option>
 +
<option>6</option>
 +
<option>7</option>
 +
<option>8</option>
 +
<option>9</option>
 +
<option>10</option>
 +
<option>11</option>
 +
<option>12</option>
 +
<option>13</option>
 +
<option>14</option>
 +
<option>15</option>
 +
<option>16</option>
 +
<option>17</option>
 +
<option>18</option>
 +
<option>19</option>
 +
<option>20</option>
 +
<option>21</option>
 +
<option>22</option>
 +
<option>23</option>
 +
<option>24</option>
 +
<option>25</option>
 +
<option>26</option>
 +
<option>27</option>
 +
<option>28</option>
 +
<option>29</option>
 +
<option>30</option>
 +
<option>31</option>
 +
</select>
 +
 
 +
</td><td>
 +
 
 +
<select class="ci_form_input" name="Form opportunity[Deadline][month]">
 +
<option></option>
 +
<option value="1">January</option>
 +
<option value="2">February</option>
 +
<option value="3">March</option>
 +
<option value="4">April</option>
 +
<option value="5">May</option>
 +
<option value="6">June</option>
 +
<option value="7">July</option>
 +
<option value="8">August</option>
 +
<option value="9">September</option>
 +
<option value="10">October</option>
 +
<option value="11">November</option>
 +
<option value="12">December</option>
 +
</select>
 +
</td><td>
 +
 
 +
<select class="ci_form_input" name="Form opportunity[Deadline][year]">
 +
<option></option>
 +
<option>2020</option>
 +
<option>2021</option>
 +
</select>
 +
</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>
 
</span>
  
 +
</div>
  
  
 +
<!--------------------------SUBMIT-------------------------->
  
−
<span class="cultura_italiana_form_section_submit">
+
<div class="ci_form_section_submit">
 
<input type="hidden" name="wpSave" value="Save page">
 
<input type="hidden" name="wpSave" value="Save page">
 
<input type="hidden" name="pf_free_text" value="!free_text!">
 
<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>
 
</form>
 
</div>
 
</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>
 
</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”.

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