orbit4-5/app/views/admin/member_selects/_modal_select.html.erb

<div id="member-filter" class="modal hide fade">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h3><%= t('list.user') %></h3>
  </div>
  <div class="modal-body">
    <div class="tabbable tabs-left">
      <div class="nano">
        <div class="content">
          <ul class="nav nav-pills nav-stacked">
            <li class="active"><a href="#all" data-toggle="tab"><%= t('list.role') %></a></li>
            <li><a href="#member" data-toggle="tab">Member</a></li>
          </ul>
        </div>
      </div>
      <div class="tab-content tab-content-1">
        <div class="tab-pane fade in active" id="all">
          <%= form_tag role_form_url, remote: true do %>
          <input type="hidden" value="<%= @authorization_type %>" name="authorization_type" />
          <% if @authorization_type == "sub_managers" %>
            <input type="hidden" value="<%= @object.id.to_s %>" name="category_id" />
            <% end %>
            <fieldset>
              <% @sorted_users.each_key do |role| %>
                <label class="checkbox inline">
                  <%= check_box_tag 'role_ids[]', role.id , false %> <%= role.title %>
                </label>
              <% end %>
            </fieldset>
            <div class="form-actions">
              <button type="button" class="btn" data-dismiss="modal"><%= t(:cancel) %></button>
              <%= submit_tag t(:submit), class: "btn btn-primary" %>
            </div>
          <% end %>
        </div>
        <div class="tab-pane fade" id="member">
          <ul class="nav nav-tabs">
           <% i = 0 %>
            <% @sorted_users.each_key do |role| %>
              <li class="current_role <%= i == 0 ? 'active' : ''  %>"><a href="#r_<%= role.id %>" data-toggle="tab"><%= role.title %></a></li>
              <% i = i + 1 %>
            <% end %>
          </ul>
          <%= form_tag user_form_url, remote: true do %>
          <input type="hidden" value="<%= @authorization_type %>" name="authorization_type" />
          <% if @authorization_type == "sub_managers" %>
            <input type="hidden" value="<%= @object.id.to_s %>" name="category_id" />
            <% end %>
          <div class="tab-content">
          <% i = 0 %>
          <% @sorted_users.each do |role, users| %>
                <div class="tab-pane fade <%= i == 0 ? 'in active' : ''  %>" id="r_<%= role.id %>">
                <% i = i + 1 %>
                <fieldset class="clearfix">
                    <div class="member-filter-result nano">
                      <div class="content">
                        <ul class="checkbox-card clearfix">
                          <% users.each do |user| %>
                            <li class="check-item">
                              <label>
                                <%= image_tag (user.member_profile.avatar.file ? user.member_profile.avatar : "member-pic.png"), class: "user-pic" %>
                                <span class="user-name"><%= user.member_profile.name %></span>
                              </label>
                              <%= check_box_tag 'user_ids[]', user.id , false %>
                            </li>
                          <% end %>
                        </ul>
                      </div>
                    </div>
                  </fieldset>
                </div>
              <% end %>
              </div>
               <div class="form-actions">
                <div class="btn-group dropup" style="text-align:left;">
                  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                    Select
                    <span class="caret"></span>
                  </a>
                  <ul class="dropdown-menu">
                    <li><a href="#" id="select_all_modal"><i class="icon-ok"></i> Select All</a></li>
                    <li><a href="#" id="deselect_all_modal"><i class="icon-remove"></i> De-select All</a></li>
                  </ul>
                 </div>
                  <button type="button" class="btn" data-dismiss="modal"><%= t(:cancel) %></button>
                  <%= submit_tag t(:submit), class: "btn btn-primary" %>
                </div>
          <% end %>
        </div>
      </div>
    </div>
  </div>
</div>


<script type="text/javascript">
  $(document).ready(function() {
    $('#member-filter').on('shown', function() {
      $('#member-filter').off('shown')
      $(this).find('.nano').nanoScroller({ scrollTop: 0, iOSNativeScrolling: true });
      $(this).find('.checkbox-card').cardCheck();
    });
  });
</script>