forked from saurabh/orbit4-5
75 lines
2.7 KiB
Plaintext
75 lines
2.7 KiB
Plaintext
<% content_for :page_specific_css do -%>
|
|
<%= stylesheet_link_tag "group_show" %>
|
|
<% end -%>
|
|
<% content_for :page_specific_javascript do -%>
|
|
<%= javascript_include_tag "group.js" %>
|
|
<% end -%>
|
|
<div class="group-page">
|
|
<div class="group-page-banner-image-wrap">
|
|
<img class="group-page-banner-image" src="<%= @group.image.url %>" alt="<%= @group.title %>">
|
|
<ul class="group-page-view-switch btn-group">
|
|
<li class="group-page-feed-view btn btn-success"><a href="#" title="Feed" class="active"><i class="icon-list-ul"></i></a></li>
|
|
<li class="group-page-grid-view btn"><a href="#" title="Grid"><i class="icon-th"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="group-page-bar">
|
|
<h2 class="group-page-title"><%= @group.title %></h2>
|
|
<a class="group-page-new-post btn btn-large btn-primary" href="<%= admin_group_newpost_path(@group) %>"><i class="icon-plus"></i> New Post</a>
|
|
</div>
|
|
|
|
<div class="group-page-setion">
|
|
<div class="group-page-detail">
|
|
<span class="gorup-page-info-wrap" id="group_info_button">
|
|
<i class="group-page-info-icon icon-info-sign muted"></i> <span class="muted">Info</span>
|
|
</span>
|
|
<div class="group-page-description-wrap" id="group_info_area" style="display:none;">
|
|
<% if @group.privacy == "closed" %>
|
|
<span class="group-page-status-wrap close-eye">
|
|
<i class="group-page-status icon-eye-open"></i> Closed
|
|
</span>
|
|
<% else %>
|
|
<span class="group-page-status-wrap open-eye">
|
|
<i class="group-page-status icon-eye-open"></i> Open
|
|
</span>
|
|
<% end %>
|
|
<h4 class="muted">Group Description</h4>
|
|
<p class="group-page-description"><%= @group.description %></p>
|
|
</div>
|
|
</div>
|
|
<%= render :partial => "post", :collection => @group.group_posts.desc(:created_at) %>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
(function($) {
|
|
$( document ).ready( function() {
|
|
|
|
var doc = document,
|
|
viewSwitch = doc.querySelector( ".group-page-view-switch" ),
|
|
bar = doc.querySelector( ".group-page-bar" );
|
|
|
|
if( $( ".group-page" ).hasClass( "scroll" ) ) {
|
|
$( ".group-page-new-post" ).removeClass( "btn-large" );
|
|
bar.appendChild( viewSwitch );
|
|
}
|
|
});
|
|
|
|
var group_info_area = $("#group_info_area"),
|
|
orbit_bar = $("#orbit-bar");
|
|
$("#group_info_button").on("click",function(){
|
|
if(!group_info_area.hasClass("expanded")){
|
|
group_info_area.slideDown();
|
|
group_info_area.addClass("expanded");
|
|
}else{
|
|
group_info_area.slideUp();
|
|
group_info_area.removeClass("expanded");
|
|
}
|
|
})
|
|
|
|
$(document).on("scroll",function(){
|
|
orbit_bar.slideUp();
|
|
})
|
|
|
|
}(jQuery));
|
|
</script>
|