Application form: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
Line 1: Line 1:
<html>
<html>
<style>
</style>


<div class="form-translation-request">
<div class="form-translation-request">
Line 5: Line 8:
   <div class="form-section">
   <div class="form-section">
     <p>
     <p>
       This application attempts to assess your ability in translating WikiHussain’s entries. Please fill out this form
       We are looking for interpreters with excellent knowledge and professional interpreting experience in any language.
       carefully.
      Please see our Interpreters Application Form to sign up and start working alongside us as WikiHussain’s
       translators!
      <br/>
      Fields marked with an asterisk are mandatory to complete. All other fields are optional.
     </p>
     </p>


Line 13: Line 19:
     <div class="input-container">
     <div class="input-container">
       <label>
       <label>
         First name:
         First name <span class="required">*</span>
         <input name="firstname" type="text">
         <input name="firstname" type="text">
       </label>
       </label>
Line 20: Line 26:
     <div class="input-container">
     <div class="input-container">
       <label>
       <label>
         Last name:
         Last name <span class="required">*</span>
         <input name="lastname" type="text">
         <input name="lastname" type="text">
       </label>
       </label>
Line 27: Line 33:
     <div class="input-container">
     <div class="input-container">
       <label>
       <label>
         Nationality
         Nationality <span class="required">*</span>
         <input name="nationality" type="text">
         <input name="nationality" type="text">
       </label>
       </label>
Line 38: Line 44:
       </label>
       </label>
     </div>
     </div>
    <p>The source language in this process is English....</p>


     <div class="radio-container">
     <div class="radio-container">
       <p>Have you ever been tested to test your English?</p>
       <p>What’s your degree?</p> <span class="required">*</span>


       <div class="input-container">
       <div class="input-container">
         <label>
         <label>
           Yes
           Diploma
           <input name="is-test-english" type="radio" value="1">
           <input name="last-degree" type="radio" value="diploma">
         </label>
         </label>
       </div>
       </div>
Line 53: Line 57:
       <div class="input-container">
       <div class="input-container">
         <label>
         <label>
           No
           Bachelor
           <input name="is-test-english" type="radio" value="0">
           <input name="last-degree" type="radio" value="bachelor">
         </label>
         </label>
       </div>
       </div>
    </div>
    <div class="checkbox-container">
      <p>Which of the English tests did you attend?</p>


       <div class="input-container">
       <div class="input-container">
         <label>
         <label>
           TOEFL
           Master
           <input name="test-english" type="checkbox" value="toefl">
           <input name="last-degree" type="radio" value="master">
         </label>
         </label>
       </div>
       </div>
Line 72: Line 71:
       <div class="input-container">
       <div class="input-container">
         <label>
         <label>
           EAP
           PHD
           <input name="test-english" type="checkbox" value="eap">
           <input name="last-degree" type="radio" value="phd">
         </label>
         </label>
       </div>
       </div>
Line 79: Line 78:
       <div class="input-container">
       <div class="input-container">
         <label>
         <label>
           IELTS
           Other
           <input name="test-english" type="checkbox" value="ielts">
           <input name="last-degree" type="radio" value="other">
         </label>
         </label>
       </div>
       </div>
    </div>


      <div class="input-container">
    <div class="input-container">
        <label>
      <label>
          FCE
        What’s your major? <span class="required">*</span>
          <input name="test-english" type="checkbox" value="fce">
        <input name="major" type="text">
         </label>
      </label>
      </div>
    </div>
 
    <div class="input-container">
      <label>
        What’s the name of your university?
         <input name="university" type="text">
      </label>
    </div>


      <div class="input-container">
    <div class="radio-container">
        <label>
      <p>Do you have any experience in academic writing?</p>
          CELTA
          <input name="test-english" type="checkbox" value="celta">
        </label>
      </div>


       <div class="input-container">
       <div class="input-container">
         <label>
         <label>
           GRE
           Yes
           <input name="test-english" type="checkbox" value="gre">
           <input name="experience-academic" type="radio" value="1">
         </label>
         </label>
       </div>
       </div>
