recruitment/app/views/recruitments/_employee_form.html.erb

199 lines
7.7 KiB
Plaintext
Raw Normal View History

2018-01-01 13:52:15 +00:00
<%# content_for :page_specific_css do %>
<%= stylesheet_link_tag "lib/main-forms" %>
<%= stylesheet_link_tag "lib/fileupload" %>
<%= stylesheet_link_tag "lib/main-list" %>
<%# end %>
<%# content_for :page_specific_javascript do %>
<%= javascript_include_tag "lib/bootstrap-datetimepicker" %>
<%= javascript_include_tag "lib/datetimepicker/datetimepicker.js" %>
<%= javascript_include_tag "lib/bootstrap-fileupload" %>
<%= javascript_include_tag "lib/file-type" %>
<%# end %>
<style type="text/css">
.header-title{
text-align: center;
}
hr{
border-top: 1px solid #5c5c5c;
}
.bootstrap-datetimepicker-widget ul{
list-style: none;
padding: 10px 25px;
text-align: center;
}
.bootstrap-datetimepicker-widget ul td,th{
cursor: pointer;
text-align: center;
}
.bootstrap-datetimepicker-widget ul td.old, td.new{
color: #cecece;
}
.bootstrap-datetimepicker-widget ul td:hover,th:hover{
background-color: #5c5c5c;
color: #fff;
}
.bootstrap-datetimepicker-widget span.month{
width: 50px;
}
.default_picker span.add-on{
padding: 3px;
margin-left: 5px;
cursor: pointer;
height: 20px;
width: 20px;
text-align: center;
}
</style>
2018-01-07 18:22:57 +00:00
<h3 class="header-title"><%= t("recruitment.emp_personal_profile") %></h3>
2018-01-01 13:52:15 +00:00
<hr>
<%= f.fields_for :employee_profile do |fe| %>
<!-- Gender -->
<div class="form-group">
2018-01-07 18:22:57 +00:00
<label class="col-sm-2 control-label"><%= t("recruitment.gender_title") %></label>
2018-01-01 13:52:15 +00:00
<div class="col-sm-8">
<label for="recruit_profile_employee_profile_attributes_gender_type1" class="control-label radio-label">
2018-01-07 18:22:57 +00:00
<%= fe.radio_button :gender, "type1" %> <%= t("recruitment.gender.type1") %>
2018-01-01 13:52:15 +00:00
</label>
<label for="recruit_profile_employee_profile_attributes_gender_type2" class="control-label radio-label">
2018-01-07 18:22:57 +00:00
<%= fe.radio_button :gender, "type2" %> <%= t("recruitment.gender.type2") %>
2018-01-01 13:52:15 +00:00
</label>
<label for="recruit_profile_employee_profile_attributes_gender_type3" class="control-label radio-label">
2018-01-07 18:22:57 +00:00
<%= fe.radio_button :gender, "type3" %> <%= t("recruitment.gender.type3") %>
2018-01-01 13:52:15 +00:00
</label>
</div>
</div>
<!-- DOB -->
<div class="form-group">
2018-01-07 18:22:57 +00:00
<%= fe.label :dob, t("recruitment.dob"), :class => "col-sm-2 control-label" %>
2018-01-01 13:52:15 +00:00
<div class="col-sm-5">
<%= fe.datetime_picker :dob, :no_label => true, :new_record => @profile.new_record? %>
</div>
</div>
<!-- Martial status -->
<div class="form-group">
2018-01-07 18:22:57 +00:00
<label class="col-sm-2 control-label"><%= t("recruitment.martial_title") %></label>
2018-01-01 13:52:15 +00:00
<div class="col-sm-8">
<label for="recruit_profile_employee_profile_attributes_marital_status_type1" class="control-label radio-label">
2018-01-07 18:22:57 +00:00
<%= fe.radio_button :marital_status, "type1" %> <%= t("recruitment.martial.type1") %>
2018-01-01 13:52:15 +00:00
</label>
<label for="recruit_profile_employee_profile_attributes_marital_status_type2" class="control-label radio-label">
2018-01-07 18:22:57 +00:00
<%= fe.radio_button :marital_status, "type2" %> <%= t("recruitment.martial.type2") %>
2018-01-01 13:52:15 +00:00
</label>
</div>
</div>
<!-- country code -->
<div class="form-group">
2018-01-07 18:22:57 +00:00
<%= fe.label :country_code, t("recruitment.country_code"), :class => "col-sm-2 control-label" %>
2018-01-01 13:52:15 +00:00
<div class="col-sm-1">
<%= fe.text_field :country_code, :class => "form-control" %>
</div>
</div>
<!-- phone number -->
<div class="form-group">
2018-01-07 18:22:57 +00:00
<%= fe.label :phone_number, t("recruitment.phone_number"), :class => "col-sm-2 control-label" %>
2018-01-01 13:52:15 +00:00
<div class="col-sm-5">
<%= fe.text_field :phone_number, :class => "form-control" %>
</div>
</div>
<!-- employment status -->
<div class="form-group">
2018-01-07 18:22:57 +00:00
<label class="col-sm-2 control-label"><%= t("recruitment.employment_status") %></label>
2018-01-01 13:52:15 +00:00
<div class="col-sm-8">
<label for="recruit_profile_employee_profile_attributes_employment_status_type1" class="control-label radio-label">
2018-01-07 18:22:57 +00:00
<%= fe.radio_button :employment_status, "type1" %> <%= t("recruitment.employment.type1") %>
2018-01-01 13:52:15 +00:00
</label>
<label for="recruit_profile_employee_profile_attributes_employment_status_type2" class="control-label radio-label">
2018-01-07 18:22:57 +00:00
<%= fe.radio_button :employment_status, "type2" %> <%= t("recruitment.employment.type2") %>
2018-01-01 13:52:15 +00:00
</label>
</div>
</div>
<!-- Website -->
<div class="form-group">
2018-01-07 18:22:57 +00:00
<%= fe.label :website, t("recruitment.website"), :class => "col-sm-2 control-label" %>
2018-01-01 13:52:15 +00:00
<div class="col-sm-5">
<%= fe.text_field :website, :class => "form-control" %>
</div>
</div>
<div class="form-group">
2018-01-07 18:22:57 +00:00
<%= fe.label :avatar, t("recruitment.avatar"), :class => "col-sm-2 control-label" %>
2018-01-01 13:52:15 +00:00
<div class="controls">
<div class="fileupload fileupload-new clearfix <%= 'fileupload-edit' if !@profile.new_record? && @profile.employee_profile.avatar.file %>" data-provides="fileupload">
<div class="fileupload-new thumbnail pull-left">
<% if !@profile.new_record? && @profile.employee_profile.avatar.file %>
<%= image_tag @profile.employee_profile.avatar %>
<% else %>
<img src="http://www.placehold.it/50x50/EFEFEF/AAAAAA" />
<% end %>
</div>
<div class="fileupload-preview fileupload-exists thumbnail pull-left"></div>
<span class="btn btn-file">
<span class="fileupload-new"><%= t(:select_image) %></span>
<span class="fileupload-exists"><%= t(:change) %></span>
<%= fe.file_field :avatar %>
</span>
<a href="#" class="btn fileupload-exists" data-dismiss="fileupload"><%= t(:cancel) %></a>
<div class="controls" data-toggle="buttons-checkbox">
<label class="checkbox inline btn btn-danger fileupload-remove">
<%= fe.check_box :remove_avatar %><%= t(:remove) %>
</label>
</div>
</div>
</div>
</div>
<% end %>
<ul class="nav nav-pills language-nav">
<% @site_in_use_locales.each_with_index do |locale, i| %>
<li class="<%= 'active' if i == 0 %>">
<a data-toggle="tab" href=".<%= locale %>"><%= t(locale) %></a>
</li>
<% end %>
</ul>
<!-- Language -->
<div class="tab-content language-area">
<% @site_in_use_locales.each_with_index do |locale, i| %>
<div class="<%= locale %> tab-pane fade <%= ( i == 0 ) ? "in active" : '' %>">
<%= f.fields_for :employee_profile do |fe| %>
<!-- address -->
<%= fe.fields_for :address_translations do |fe| %>
<div class="form-group">
2018-01-07 18:22:57 +00:00
<%= fe.label locale, t("recruitment.address"), :class => "col-sm-2 control-label" %>
2018-01-01 13:52:15 +00:00
<div class="col-sm-5">
<%= fe.text_area locale, :class => "form-control", :value => @profile.employee_profile.address_translations[locale] %>
</div>
</div>
<% end %>
<!-- autobiography -->
<%= fe.fields_for :autobiography_translations do |fe| %>
<div class="form-group">
2018-01-07 18:22:57 +00:00
<%= fe.label locale, t("recruitment.autobiography"), :class => "col-sm-2 control-label" %>
2018-01-01 13:52:15 +00:00
<div class="col-sm-5">
<%= fe.text_area locale, :class => "form-control", :value => @profile.employee_profile.autobiography_translations[locale] %>
</div>
</div>
<% end %>
<% end %>
</div>
<% end %>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<%= f.hidden_field :pseudo_member_id, :value => current_pseudo_user.user_name %>
<%= f.hidden_field :email, :value => current_pseudo_user.email %>
<%= f.hidden_field :first_name, :value => current_pseudo_user.first_name %>
<%= f.hidden_field :last_name, :value => current_pseudo_user.last_name %>
<%= f.hidden_field :user_type, :value => "1" %>
<input type="hidden" name="step" value="step1" >
2018-01-07 18:22:57 +00:00
<%= f.submit t("save"), :class =>"btn btn-primary" %>
<%= f.submit t("recruitment.next"), :class =>"btn btn-primary" %>
2018-01-01 13:52:15 +00:00
</div>
</div>