Changes for NTU General Affairs

2013-09-13 15:10:27 +08:00
1 parent d766eea9f4
commit 7c398ce4fe
@@ -0,0 +1,86 @@
+<div id="select_user_modal" 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-tabs">
+            <li class="active"><a href="#all" data-toggle="tab"><%= t('list.role') %></a></li>
+            <% @sorted_users.each_key do |role| %>
+              <li class=""><a href="#r_<%= role.id %>" data-toggle="tab"><%= role.title %></a></li>
+            <% end %>
+          </ul>
+        </div>
+      </div>
+      <div class="tab-content">
+        <div class="tab-pane fade in active" id="all">
+          <%= form_tag set_roles_admin_member_selects_path(field: @field), remote: true do %>
+            <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>
+        <% @sorted_users.each do |role, users| %>
+          <div class="tab-pane fade" id="r_<%= role.id %>">
+            <%= form_tag set_users_admin_member_selects_path(field: @field), remote: true do %>
+              <fieldset class="clearfix">
+                <div class="member-filter-result nano">
+                  <div class="content">
+                    <ul class="checkbox-card clearfix">
+                      <% users.each do |user| %>
+                        <li>
+                          <label>
+                            <%= image_tag (user.avatar.file ? user.avatar : "menber-pic.png"), class: "user-pic" %>
+                            <span class="user-name"><%= user.name %></span>
+                          </label>
+                          <%= check_box_tag 'user_ids[]', user.id , false %>
+                        </li>
+                      <% end %>
+                    </ul>
+                  </div>
+                </div>
+                <div class="form-actions condition">
+                  <button type="button" class="btn" data-dismiss="modal"><%= t(:cancel) %></button>
+                  <%= submit_tag t(:submit), class: "btn btn-primary" %>
+                </div>
+              </fieldset>
+            <% end %>
+          </div>
+        <% end %>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+<script type="text/javascript">
+  $(document).ready(function() {
+    $(".modal").on("hidden", function () {
+      $("#select_user").remove();
+      $('#select_user_modal').on('shown', function() {
+        $(this).find('.nano').nanoScroller({ scrollTop: 0, iOSNativeScrolling: true });
+        $(this).find('.checkbox-card > li').cardCheck({
+          check: $(this).find('.checkbox-card > li input[type="checkbox"]'),
+        });
+      });
+    });
+    $('#select_user_modal').on('shown', function() {
+      $('#select_user_modal').off('shown')
+      $(this).find('.nano').nanoScroller({ scrollTop: 0, iOSNativeScrolling: true });
+      $(this).find('.checkbox-card > li').cardCheck({
+        check: $(this).find('.checkbox-card > li input[type="checkbox"]'),
+      });
+    });
+  });
+</script>
@@ -0,0 +1,14 @@
+<% unless users.blank? %>
+  <div class="promoter-block">
+    <p class="promoter-title"><%= t(:promoter) %>：</p>
+    <ul>
+      <% users.each do |user| %>
+        <li class="promoter">
+          <p>
+              <%= link_to user.name, "mailto:#{user.email}", class: "promoter-name" %> / <span class="promoter-phone"><%= user.office_tel %></span>
+          </p>
+        </li>
+      <% end %>
+    </ul>
+  </div>
+<% end %>
@@ -0,0 +1,16 @@
+<% content_for :page_specific_javascript do -%>
+  <%= javascript_include_tag "member-selection" %>
+  <%= javascript_include_tag "lib/jquery.nanoscroller" %>
+  <%= javascript_include_tag "lib/checkbox.card" %>
+<% end -%>
+<% content_for :page_specific_css do -%>
+  <%= stylesheet_link_tag "member_select" %>
+<% end %>
+
+<div>
+  <div id="selected_users">
+    <%= render partial: 'admin/member_selects/user', collection: users, locals: {field: field} %>
+    <%= hidden_field_tag field %>
+  </div>
+  <%= link_to t(:add), '#', class: 'btn btn-primary btn-small select_user_modal', rel: select_members_admin_member_selects_path, field: field %>
+</div>
@@ -0,0 +1,5 @@
+<span class="alert alert-info selected_user" user_id="<%= user.id %>">
+  <%= user.name %>
+  <%= hidden_field_tag field, user.id %>
+  <%= content_tag :span, '×', class: 'close remove_user' %>
+</span>
@@ -0,0 +1,2 @@
+$("#select_user").html("<%= j render partial: 'admin/member_selects/modal_select', locals: {field: 'bulletin[user_ids][]'} %>");
+$("#select_user_modal").modal();
@@ -0,0 +1,2 @@
+$("#selected_users").append("<%= j render partial: 'user', collection: @users, locals: {field: @field} %>");
+$("#select_user_modal").modal('hide');