Line 107: Line 110:
       <div class="input-container">
       <div class="input-container">
         <label>
         <label>
           OET
           No
           <input name="test-english" type="checkbox" value="oet">
           <input name="experience-academic" type="radio" value="0">
         </label>
         </label>
       </div>
       </div>
     </div>
     </div>


     <div class="upload-container">
     <div class="upload-container">
       <p>Please upload your latest English degree.</p>
       <p>Please upload your academic resume.</p>


       <div class="preview"></div>
       <div class="preview"></div>
       <div class="input-container">
       <div class="input-container">
         <input type="file" name="degree-document"/>
         <input type="file" name="resume"/>
       </div>
       </div>
     </div>
     </div>


  </div>
    <div class="input-container">
      <label>
        Email Address <span class="required">*</span>
        <input name="email" type="text">
      </label>
    </div>


  <hr/>
    <div class="input-container">
      <label>
        What are the other ways by which we can contact you?
        <input name="contact-ways" type="text">
      </label>
    </div>


  </div>
   <div class="form-section">
   <div class="form-section">
    <p>This section is about your general information.</p>


    <p>
      This section is about the source language which is in English. Please answer these questions carefully:
    </p>


     <div class="radio-container">
     <div class="radio-container">
       <p>What’s your degree?</p>
       <p>
        Is English your mother tongue language?
        <span class="required">*</span>
      </p>


       <div class="input-container">
       <div class="input-container">
         <label>
         <label>
           Diploma
           Yes
           <input name="last-degree" type="radio" value="diploma">
           <input name="mother-tongue" type="radio" value="1">
         </label>
         </label>
       </div>
       </div>
Line 143: Line 161:
       <div class="input-container">
       <div class="input-container">
         <label>
         <label>
           Bachelor
           No
           <input name="last-degree" type="radio" value="bachelor">
           <input name="mother-tongue" type="radio" value="0">
         </label>
         </label>
       </div>
       </div>
    </div>
    <div class="radio-container">
      <p>
        Have you ever tested your language proficiency by any standard test?
        <span class="required">*</span>
      </p>


       <div class="input-container">
       <div class="input-container">
         <label>
         <label>
           Master
           Yes
           <input name="last-degree" type="radio" value="master">
           <input name="tested" type="radio" value="1">
         </label>
         </label>
       </div>
       </div>
Line 157: Line 182:
       <div class="input-container">
       <div class="input-container">
         <label>
         <label>
           PHD
           No
           <input name="last-degree" type="radio" value="phd">
           <input name="tested" type="radio" value="0">
         </label>
         </label>
       </div>
       </div>
    </div>
    <div class="checkbox-container">
      <p>
        What was the test?
        <span class="required">*</span>
      </p>


       <div class="input-container">
       <div class="input-container">
         <label>
         <label>
           Other
           TOEFL
           <input name="last-degree" type="radio" value="other">
           <input name="test-english" type="checkbox" value="toefl">
         </label>
         </label>
       </div>
       </div>
    </div>


    <div class="input-container">
      <div class="input-container">
      <label>
        <label>
        What is your field at university?
          EAP
        <input name="university-field" type="text">
          <input name="test-english" type="checkbox" value="eap">
      </label>
        </label>
    </div>
      </div>


    <div class="input-container">
      <div class="input-container">
      <label>
        <label>
        What is your university name?
          IELTS
        <input name="university-name" type="text">
          <input name="test-english" type="checkbox" value="ielts">
      </label>
        </label>
    </div>
      </div>
 
    <div class="radio-container">
      <p>Have you ever experienced translation?</p>


       <div class="input-container">
       <div class="input-container">
         <label>
         <label>
           Yes
           FCE
           <input name="experience-translate" type="radio" value="yes">
           <input name="test-english" type="checkbox" value="fce">
         </label>
         </label>
       </div>
       </div>
Line 196: Line 224:
       <div class="input-container">
       <div class="input-container">
         <label>
         <label>
           No
           CELTA
           <input name="experience-translate" type="radio" value="no">
           <input name="test-english" type="checkbox" value="celta">
         </label>
         </label>
       </div>
       </div>
    </div>


    <div class="upload-container">
      <p>Please upload your latest degree in collage.</p>
      <div class="preview"></div>
       <div class="input-container">
       <div class="input-container">
         <input type="file" name="degree-college"/>
         <label>
          GRE
          <input name="test-english" type="checkbox" value="gre">
        </label>
       </div>
       </div>
    </div>
    <div class="radio-container">
      <p>Have you ever had experience of writing a book or essay?</p>


       <div class="input-container">
       <div class="input-container">
         <label>
         <label>
           Yes
           OET
           <input name="write-book" type="radio" value="yes">
           <input name="test-english" type="checkbox" value="oet">
         </label>
         </label>
       </div>
       </div>
