international_recruit/app/views/international_recruits/index.html.erb

664 lines
25 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<%= javascript_include_tag "lib/bootstrap-datetimepicker" %>
<%= javascript_include_tag "lib/datetimepicker/datetimepicker.js" %>
<%
data = action_data
application = data["application"]
%>
<style media="screen">
table,tr,td,th{
border: 1px black solid;
}
table{
text-align: center;
margin: 0 auto;
width: 100%;
}
.apply_form_table{
margin-bottom: 100px;
}
#signup_form input[type="text"]{
width: 100%;
}
.default_picker input[type="text"]{
width: auto !important;
}
.telephone input[type="text"]{
width: auto !important;
}
.add-panel table{
margin-bottom: 30px;
}
.add-panel {
margin-bottom: 100px;
}
</style>
<div id="signup_form">
<h3>Course Signup Form</h3>
<%= form_for application, :url => "/xhr/international_recruits/submitapplication" do |f| %>
<table class="apply_form_table" cellpadding="5" cellspacing="0" border="0" width="800">
<tbody>
<tr>
<td colspan="4" style="text-align: left;">
*<%= f.radio_button :student_type, "新生(New students)" %> 新生(New students)
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<%= f.radio_button :student_type, "轉學生(Transferring)" %>轉學生(Transferring)
</td>
</tr>
<tr>
<th>*姓名(中文)<br>Name(Chinese)</th>
<td><%= f.text_field :chinese_name, :size => 20 %></td>
<th>姓名(英文)<br>Name(English)</th>
<td>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin:0 auto;">
<tbody>
<tr>
<th>First</th>
<th>Middle</th>
<th>Last</th>
</tr>
<tr>
<td><%= f.text_field :english_first_name, :size => 8 %></td>
<td><%= f.text_field :english_middle_name, :size => 8 %></td>
<td><%= f.text_field :english_last_name, :size => 8 %></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<th>出生地點<br>Place of Birth</th>
<td><%= f.text_field :place_of_birth, :size => 20 %></td>
<th>出生年月日<br>Birth Day</th>
<td>
<%= f.datetime_picker :birth_date, :no_label => true, :new_record => application.new_record? %>
</td>
</tr>
<tr>
<th>性別<br>Gender</th>
<td>
<%= f.radio_button :gender, "男性(Male)" %>男性(Male)
&nbsp;&nbsp;&nbsp;&nbsp;
<%= f.radio_button :gender, "女性(Female)" %>女性(Female)
</td>
<th>國籍<br>Nationality</th>
<td style="text-align: left;">
<%= f.select :nationality, data["countries"] %><br>
<br>
</td>
</tr>
<tr>
<th>護照號碼<br>Passport No.</th>
<td><%= f.text_field :passport_no, :size => 20 %></td>
</tr>
<tr>
<th>住址(臺灣地區請以中文)<br>Home Address in English</th>
<td colspan="3" style="text-align: left;">
<%= f.select :address_nationality, data["countries"] %><br>
<%= f.text_field :home_address, :size => 60 %>
</td>
</tr>
<tr>
<th>聯絡電話<br>Telephone</th>
<td class="telephone">
國碼 Country code +<%= f.text_field :country_code, :size => 3 %>&nbsp;&nbsp;&nbsp;
<%= f.text_field :tel_part1, :size => 3 %> -
<%= f.text_field :tel_part2, :size => 6 %>
</td>
<th>手機<br>Cell Phone</th>
<td><%= f.text_field :mobile, :size => 25 %></td>
</tr>
<tr>
<th>在台聯絡人<br>Contact Person in the R.O.C</th>
<td>
<%= f.text_field :taiwan_contact_person, :size => 25 %>
</td>
<th>聯絡人手機<br>Contact Person<br>Cell Phone</th>
<td>
<%= f.text_field :taiwan_contact_person_phone, :size => 25 %>
</td>
</tr>
<tr>
<th>在台通訊處<br>Mailing Address in the R.O.C</th>
<td colspan="3" style="text-align: left;">
<%= f.text_field :taiwan_mailing_address, :size => 60 %>
</td>
</tr>
<tr>
<th>監護人姓名<br>Name of parten/legal guardian</th>
<td colspan="3" style="text-align: left;">
<%= f.text_field :legal_guardian_name, :size => 60 %>
</td>
</tr>
<tr>
<th>監護人住址<br>Address of parten/legal guardian</th>
<td colspan="3" style="text-align: left;">
<%= f.text_field :legal_guardian_address, :size => 60 %>
</td>
</tr>
</tbody>
</table>
<table class="apply_form_table" cellpadding="5" cellspacing="0" border="0" width="800">
<tbody>
<tr>
<th width="300">父親曾為臺灣籍<br>Father have Taiwanese citizenship</th>
<td style="text-align: left;">
<%= f.radio_button :taiwanese_father, "1" %>是 Yes
<%= f.radio_button :taiwanese_father, "2" %>否 No
</td>
</tr>
<tr>
<th>父親姓名<br>Father's Name</th>
<td><%= f.text_field :father_name, :size => 20 %></td>
<th>出生年月日<br>Birth Day</th>
<td><%= f.datetime_picker :father_birthdate, :no_label => true, :new_record => application.new_record? %></td>
</tr>
<tr>
<th>出生地點<br>Place of Birth</th>
<td>
<%= f.text_field :father_place_of_birth, :size => 30 %>
</td>
<th>聯絡電話<br>Telephone</th>
<td class="telephone">
國碼 Country code +<%= f.text_field :father_country_code, :size => 3 %>&nbsp;&nbsp;&nbsp;
<%= f.text_field :father_tel_part1, :size => 3 %> -
<%= f.text_field :father_tel_part2, :size => 6 %>
</td>
</tr>
<tr>
<th>住址<br>Home Address</th>
<td colspan="3" style="text-align: left;">
<%= f.text_field :father_home_address, :size => 60 %>
</td>
</tr>
<tr>
<th width="200">
<div class="Father_Nationality" style="display:inline">國籍<br>Nationality</div>
<div class="Father_Security_Number" style="display:none">身份正字號<br>Social Security Number</div>
</th>
<td colspan="3" style="text-align: left;">
<div class="Father_Nationality_ComboSelectHolder" style="display:inline;">
<%= f.select :father_nationality, data["countries"] %><br>
</div>
<div class="Father_SSN_Holder" style="display:none">
<%= f.text_field :father_ID, :size => 20 %>
</div>
</td>
</tr>
</tbody>
</table>
<table class="apply_form_table" cellpadding="5" cellspacing="0" border="0" width="800">
<tbody>
<tr>
<th width="300">母親曾為臺灣籍<br>Mother have Taiwanese citizenship</th>
<td style="text-align: left;">
<%= f.radio_button :taiwanese_father, "1" %>是 Yes
<%= f.radio_button :taiwanese_father, "2" %>否 No
</td>
</tr>
<tbody>
<tr>
<th>母親姓名<br>Mother's Name</th>
<td><%= f.text_field :mother_name, :size => 20 %></td>
<th>出生年月日<br>Birth Day</th>
<td>
<%= f.datetime_picker :mother_birthdate, :no_label => true, :new_record => application.new_record? %>
</td>
</tr>
<tr>
<th>出生地點<br>Place of Birth</th>
<td>
<%= f.text_field :mother_place_of_birth, :size => 30 %>
</td>
<th>聯絡電話<br>Telephone</th>
<td class="telephone">
國碼 Country code +<%= f.text_field :mother_country_code, :size => 3 %>&nbsp;&nbsp;&nbsp;
<%= f.text_field :mother_tel_part1, :size => 3 %> -
<%= f.text_field :mother_tel_part2, :size => 6 %>
</td>
</tr>
<tr>
<th>住址<br>Home Address</th>
<td colspan="3" style="text-align: left;">
<%= f.text_field :mother_home_address, :size => 60 %>
</td>
</tr>
<tr>
<th width="200">
<div class="Mother_Nationality" style="display:inline">國籍<br>Nationality</div>
<div class="Mother_Security_Number" style="display:none">身份正字號<br>Social Security Number</div>
</th>
<td colspan="3" style="text-align: left;">
<div class="Mother_Nationality_ComboSelectHolder" style="display:inline;">
<%= f.select :mother_nationality, data["countries"] %><br>
</div>
<div class="Mother_SSN_Holder" style="display:none">
<%= f.text_field :mother_ID, :size => 20 %>
</div>
</td>
</tr>
</tbody>
</table>
<table class="apply_form_table" cellpadding="5" cellspacing="0" border="0" width="800">
<tbody>
<tr>
</tr>
<tr>
<th>擬申請就讀之系(所)組及擬攻讀何種學位<br>Department or graduate program do you expect to enroll in at NKUHT? And What program do you plan pursue</th>
</tr>
<tr>
<td>
<select name="Department" id="Department"></select>
</td>
</tr>
<tr>
</tr>
<tr>
<th>擬申請就讀之系(所)組及擬攻讀何種學位(第二志願)<br>Department or graduate program do you expect to enroll in at NKUHT? And What program do you plan pursue</th>
</tr>
<tr>
<td>
<select name="Department_Two" id="Department_Two">
</select>
</td>
</tr>
</tbody>
<tbody>
<tr></tr>
<tr>
<th>擬申請就讀之系(所)組及擬攻讀何種學位(第三志願)<br>Department or graduate program do you expect to enroll in at NKUHT? And What program do you plan pursue</th>
</tr>
<tr>
<td>
<select name="Department_Three" id="Department_Three">
</select>
</td>
</tr>
</tbody>
</table>
<table class="apply_form_table" cellpadding="5" cellspacing="0" border="0" width="800">
<tbody>
<tr>
<th>在台研習期間各項費用來源<br>What are your major financial<br>resources during your study at NKUHT?</th>
<td colspan="3">
<table width="100%" cellpadding="5" cellspacing="0" border="0" style="margin:0 auto;">
<tbody>
<tr>
<td><input type="checkbox" name="recruit_application[financial_options][]" value="個人儲蓄 Personal Saving"> 個人儲蓄 Personal Saving</td>
<td><input type="checkbox" name="recruit_application[financial_options][]" value="獎助學金 Scholarship"> 獎助學金 Scholarship</td>
</tr>
<tr>
<td><input type="checkbox" name="recruit_application[financial_options][]" value="父母供給 Parental Support">父母供給 Parental Support</td>
<td><input type="checkbox" name="recruit_application[financial_options][]" value="Other">其他 Other <%= f.text_field :financial_other_financial, :size => 20 %> </td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<th>健康情形<br>Health Condition</th>
<td colspan="3">
<table width="100%" cellpadding="5" cellspacing="0" border="0" style="margin:0 auto;">
<tbody>
<tr>
<td><%= f.radio_button :health_condition, "佳 (Good)" %>佳 (Good)</td>
<td><%= f.radio_button :health_condition, "尚可 (Average)" %>尚可 (Average)</td>
<td><%= f.radio_button :health_condition, "差 (Poor)" %>差 (Poor)</td>
</tr>
<tr>
<td colspan="3" style="text-align:left;">
如有疾病或缺陷請敘明之 (Any major health problem or physical disability?)
</td>
</tr>
<tr>
<td colspan="3" style="text-align:left;">
<%= f.text_field :major_health_condition, :size => 60 %>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<th>曾學習中文幾年?<br>How long have you studied Chinese?</th>
<td colspan="3">
<%= f.select :chinese_studying_years, data["years"] %>年 (Year)
</td>
</tr>
<tr>
<th>受何人指導(講授)<br>Where and under whose guidance have you studied Chinese?</th>
<td colspan="3">
<%= f.text_field :chinese_tutor, :size => 20 %>
</td>
</tr>
<tr>
<th>中國語文程度<br>Chinese proficiency level</th>
<td colspan="3">
<table width="100%" cellpadding="5" cellspacing="0" border="0" style="margin:0 auto;">
<tbody>
<tr>
<th width="100">聽 (Listening)</th>
<td><%= f.radio_button :chinese_proficiency_level_listening, "優 (Excellent)" %>優 (Excellent)</td>
<td><%= f.radio_button :chinese_proficiency_level_listening, "佳 (Good)" %>佳 (Good)</td>
<td><%= f.radio_button :chinese_proficiency_level_listening, "尚可 (Average)" %>尚可 (Average)</td>
<td><%= f.radio_button :chinese_proficiency_level_listening, "差 (Poor)" %>差 (Poor)</td>
</tr>
<tr>
<th>說 (Speaking)</th>
<td><%= f.radio_button :chinese_proficiency_level_speaking, "優 (Excellent)" %>優 (Excellent)</td>
<td><%= f.radio_button :chinese_proficiency_level_speaking, "佳 (Good)" %>佳 (Good)</td>
<td><%= f.radio_button :chinese_proficiency_level_speaking, "尚可 (Average)" %>尚可 (Average)</td>
<td><%= f.radio_button :chinese_proficiency_level_speaking, "差 (Poor)" %>差 (Poor)</td>
</tr>
<tr>
<th>讀 (Reading)</th>
<td><%= f.radio_button :chinese_proficiency_level_reading, "優 (Excellent)" %>優 (Excellent)</td>
<td><%= f.radio_button :chinese_proficiency_level_reading, "佳 (Good)" %>佳 (Good)</td>
<td><%= f.radio_button :chinese_proficiency_level_reading, "尚可 (Average)" %>尚可 (Average)</td>
<td><%= f.radio_button :chinese_proficiency_level_reading, "差 (Poor)" %>差 (Poor)</td>
</tr>
<tr>
<th>寫 (Writing)</th>
<td><%= f.radio_button :chinese_proficiency_level_writing, "優 (Excellent)" %>優 (Excellent)</td>
<td><%= f.radio_button :chinese_proficiency_level_writing, "佳 (Good)" %>佳 (Good)</td>
<td><%= f.radio_button :chinese_proficiency_level_writing, "尚可 (Average)" %>尚可 (Average)</td>
<td><%= f.radio_button :chinese_proficiency_level_writing, "差 (Poor)" %>差 (Poor)</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<th>是否參加過中文語文能力測驗? <br>Have you taken any Chinese language test?</th>
<td colspan="3">
<%= f.radio_button :taken_chinese_test, "是 (Yes)" %>是 (Yes)
<%= f.radio_button :taken_chinese_test, "否 (No)" %>否 (No)
</td>
</tr>
<tr>
<th>何種測驗? What kind of test?</th>
<td colspan="3">
<%= f.text_field :chinese_test_name %>
</td>
</tr>
<tr>
<th>級數? Grade/Level?</th>
<td colspan="3">
<%= f.text_field :chinese_test_level %>
</td>
</tr>
</tbody>
</table>
<div id="extra_curricular_area" class="add-panel">
<table class="apply_form_table" cellpadding="5" cellspacing="0" border="0" width="800">
<tbody>
<tr>
<th>課外活動 Extra-Curricular Activities</th>
</tr>
<tr>
<td>
<div id="activities">
<table class="to_clone" width="100%" cellpadding="5" cellspacing="0" border="0" style="margin:10px 0;">
<tbody>
<tr>
<th>活動名稱 (Subject)</th>
<td><input type="text" size="20" name="recruit_application[extra_curricular_activities][][subject]" ></td>
<th>參加年月</th>
<td>
<% years = Time.now.year..Time.now.year - 50 %>
<select name="recruit_application[extra_curricular_activities][][year]">
<% (years.first).downto(years.last).each do |year| %>
<option value="<%= year %>"><%= year %></option>
<% end %>
</select>年 (Year)
<select name="recruit_application[extra_curricular_activities][][month]">
<% (1..12).each do |month| %>
<option value="<%= month %>"><%= month %></option>
<% end %>
</select>月 (Month)
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<div class="new_panel"></div>
<div class="pull-right">
<a href="#" class="btn btn-default" id="extra_curricular_area_btn">增加一筆 (Add)</a>
</div>
</div>
<div id="publications_area" class="add-panel">
<table class="apply_form_table" cellpadding="5" cellspacing="0" border="0" width="800">
<tbody>
<tr>
<th>著作 Publications</th>
</tr>
<tr>
<td>
<div id="publications">
<table class="to_clone" width="100%" cellpadding="5" cellspacing="0" border="0" style="margin:10px 0;">
<tbody>
<tr>
<th>著作名稱 (Title)</th>
<td><input type="text" size="20" name="recruit_application[publications][][subject]" ></td>
<th>參加年月</th>
<td>
<% years = Time.now.year..Time.now.year - 50 %>
<select name="recruit_application[publications][][year]">
<% (years.first).downto(years.last).each do |year| %>
<option value="<%= year %>"><%= year %></option>
<% end %>
</select>年 (Year)
<select name="recruit_application[publications][][month]">
<% (1..12).each do |month| %>
<option value="<%= month %>"><%= month %></option>
<% end %>
</select>月 (Month)
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<div class="new_panel"></div>
<div class="pull-right">
<a href="#" class="btn btn-default" id="publications_area_btn">增加一筆 (Add)</a>
</div>
</div>
<div id="employment_area" class="add-panel">
<table class="apply_form_table" cellpadding="5" cellspacing="0" border="0" width="800">
<tbody>
<tr>
<th>經歷 Previous Employment</th>
</tr>
<tr>
<td>
<div id="employments">
<table class="to_clone" cellpadding="5" cellspacing="0" border="0" style="margin:10px auto;">
<tbody>
<tr>
<th width="130">公司名稱<br>(Company Name)</th>
<td width="130"><input type="text" size="20" name="recruit_application[previous_employments][][company_name]" ></td>
<th width="80">職稱 (Title)</th>
<td width="150"><input type="text" size="20" name="recruit_application[previous_employments][][title]" ></td>
</tr>
<tr>
<th width="150">起訖日<br>(Attendance Period)</th>
<td colspan="3">
<table width="100%" cellpadding="5" cellspacing="0" border="0" style="margin:0 auto;">
<tbody>
<tr>
<td>
起 (From)
<% years = Time.now.year..Time.now.year - 50 %>
<select name="recruit_application[previous_employments][][start_year]">
<% (years.first).downto(years.last).each do |year| %>
<option value="<%= year %>"><%= year %></option>
<% end %>
</select>年 (Year)
<select name="recruit_application[previous_employments][][start_month]">
<% (1..12).each do |month| %>
<option value="<%= month %>"><%= month %></option>
<% end %>
</select>月 (Month)
</td>
<td>
訖 (To)<% years = Time.now.year..Time.now.year - 50 %>
<select name="recruit_application[previous_employments][][end_year]">
<% (years.first).downto(years.last).each do |year| %>
<option value="<%= year %>"><%= year %></option>
<% end %>
</select>年 (Year)
<select name="recruit_application[previous_employments][][end_month]">
<% (1..12).each do |month| %>
<option value="<%= month %>"><%= month %></option>
<% end %>
</select>月 (Month)
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<div class="new_panel"></div>
<div class="pull-right">
<a href="#" class="btn btn-default" id="employment_area_btn">增加一筆 (Add)</a>
</div>
</div>
<table class="apply_form_table" cellpadding="5" cellspacing="0" border="0" width="800">
<tbody>
<tr>
<th colspan="4">學歷 Applicants previous educational background</th>
</tr>
<tr>
<th>學程 (Degree)</th>
<td><%= f.radio_button :degree_type, "中等學校 Secondary Education" %>中等學校<br>Secondary Education</td>
<td><%= f.radio_button :degree_type, "專科或大學 College or University" %>專科或大學<br>College or University</td>
<td><%= f.radio_button :degree_type, "國民型中學五年級 Form 5 graduates" %>國民型中學五年級<br>Form 5 graduates</td>
</tr>
<tr>
<th>學校名稱 (Name of school)</th>
<td colspan="3"><%= f.text_field :school_name %></td>
</tr>
<tr>
<th>學校所在地 (City and country)</th>
<td colspan="3"><%= f.text_field :school_city %></td>
</tr>
<tr>
<th>學位 (Degree granted)</th>
<td colspan="3"><%= f.text_field :school_degree %></td>
</tr>
<tr>
<th>起迄日 (Attendance period)</th>
<td colspan="3">
<%= f.datetime_picker :school_start, :label => "起 (From) ", :new_record => application.new_record?, :data=>{"picker-type" => "range", "range" => "start"} %>
<%= f.datetime_picker :school_end, :label => "訖 (To) ", :new_record => application.new_record?, :data=>{"picker-type" => "range", "range" => "end"} %>
</td>
</tr>
<tr>
<th>畢業日期 (Date of Graduation)</th>
<td colspan="3"><%= f.datetime_picker :graduation_date, :no_label => true, :new_record => application.new_record? %></td>
</tr>
<tr>
<th>主修 (Major)</th>
<td colspan="3"><%= f.text_field :course_major, :size => 40 %></td>
</tr>
<tr>
<th>副修 (Minor)</th>
<td colspan="3"><%= f.text_field :course_minor, :size => 40 %></td>
</tr>
</tbody>
</table>
<table class="apply_form_table" cellpadding="5" cellspacing="0" border="0" width="800">
<tbody>
<tr>
<th colspan="2">Email</th>
</tr>
<tr>
<th width="250">Email</th>
<td><%= f.text_field :email, :size => 40 %></td>
</tr>
<tr>
<%= f.hidden_field :member_id, :value => data["member"] %>
<td colspan="2"><%= f.submit "Apply", :class => "btn btn-primary" %></td>
</tr>
</tbody>
</table>
<% end %>
</div>
<script type="text/javascript">
$("#extra_curricular_area_btn").on("click",function(){
var boxtoclone = $("#activities table.to_clone"),
clonedbox = boxtoclone.clone(),
deleteicon = $("<a href='#'>Delete</a>"),
td = $("<td></td>");
deleteicon.on("click",function(){
deleteicon.parents(".clonedbox").remove();
return false;
})
td.append(deleteicon);
clonedbox.removeClass("to_clone");
clonedbox.addClass("clonedbox");
clonedbox.find("tbody tr").append(td);
$("#activities").append(clonedbox);
return false;
})
$("#publications_area_btn").on("click",function(){
var boxtoclone = $("#publications table.to_clone"),
clonedbox = boxtoclone.clone(),
deleteicon = $("<a href='#'>Delete</a>"),
td = $("<td></td>");
deleteicon.on("click",function(){
deleteicon.parents(".clonedbox").remove();
return false;
})
td.append(deleteicon);
clonedbox.removeClass("to_clone");
clonedbox.addClass("clonedbox");
clonedbox.find("tbody tr").append(td);
$("#publications").append(clonedbox);
return false;
})
$("#employment_area_btn").on("click",function(){
var boxtoclone = $("#employments table.to_clone"),
clonedbox = boxtoclone.clone(),
deleteicon = $("<a href='#'>Delete</a>"),
td = $("<td rowspan='2' width='50px;'></td>");
deleteicon.on("click",function(){
deleteicon.parents(".clonedbox").remove();
return false;
})
td.append(deleteicon);
clonedbox.removeClass("to_clone");
clonedbox.addClass("clonedbox");
clonedbox.find("tbody tr:eq(0)").append(td);
$("#employments").append(clonedbox);
return false;
})
</script>