forked from saurabh/orbit4-5
98 lines
3.4 KiB
Plaintext
98 lines
3.4 KiB
Plaintext
<% content_for :page_specific_css do -%>
|
|
<%= stylesheet_link_tag "lib/group/group-main" %>
|
|
<%= stylesheet_link_tag "//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" %>
|
|
<%= stylesheet_link_tag "//cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.6/animate.min.css" %>
|
|
<% end -%>
|
|
<% content_for :page_specific_javascript do -%>
|
|
<%= javascript_include_tag "//cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js" %>
|
|
<%= javascript_include_tag "group.js" %>
|
|
<% end -%>
|
|
<div class="group-member">
|
|
<div class="group-member-banner-wrap">
|
|
<div class="group-member-banner-image-wrap">
|
|
<img class="group-member-banner-image" src="<%= @group.image.url %>" alt="<%= @group.title %>">
|
|
</div>
|
|
<div class="group-member-bar">
|
|
<h2 class="group-member-page-title"><%= @group.title %> - Members</h2>
|
|
</div>
|
|
</div>
|
|
<div class="group-member-section wrapper">
|
|
<div class="group-member-detail">
|
|
<ul class="group-member-pagenation breadcrumb">
|
|
<li><a href="<%= admin_groups_path %>">My Groups</a> <span class="divider">/</span></li>
|
|
<li><a href="<%= admin_group_path(@group) %>"><%= @group.title %></a><span class="divider">/</span></li>
|
|
<li class="active">Members</li>
|
|
</ul>
|
|
</div>
|
|
<div class="group-member-dropdown btn-group">
|
|
<button class="btn" id="currennt-selected-option">All members <span class="badge"><%= @group_members.count.to_s %></span></button>
|
|
<button class="btn dropdown-toggle" data-toggle="dropdown">
|
|
<span class="caret"></span>
|
|
</button>
|
|
<ul class="dropdown-menu" id="member-type-selection">
|
|
<li><a href="#" data-member-type="all">All members <span class="badge"><%= @group_members.count.to_s %></span></a></li>
|
|
<li><a href="#" data-member-type="admin">Admins <span class="badge"><%= @group.admins.count.to_s %></span></a></li>
|
|
<li><a href="#" data-member-type="members">Members <span class="badge"><%= (@group_members.count - @group.admins.count).to_s %></span></a></li>
|
|
</ul>
|
|
</div>
|
|
<ul class="group-member-list clearfix" id="group-member-list">
|
|
<% @group_members.each do |gm| %>
|
|
<li class="group-member-item card" data-admin="<%= gm["admin"] %>">
|
|
<div class="group-member-photo-wrap">
|
|
<img class="group-member-photo" src="<%= gm["avatar"] %>" alt="Member Photo">
|
|
</div>
|
|
<div class="group-member-meta-wrap">
|
|
<div class="group-member-name">
|
|
<a href="#"><%= gm["name"][I18n.locale.to_s] %></a><br />
|
|
<%= gm["user_name"] %><br />
|
|
<% if gm["admin"] %>
|
|
<span class="label label-warning">Admin</span>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<% end %>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
$("#member-type-selection li a").on("click",function(){
|
|
var el = $(this),
|
|
members = $("#group-member-list li");
|
|
$("#currennt-selected-option").html(el.html());
|
|
switch(el.data("member-type")){
|
|
case "all":
|
|
members.show();
|
|
break;
|
|
case "admin":
|
|
members.filter("[data-admin=false]").hide();
|
|
members.filter("[data-admin=true]").show();
|
|
break;
|
|
case "members":
|
|
members.filter("[data-admin=true]").hide();
|
|
members.filter("[data-admin=false]").show();
|
|
break;
|
|
}
|
|
|
|
})
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|