Line 223: Line 245:
       <div class="input-container">
       <div class="input-container">
         <label>
         <label>
           No
           Other
           <input name="write-book" type="radio" value="no">
           <input name="test-english-text" type="text" value="">
         </label>
         </label>
       </div>
       </div>
     </div>
     </div>


    <div class="upload-container">
      <p>Please upload your latest English degree.</p>


    <div class="textarea-container">
      <div class="preview"></div>
       <label>
       <div class="input-container">
        If your answer is yes, please write down the information that you have written in the box below and add it if
         <input type="file" name="degree-document"/>
        you have a link.
       </div>
         <textarea name="write-book-description"></textarea>
       </label>
     </div>
     </div>


     <div class="radio-container">
     <div class="radio-container">
       <p>Have you had any acquaintance with islamic studies?</p>
       <p>
        Do you have any experience in English translation as the target language?
        <span class="required">*</span>
      </p>


       <div class="input-container">
       <div class="input-container">
         <label>
         <label>
           Yes
           Yes
           <input name="islamic-acq" type="radio" value="yes">
           <input name="have-experience" type="radio" value="1">
         </label>
         </label>
       </div>
       </div>
Line 251: Line 277:
         <label>
         <label>
           No
           No
           <input name="islamic-acq" type="radio" value="no">
           <input name="have-experience" type="radio" value="0">
         </label>
         </label>
       </div>
       </div>
Line 261: Line 287:


   <div class="form-section">
   <div class="form-section">
     <p>This section is about your information in the language of the target.</p>
     <p>This section is about the target language which could be any language. Please answer these questions
 
      carefully.</p>


     <div class="input-container">
     <div class="input-container">
       <label>
       <label>
         Please specify the language that you can participate in.
         Please specify the target language.
         <input name="participate-lang" type="text">
        <span class="required">*</span>
         <input name="target-lang" type="text">
       </label>
       </label>
     </div>
     </div>


    <div class="radio-container">
      <p>
        Is the target language your mother tongue language?
        <span class="required">*</span>
      </p>


    <div class="input-container">
      <div class="input-container">
      <label>
        <label>
        What is your last degree in the relevant language?
          Yes
        <input name="last-degree-lang" type="text">
          <input name="target-mother-tongue" type="radio" value="1">
      </label>
        </label>
    </div>
      </div>


    <div class="upload-container">
      <p>Upload your latest language in the below section.</p>
      <div class="preview"></div>
       <div class="input-container">
       <div class="input-container">
         <input type="file" name="last-lang-degree"/>
         <label>
          No
          <input name="target-mother-tongue" type="radio" value="0">
        </label>
       </div>
       </div>
     </div>
     </div>


     <div class="radio-container">
     <div class="radio-container">
       <p>Have you ever experienced translation in this language?</p>
       <p>
        Have you ever tested your language proficiency by any standard test?
        <span class="required">*</span>
      </p>


       <div class="input-container">
       <div class="input-container">
         <label>
         <label>
           Yes
           Yes
           <input name="translation-experience" type="radio" value="yes">
           <input name="target-tested" type="radio" value="1">
         </label>
         </label>
       </div>
       </div>
Line 303: Line 335:
         <label>
         <label>
           No
           No
           <input name="translation-experience" type="radio" value="no">
           <input name="target-tested" type="radio" value="0">
         </label>
         </label>
       </div>
       </div>
    </div>
    <div class="input-container">
      <label>
        What was the test?
        <span class="required">*</span>
        <input name="target-test" type="text">
      </label>
    </div>
    <div class="input-container">
      <label>
        What was your degree?
        <span class="required">*</span>
        <input name="target-degree" type="text">
      </label>
     </div>
     </div>


     <div class="radio-container">
     <div class="radio-container">
       <p>Have you ever experienced writing a book or article in this language?</p>
       <p>
        Do you have any experience in translating from English to this language?
        <span class="required">*</span>
      </p>


       <div class="input-container">
       <div class="input-container">
         <label>
         <label>
           Yes
           Yes
           <input name="writing-book-experience" type="radio" value="yes">
           <input name="target-translate-experience" type="radio" value="1">
         </label>
         </label>
       </div>
       </div>
