forked from saurabh/orbit4-5
149 lines
6.8 KiB
Plaintext
149 lines
6.8 KiB
Plaintext
<% content_for :page_specific_css do -%>
|
|
<%= stylesheet_link_tag "group_show" %>
|
|
<% end -%>
|
|
<% content_for :page_specific_javascript do -%>
|
|
<%= javascript_include_tag "//cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20140415/jquery.cycle2.min.js" %>
|
|
<%= javascript_include_tag "group.js" %>
|
|
<% end -%>
|
|
|
|
<article class="group-post">
|
|
<header class="group-post-meta">
|
|
<div class="group-post-heading-wrap clearfix">
|
|
<h2 class="group-post-title"><%= @post.title %></h2>
|
|
<div class="group-post-avatar-wrap">
|
|
<a class="group-post-avatar-username-toggle tool-tip-parent" href="#">
|
|
<%
|
|
user = User.find(@post.author) rescue nil
|
|
if !user.nil?
|
|
author = (user.member_profile.name == "" ? user.user_name : user.member_profile.name rescue "")
|
|
avatar = (!user.member_profile.avatar.nil? ? user.member_profile.avatar.url : "/assets/member-piv.png" rescue "/assets/member-piv.png")
|
|
end
|
|
%>
|
|
<img class="group-post-avatar" src="<%= avatar %>" alt="">
|
|
<span class="group-post-username tool-tip"><%= author %></span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="group-post-sub-wrap">
|
|
<span class="group-post-postdate">
|
|
<% date = DateTime.parse(@post.created_at.to_s).strftime("%d %B") %>
|
|
<i class="group-post-postdate-icon icon-time"></i> <%= date %>
|
|
</span>
|
|
</div>
|
|
</header>
|
|
<section class="group-post-image-wrap">
|
|
<ul class="group-post-image-list cycle-slideshow"
|
|
data-cycle-slides="li"
|
|
data-cycle-prev=".group-post-cycle-prev"
|
|
data-cycle-next=".group-post-cycle-next"
|
|
data-cycle-fx="fade"
|
|
data-cycle-log="false"
|
|
>
|
|
<% @post.group_post_images.each do |gpi| %>
|
|
<li class="group-post-image-item"><img class="group-post-banner-image" src="<%= gpi.image.url %>" alt="<%= @post.title %>"></li>
|
|
<% end %>
|
|
</ul>
|
|
<div class="group-post-cycle-prev cycle-nav"><i class="icon-chevron-left"></i></div>
|
|
<div class="group-post-cycle-next cycle-nav"><i class="icon-chevron-right"></i></div>
|
|
</section>
|
|
<section class="group-post-content">
|
|
<%= @post.content.html_safe %>
|
|
</section>
|
|
<div class="group-post-attachment-wrap">
|
|
<i class="group-post-attachment-icon icon-paper-clip"></i>
|
|
<span class="group-post-attachments">
|
|
<a href="#" class="btn btn-default">My-Awesome-file</a>
|
|
<a href="#" class="btn btn-default">My-fantastic-file</a>
|
|
<a href="#" class="btn btn-default">My-lovely-file</a>
|
|
<a href="#" class="btn btn-default">My-stunning-file</a>
|
|
<a href="#" class="btn btn-default">My-Awesome-file</a>
|
|
<a href="#" class="btn btn-default">My-fantastic-file</a>
|
|
<a href="#" class="btn btn-default">My-lovely-file</a>
|
|
<a href="#" class="btn btn-default">My-stunning-file</a>
|
|
</span>
|
|
</div>
|
|
<div class="group-post-seen-by tool-tip-parent">
|
|
<em class="group-post-seen-by-lead">Seen by: </em>
|
|
<span class="group-post-seen-by-name">Harry</span>
|
|
<span class="group-post-seen-by-name">Ika</span>
|
|
<span class="group-post-seen-by-name">Joshua</span>
|
|
<span class="group-post-seen-by-name">Mason</span>
|
|
<span class="group-post-seen-by-name">Tina</span>
|
|
<span class="group-post-seen-by-name">Shelley</span>
|
|
<span class="group-post-seen-by-name">Anna</span>
|
|
<span class="group-post-seen-by-name">Poke</span>
|
|
<span class="group-post-seen-by-name">Moses</span>
|
|
</div>
|
|
<section class="comments">
|
|
<div class="grou-post-respond">
|
|
<form action="">
|
|
<h3 class="group-post-respond-title">
|
|
Leave a comment
|
|
</h3>
|
|
<div class="group-post-respond-wrap">
|
|
<label for="comment" class="screen-reader">Comment</label>
|
|
<textarea name="comment" id="comment" class="group-post-respond-comment" cols="100" rows="2" placeholder="Your comment here."></textarea>
|
|
</div>
|
|
<div class="grou-post-submit-wrap">
|
|
<input type="submit" name="submit" class="grou-post-respond-submit btn btn-primary" id="submit" value="Submit Comment">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<h3 class="group-post-comment-title">
|
|
Comments
|
|
</h3>
|
|
<ol class="group-post-comment-list">
|
|
<li class="group-post-comment">
|
|
<div class="group-post-comment-wrap">
|
|
<div class="group-post-comment-avatar">
|
|
<img src="/uploads/group/image/550fa5ba7470004834050000/IMAG1518.jpg" alt="Avatar image">
|
|
</div>
|
|
<div class="group-post-comment-body">
|
|
<div class="group-post-comment-author-wrap">
|
|
<div class="group-post-comment-author">Joshua Milton</div>
|
|
<div class="group-post-comment-time muted">24 March</div>
|
|
</div>
|
|
<div class="group-post-comment-content">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius quam quos eveniet enim soluta delectus nisi modi beatae! Facilis eaque aperiam vitae dolorum at perspiciatis commodi. Error dolorem fuga aperiam.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="group-post-comment">
|
|
<div class="group-post-comment-wrap">
|
|
<div class="group-post-comment-avatar">
|
|
<img src="/uploads/group/image/550fa5ba7470004834050000/IMAG1518.jpg" alt="Avatar image">
|
|
</div>
|
|
<div class="group-post-comment-body">
|
|
<div class="group-post-comment-author-wrap">
|
|
<div class="group-post-comment-author">Joshua Milton</div>
|
|
<div class="group-post-comment-time muted">24 March</div>
|
|
</div>
|
|
<div class="group-post-comment-content">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius quam quos eveniet enim soluta delectus nisi modi beatae! Facilis eaque aperiam vitae dolorum at perspiciatis commodi. Error dolorem fuga aperiam.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="group-post-comment">
|
|
<div class="group-post-comment-wrap">
|
|
<div class="group-post-comment-avatar">
|
|
<img src="/uploads/group/image/550fa5ba7470004834050000/IMAG1518.jpg" alt="Avatar image">
|
|
</div>
|
|
<div class="group-post-comment-body">
|
|
<div class="group-post-comment-author-wrap">
|
|
<div class="group-post-comment-author">Joshua Milton</div>
|
|
<div class="group-post-comment-time muted">24 March</div>
|
|
</div>
|
|
<div class="group-post-comment-content">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius quam quos eveniet enim soluta delectus nisi modi beatae! Facilis eaque aperiam vitae dolorum at perspiciatis commodi. Error dolorem fuga aperiam.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ol>
|
|
</section>
|
|
</article>
|
|
</div> |