velvet-design/app/views/admin_panel/contact_messages.html.erb

<div class="row">
	<%= render 'admin_panel/sidebar_nav' %>
	<div class="span9">
		<div class="page-header">
		  <h1>
  			<i class="fa fa-envelope"></i>
			<%= t "admin_panel.contact_messages" %>
		  </h1>
		</div>
		<%= bootstrap_flash %>
		<% @contact_messages.each do |msg| %>
		<div class="media thumbnail" style="padding: 10px; padding-bottom: 5px;">
		  <div class="media-body pull-left">
		    <h4 class="media-heading" style="margin-bottom: 0px;">
			    <%= ('<span class="badge badge-warning" style="margin-top: -11px">' + (t "admin_panel.new") + '</span>').html_safe if msg.unread %>
			    <%= link_to msg.title, show_contact_message_path(msg) %> 
		    
		    <span style="margin-top: -5px;"><small><%= t "contact.by" %> 
			     <% if msg.user != nil %>
			    		<%= msg.user.full_name %>
				<% else %>
					<%= msg.email %>
				<% end %>
				, <%= time_ago_in_words(msg.created_at) %> <%= t "blog.ago" %>
		    </small></span>
		    </h4>
		    <p style="margin-top: 15px;"><%= truncate( msg.content, length: 120, omission: '...') %></p>
		  </div>
  		  <div class="pull-right">
  			 <div class="btn-group btn-group-vertical">
  				<% if msg.unread %>
  		      		<%= link_to '<i class="icon-eye-open"></i>'.html_safe, mark_contact_message_as_readed_path(msg), :class => 'btn' %>
  				<% else %>
  					<%= link_to '<i class="icon-eye-close"></i>'.html_safe, mark_contact_message_as_unread_path(msg), :class => 'btn' %>
  				<% end %>
  		      	<%= link_to '<i class="icon-remove"></i>'.html_safe, msg, method: :delete, data: { confirm: 'Are you sure?' }, :class => 'btn btn-danger' %>
  			 </div>
  		  </div> 
  		</div>
		<% end %>
		
	</div>
</div>