orbit4-5/app/views/admin/members/_member_basic.html.erb

  <%#= devise_error_messages! %>

  <div class="attributes">
    <div class="attributes-header clearfix">
      <h4><%=t(:sys_basic_form)%></h4>
    </div>
    <div class="attributes-body">

      <!-- Avatar -->
      <div class="control-group">
        <label for="avatar" class="control-label muted"><%= t("users.avatar")%></label>
        <div class="controls">
          <!-- if this page editing please add class "fileupload-edit" -->
          <div class="fileupload fileupload-new clearfix <%= 'fileupload-edit' if @member.avatar.file %>" data-provides="fileupload">
            <div class="fileupload-new thumbnail pull-left">
              <% if @member.avatar? %>
                <%= image_tag(@member.avatar.thumb.url) %>
              <% else %>
                <%= image_tag "person.png" %>
              <% 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>
              <%= f.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">
                <%= f.check_box :remove_avatar %><%= t(:remove) %>
              </label>
            </div>
          </div>
        </div>
      </div>

      <%
        name_fields = ['first_name', 'last_name']
        name_fields = ['last_name', 'first_name'] if I18n.locale.eql? :zh_tw 
      %>

      <% name_fields.each do |name_field| %>
      <div class="control-group">
          <label for="<%= name_field %>" class="control-label muted" function="field_label"><%= t("users.#{name_field}")%></label>
        <div class="controls add-input">
          <div class="add-target">
            <div class="input-append">
              <div class="tab-content">
                <% @site_in_use_locales.each_with_index do |locale, i| %>
                <div class="tab-pane fade <%= ( i == 0 ) ? "active in" : '' %>" id="<%= name_field %>_<%= locale %>">
                    <%= f.fields_for "#{name_field}_translations".to_sym do |f| %>
                      <%= f.text_field locale, :value => (@member.send("#{name_field}_translations")[locale] rescue nil), :placeholder=>"#{t("users.#{name_field}")}" %>
                    <% end %>
                </div>
                <% end %>
              </div>
              <div class="btn-group" data-toggle="buttons-radio">
                <% @site_in_use_locales.each_with_index do |locale, i| %>
                  <a class="btn <%= ( i == 0 ) ? "active" : '' %>" href="#<%= name_field %>_<%= locale %>" data-toggle="tab"><%= t(locale.to_s) %></a>
                <% end %>
                <a href="#" class="btn remove-input"><i class="icon-trash"></i></a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <% end %>

      <!-- Email -->
      <div class="control-group">
        <label class="control-label muted" for="account">
          <label for="email" class="control-label"><%= t("users.email")%></label>
        </label>
        <div class="controls add-input">
          <%= f.text_field :email, :class=>"input-medium", :id=>"account", :placeholder=>"#{t('users.email')}" %>
        </div>
      </div>


      <!-- ID Number -->
      <div class="control-group">
        <label for="sid" class="control-label muted"><%= t("users.sid")%></label>
        <div class="controls add-input">
          <%= f.text_field :sid %>
          <span class="help-block"><%= t("users.sid_note")%></span>
        </div>
      </div>

      <!-- Office Tel Number -->
      <div class="control-group">
        <label for="office_tel" class="control-label muted"><%= t("users.office_tel")%></label>
        <div class="controls add-input">
          <%= f.text_field :office_tel %>
          <span class="help-block"><%= t("users.office_tel_note")%></span>
        </div>
      </div>

      <!-- Gender -->
      <div class="control-group">
        <label for="sex" class="control-label muted"><%= t("users.sex")%></label>
        <div class="controls">
          <label class="radio inline">
            <%= f.radio_button :sex, "male" %><%= t('users.male')%>
          </label>
          <label class="radio inline">
            <%= f.radio_button :sex, "female" %><%= t('users.female')%>
          </label>
          <label class="radio inline">
            <%= f.radio_button :sex, "unknown" %><%= t('users.unknown')%>
          </label>
        </div>
      </div>

      <!--  Birthday -->
      <div class="control-group">
        <label for="birthday" class="control-label muted"><%= t("users.birthday")%></label>
        <div class="controls">
          <%= f.datetime_picker :birthday, :no_label => true, :format=>"yyyy/MM/dd" %>
        </div>
      </div>

      <!-- Language Tabs -->
      <div class="nav-name"><strong><%= t(:language) %></strong></div>
      <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).to_s %></a>
          </li>
        <% end %>
      </ul>

      <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" : '' %>">
          <!--  Address -->
            <div class="control-group">
              <label for="autobiography" class="control-label muted"><%= t("users.address")%></label>
              <div class="controls add-input">
                <%= f.fields_for :address_translations do |f| %>
                <%= f.text_area locale, rows: 5, class: "input-block-level", :value => (@member.address_translations[locale] rescue nil) %>
                <% end %>
              </div>
            </div>

          </div>
        <% end %>
      </div>

      <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" : '' %>">
            <!--  Autobiography -->
            <div class="control-group">
              <label for="autobiography" class="control-label muted"><%= t("users.autobiography")%></label>
              <div class="controls add-input">
                <%= f.fields_for :autobiography_translations do |f| %>
                <%= f.cktext_area locale, rows: 5, class: "input-block-level", :value => (@member.autobiography_translations[locale] rescue nil) %>
                <% end %>
              </div>
            </div>

          </div>
        <% end %>
      </div>

    </div>
  </div>