Line 321: Line 372:
         <label>
         <label>
           No
           No
           <input name="writing-book-experience" type="radio" value="no">
           <input name="target-translate-experience" type="radio" value="0">
         </label>
         </label>
       </div>
       </div>
     </div>
     </div>


    <div class="upload-container">
      <p>If so please provide us with an example</p>


    <div class="textarea-container">
      <div class="preview"></div>
       <label>
       <div class="input-container">
        If your answer is yes, please write down the information that you have written in the box below and add it if
         <input type="file" name="target-translate-example"/>
        you have a link.
       </div>
         <textarea name="writing-book-experience-description"></textarea>
       </label>
     </div>
     </div>


  </div>
  <hr/>
  <div class="form-section">
    <p>In this section, we ask you to translate the short text in the language you chose.</p>


     <div class="textarea-container">
     <div class="textarea-container">
       <label>
       <label>
         Please download the following file and upload it in pdf format after translating it.
         In this section we ask you to translate a short paragraph in the target language of your choosing. This
         <a class="button" href="#">Download</a>
        paragraph is taken from an article in the Encyclopædia Britannica called Al-Husayn ibn Ali. Please upload your
         <textarea name="text-translate"></textarea>
        final file here:
         <span class="required">*</span>
        <br/>
        <div style="width: 49%; float:left">
          <textarea readonly cols="80%" rows="20" style="max-width: 100%;">
Al-Ḥusayn ibn ʿAlī, (born January 626, Medina, Arabia [now in Saudi Arabia]—died October 10, 680, Karbalāʾ, Iraq), Shīʿite Muslim hero, grandson of the Prophet Muhammad, and son of ʿAlī (the fourth Islamic caliph) and Fāṭimah, daughter of Muhammad. He is revered by Shīʿite Muslims as the third imam (after ʿAlī and Ḥusayn’s older brother, Ḥasan).
After the assassination of their father, ʿAlī, Ḥasan and Ḥusayn acquiesced to the rule of the first Umayyad caliph, Muʿāwiyah, from whom they received pensions. Ḥusayn, however, refused to recognize the legitimacy of Muʿāwiyah’s son and successor, Yazīd (April 680). Ḥusayn was then invited by the townsmen of Kūfah, a city with a Shīʿite majority, to come there and raise the standard of revolt against the Umayyads. After receiving some favourable indications, Ḥusayn set out for Kūfah with a small band of relatives and followers. According to traditional accounts, he met the poet al-Farazdaq on the way and was told that the hearts of the Iraqis were for him, but their swords were for the Umayyads. The governor of Iraq, on behalf of the caliph, sent 4,000 men to arrest Ḥusayn and his small band. They trapped Ḥusayn near the banks of the Euphrates River at a place called Karbalāʾ (October 680). When Ḥusayn refused to surrender, he and his escort were slain, and Ḥusayn’s head was sent to Yazīd in Damascus (now in Syria).
In remembrance of the martyrdom of Ḥusayn, Shīʿite Muslims observe the first 10 days of Muḥarram (the date of the battle according to the Islamic calendar) as days of lamentation. Revenge for Ḥusayn’s death was turned into a rallying cry that helped undermine the Umayyad caliphate and gave impetus to the rise of a powerful Shīʿite movement.
          </textarea>
        </div>
         <div style="width: 49%; float:left">
          <textarea cols="80%" rows="20" name="translated-text" style="max-width: 100%;" placeholder=""></textarea>
        </div>
        <div style="clear: both">
 
        </div>
       </label>
       </label>
     </div>
     </div>
   </div>
   </div>


Line 354: Line 415:


   <div class="submit-button-container">
   <div class="submit-button-container">
     <button type="button" class="btn btn-submit">Submit</button>
     <button type="submit" class="btn btn-submit submit-button" style="display: none;">Submit</button>
   </div>
   </div>




</div>
</div>
<script>
 
console.log('hello')
 
<script type="text/javascript">
  $(document).ready(function () {
    var form_container = $('.form-translation-request');
    var form_html = form_container.html();
 
    form_container.html('<form action="submitapplication.php" method="post"></form>');
 
    var form_el = form_container.children('form');
 
    form_el.html(form_html);
 
    var submit_button = form_el.find('.submit-button');
    submit_button.fadeIn();
 
    var ajax = false;
    $(document).on('submit', form_el, function (e) {
      e.preventDefault();
 
      if (ajax !== false) {
        ajax.abort();
      }
 
      submit_button.prop('disabled', true);
      ajax = $.ajax({
        url: form_el.attr('action'),
        type: form_el.attr('method'),
        dataType: 'json',
        data: form_el.serialize(),
        success: function (result) {
          if (result.status === 'success') {
 
          } else if (result.status === 'error') {
            alert(result.msg);
            submit_button.prop('disabled', false);
          } else {
            alert(result.msg);
            submit_button.prop('disabled', false);
          }
        },
        error: function () {
          submit_button.prop('disabled', false);
          alert('مشکلی به وجود آمده است. لطفا مجددا تلاش نمایید.')
        }
      });
 
      return false;
    });
 
 
  })
</script>
</script>
</html>
</html>

Navigation menu