dm_cms 4.2.1.5

data/app/views/dm_cms/admin/cms_pages/_tree_sidebar.html.erb

@@ -0,0 +1,8 @@
+<li class="tree_item">
+  <% if item.divider? %>
+    <%= link_to "&mdash; #{item.menutitle} &mdash;".html_safe, :action => :show, :id => item %>
+  <% else %>
+    <%= link_to (item.title.blank? ? item.slug : item.title), :action => :show, :id => item %>
+  <% end %>
+  <%= (sub_items.blank? ? '' : content_tag(:ul, nested_tree_sidebar(sub_items), :class => 'arrow-list')) %>
+</li>

data/app/views/dm_cms/admin/cms_pages/edit.html.erb

@@ -0,0 +1,2 @@
+<% content_for :content_title, present(@current_page).admin_edit_title %>
+<%= render :partial => 'form' %>

data/app/views/dm_cms/admin/cms_pages/index.html.erb

@@ -0,0 +1,32 @@
+<% content_for :content_title, icon_label('font-paste', 'Pages') %>
+<% content_for :content_title_extra do %>
+  <div class="header-buttons">
+    <div class="collapse" id="header-buttons">
+      <div class="well">
+        <div class="btn-group">
+          <%= link_to('Snippets', dm_cms.admin_cms_snippets_path, class: 'btn btn-default btn-xs') %>
+          <button class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown"><i class="icon-cog"></i> <span class="caret"></span></button>
+          <ul class="dropdown-menu dropdown-menu-right icons-right">
+            <li>
+              <%= link_to icon_label('icon-redo', 'Clear Page Cache'), admin_expire_cache_path, method: :patch %>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+
+<% end %>
+
+<% if !current_account.preferred_site_enabled? %>
+  <div class="alert alert-warning">
+    Site is currently disabled - all requests will be sent to &#x27;Coming Soon&#x27; page unless logged in
+  </div>
+<% end %>
+
+<%= panel header: false do %>
+  <ul id="tree_sort" data-update_url="<%= dm_cms.admin_cms_page_sort_path %>">
+    <%= nested_tree(@tree) %>
+  </ul>
+<% end %>
+

data/app/views/dm_cms/admin/cms_pages/new_page.html.erb

@@ -0,0 +1,2 @@
+<% content_for :content_title, 'New Child Page for: '.html_safe + present(@current_page).admin_edit_title %>
+<%= render :partial => 'form' %>

data/app/views/dm_cms/admin/cms_pages/show.html.erb

@@ -0,0 +1,54 @@
+<% content_for :content_title, present(@current_page).admin_edit_title %>
+<% content_for :secondary_title, "#{@current_page.slug} &mdash; #{@current_page.title}".html_safe %>
+<% content_for :content_title_extra do %>
+  <%= page_header_buttons do %>
+    <%= link_to icon_label(:new, 'Add Content'), new_content_admin_cms_contentitem_path(@current_page), title: 'Add Content Block', class: 'btn btn-xs btn-default' %>
+    <%= link_to icon_label(:view, 'View Page'), url_for("/#{current_account.preferred_default_locale}/#{@current_page.slug}"), title: 'View Page', class: 'btn btn-xs btn-default', target: '_blank' %>
+  <% end %>
+<% end %>
+
+<div class="row">
+  <div class="col-md-8">
+    <% @current_page.cms_contentitems.each do |item| %>
+      <% toolbar = render partial: 'content_toolbar', locals: { contentitem: item,  contentitem_list: @current_page.cms_contentitems } %>
+      <%= panel title: "#{item.container}", body: false, toolbar: toolbar do %>
+        <pre class="prettyprint" style="border:none;border-bottom: 1px solid #eee;">
+<%= truncate(item.send("content_#{current_account.preferred_default_locale}"), length: 250) %>
+        </pre>
+        <span class="subtitle text-muted text-center">Format: <%= item.itemtype %></span>
+      <% end %>
+    <% end %>
+  </div>
+  
+  <div class="col-md-4">
+    <% toolbar = link_to icons(:edit), edit_admin_cms_page_path(@current_page), title: 'Edit Page Details', class: "btn btn-link btn-icon" %>
+    <%= panel title: 'Page Details', toolbar: toolbar do %>
+      <dl>
+        <dt class="text-info">Slug</dt>
+        <dd><%= @current_page.slug %></dd>
+        <dt class="text-info"></dt>
+        <dt class="text-info">Title</dt>
+        <dd><%= @current_page.title %></dd>
+        <dt class="text-info">Published?</dt>
+        <dd><%= @current_page.is_published? ? 'Yes' : 'No' %></dd>
+        <dt class="text-info">Requires Login?</dt>
+        <dd><%= @current_page.requires_login? ? 'Yes' : 'No' %></dd>
+        <dt class="text-info">Type</dt>
+        <dd><%= @current_page.pagetype %></dd>
+        <dt class="text-info">Template</dt>
+        <dd>
+          <%= @current_page.page_template %>
+          <%= " #{icons('icon-arrow-up9', color: '#aaa')}".html_safe if @current_page.template.blank? %>
+        </dd>
+        <dt class="text-info">Link</dt>
+        <dd><%= @current_page.link %></dd>
+        <dt class="text-info">Menu Title</dt>
+        <dd><%= @current_page.menutitle %></dd>
+        <dt class="text-info">Menu Image</dt>
+        <dd><%= @current_page.menuimage %></dd>
+      </dl>
+    <% end %>
+    <%= link_to 'Clear Facebook Cache', "https://developers.facebook.com/tools/debug/og/object?q=#{ERB::Util.url_encode(dm_cms.showpage_url(@current_page.slug))}",
+                 target: '_blank', class: 'btn btn-xs btn-default' %>
+  </div>
+</div>

data/app/views/dm_cms/admin/cms_posts/_form.html.erb

@@ -0,0 +1,59 @@
+<% unless @post.new_record? %>
+  <% content_for :content_title, @post.title %>
+  <% content_for :content_subtitle, @blog.title %>
+  <% content_for :content_title_extra do %>
+    <%= page_header_buttons do %>
+      <%= present(@post).label_published %>
+      <%= link_to(icon_label(:view, 'View'), post_show_url(@blog, @post), class: "btn btn-xs btn-default", title: 'View', target: '_blank') %>
+      <div class="btn-group">
+        <button class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown"><%= icons(:gear) %> <span class="caret"></span></button>
+        <ul class="dropdown-menu dropdown-menu-right icons-right">
+          <% if @post.notification_sent_on.nil? %>
+            <li><%= link_to 'Send Notification Emails', send_notifications_emails_admin_cms_blog_cms_post_path(@blog, @post), method: :put, data: {confirm: 'This will send a post notification email to each user of this blog.  Are you sure?'} %></li>
+          <% else %>
+            <li><%= link_to 'Re-Send Notification Emails', send_notifications_emails_admin_cms_blog_cms_post_path(@blog, @post), method: :put, data: {confirm: "WARNING: An email was already sent on #{format_datetime(@post.notification_sent_on)}.  Are you sure you want to send another?"} %></li>
+          <% end %>
+          <li><%= link_to 'Send Test Email', send_notifications_emails_admin_cms_blog_cms_post_path(@blog, @post, test: true), method: :put, data: {confirm: 'This will send a test post notification email to your email account.  Are you sure?'} %></li>
+          <li><%= link_to 'Clear Facebook Cache', "https://developers.facebook.com/tools/debug/og/object?q=#{ERB::Util.url_encode(dm_cms.post_show_url(@post.cms_blog.slug, @post.slug))}", target: '_blank' %></li>            
+        </ul>
+      </div>
+    <% end %>
+  <% end %>
+<% else %>
+  <% content_for :content_title, @blog.title %>
+<% end %>
+
+<% submit_url = (@post.new_record? ? admin_cms_blog_cms_posts_path(@blog) : admin_cms_blog_cms_post_path(@blog, @post)) %>
+<%= simple_form_for @post, url: submit_url,
+    html: { class: 'form-horizontal' }, wrapper: :bs3_horizontal_form, wrapper_mappings: DmAdmin::FormWrapperMappings do |f| %>
+
+  <%= f.error_notification message: "Please review the problems below" %>
+  <% toolbar = capture do %>
+    <%= link_to icons(:help), '#', class: 'btn btn-link btn-icon', data: { toggle: 'modal', target: '#tag_reference' } %>
+    <%= link_to icons(:cancel), admin_cms_blog_path(@blog), class: 'btn btn-link btn-icon' %>
+  <% end %>
+  <%= panel toolbar: toolbar do %>
+    <%= f.input :published_on, as: :datetime_picker, required: false, wrapper: :bs3_horizontal_nosize, 
+                label_html: {class: 'col-sm-2'}, input_wrapper_html: {class: 'col-sm-4'},
+                hint: 'Leave blank for DRAFT mode' %>
+
+    <%= locale_tabs do |locale| %>
+      <%= f.input "title_#{locale}",   label: 'Post Title', required: true %>
+      <div class="col-sm-12">
+        <%= f.input "summary_#{locale}", label: 'Summary',    required: true, wrapper: :bs3_vertical_form, as: :code_editor, input_html: {style: "height: 100px;"} %>
+      </div>
+      <div class="col-sm-12">
+        <%= f.input "content_#{locale}", label: 'Content',    required: true, wrapper: :bs3_vertical_form, as: :code_editor, input_html: {style: "height: 500px;"} %>
+      </div>
+    <% end %>
+
+    <%= f.input :slug, label: 'Slug', hint: 'Leave blank to have auto-generated based on title.' %>
+    <%= f.input :featured_image, label: 'Featured Image', id: 'image_error' %>
+    <%= f.input :comments_allowed, as: :boolean, label: 'Allow Comments', hint: 'Turn on if you want commenting for this post.' %>
+
+    <%= submit_or_cancel cancel_url: admin_cms_blog_path(@blog), delete_url: ([:admin, @blog, @post] unless @post.new_record?), delete_confirm: 'Are you sure you wish to delete this post?  All comments will also be deleted!' %>
+
+  <% end %>
+<% end %>
+
+<%= render partial: 'dm_cms/admin/shared/liquid_tags_ref' %>

data/app/views/dm_cms/admin/cms_posts/edit.html.erb

@@ -0,0 +1,2 @@
+<%= render 'form' %>
+

data/app/views/dm_cms/admin/cms_posts/new.html.erb

@@ -0,0 +1 @@
+<%= render 'form' %>

data/app/views/dm_cms/admin/cms_snippets/_form.html.erb

@@ -0,0 +1,28 @@
+<% submit_url = (@cms_snippet.new_record? ? admin_cms_snippets_path : admin_cms_snippet_path) %>
+<%= simple_form_for @cms_snippet, url: submit_url,
+    html: { class: 'form-horizontal' }, wrapper: :bs3_horizontal_form, wrapper_mappings: DmAdmin::FormWrapperMappings do |f| %>
+
+  <%= f.error_notification message: "Please review the problems below" %>
+  <% toolbar = capture do %>
+    <%= link_to icons(:help), '#', class: 'btn btn-link btn-icon', data: { toggle: 'modal', target: '#tag_reference' } %>
+    <%= link_to icons(:cancel), admin_cms_snippets_path, class: 'btn btn-link btn-icon' %>
+  <% end %>
+  <%= panel toolbar: toolbar do %>
+    <%= f.input :slug, label: 'Slug', required: true %>
+    <%= f.input :description, label: 'Description' %>
+    <%= f.input :published, as: :toggle, label: 'Publish It?' %>
+    <%= f.input :itemtype, label: 'Item Type', collection: CmsContentitem::CONTENT_TYPES, include_blank: false %>
+    <%= f.input :enable_cache, as: :toggle, label: 'Cache Content' %>
+    
+    <%= locale_tabs title: '' do |locale| %>
+      <div class="col-sm-12">
+        <%= f.input "content_#{locale}", label: 'Content',    required: true, wrapper: :bs3_vertical_form, as: :code_editor, input_html: {style: "height: 500px;"} %>
+      </div>
+    <% end %>
+
+    <%= submit_or_cancel cancel_url: admin_cms_snippets_path, delete_url: ([:admin, @cms_snippet] unless @cms_snippet.new_record?), delete_confirm: 'Are you sure you wish to delete this snippet?' %>
+
+  <% end %>
+<% end %>
+
+<%= render partial: 'dm_cms/admin/shared/liquid_tags_ref' %>

data/app/views/dm_cms/admin/cms_snippets/edit.html.erb

@@ -0,0 +1 @@
+<%= render :partial => 'form' %>

data/app/views/dm_cms/admin/cms_snippets/index.html.erb

@@ -0,0 +1,29 @@
+<% toolbar = capture do %>
+  <%= link_to icons(:new), new_admin_cms_snippet_path, title: 'New Snippet', class: 'btn btn-link btn-icon' %>
+<% end %>
+<%= panel title: 'List of Snippets', body: false, toolbar: toolbar do %>
+  <table class="table table-striped table-bordered">
+    <thead>
+      <tr>
+        <th>Name</th>
+        <th>Description</th>
+        <th width="50">Type</th>
+        <th width="50">Status</th>
+      </tr>
+    </thead>
+    <tbody>
+      <% @cms_snippets.each do |cms_snippet| %>
+        <% present cms_snippet do |snippet_presenter| %>
+          <tr class="item">
+            <td>
+              <%= link_to cms_snippet.slug, edit_admin_cms_snippet_path(cms_snippet) %>
+            </td>
+            <td><%= cms_snippet.description %></td>
+            <td><%= cms_snippet.itemtype %></td>
+            <td><%= snippet_presenter.label_published %></td>
+          </tr>
+        <% end %>
+      <% end %>
+    </tbody>
+  </table>
+<% end %>

data/app/views/dm_cms/admin/cms_snippets/new.html.erb

@@ -0,0 +1 @@
+<%= render :partial => 'form' %>

data/app/views/dm_cms/admin/dashboard/_widget_blog_comments.html.erb

@@ -0,0 +1,37 @@
+<% comment_day = params[:comment_day].to_i %>
+<% comments = Comment.where(commentable_type: CmsPost, created_at: (Date.today - comment_day.day).midnight..(Date.today - (comment_day - 1).day).midnight).order('created_at DESC') %>
+<% title = comment_day == 0 ? 'Today\'s Blog Comments' : comment_day == 1 ? 'Yesterday\'s Blog Comments' : "Blog Comments #{comment_day} days ago" %>
+<% content_for :title_toolbar do %>
+  <%= toolbar_btn(comments.size, dm_core.admin_dashboard_path, title: 'Number of comments today', class: 'label label-success pull-right') %>
+  <div class="panel-icons-group">
+    <%= link_to icons('icon-arrow-left11'), dm_cms.admin_widget_blog_comments_path(comment_day: comment_day + 1), remote: true, class: 'btn btn-link btn-icon' %>
+    <% if @comment_day == 0 %>
+      <%= link_to icons('icon-arrow-right12'), '#', class: 'btn btn-link btn-icon disabled' %>
+    <% else %>
+      <%= link_to icons('icon-arrow-right12'), dm_cms.admin_widget_blog_comments_path(comment_day: comment_day - 1), remote: true, class: 'btn btn-link btn-icon' %></li>
+    <% end %>
+    <%= link_to icons('icon-spinner8'), dm_cms.admin_widget_blog_comments_path(comment_day: comment_day), class: 'btn btn-link btn-icon hovertip', title: 'Refresh', remote: true %>
+  </div>
+<% end %>
+
+<%= panel title: title, toolbar: content_for(:title_toolbar) do %>
+  <% if comments.size == 0 %>
+    <p>No comments posted yet</p>
+  <% else %>
+    <% comments.each do |comment| %>
+      <!-- Comment -->
+      <div class="media">
+        <a class="pull-left" href="#"><div class="media-object"><%= avatar_for comment.user, 50 %></div></a>
+        <div class="media-body">
+          <%= link_to "<span class='hovertip' data-placement='right' title='#{comment.user.full_name}'>#{present(comment).author}</span>".html_safe, dm_cms.post_show_path(comment.commentable.cms_blog.slug, comment.commentable.slug, anchor: "comment_#{comment.id}"), class: 'media-heading' %>
+          <ul class="headline-info">
+            <li><%= format_datetime comment.created_at %></li>
+            <li><%= link_to comment.commentable.title, dm_cms.post_show_path(comment.commentable.cms_blog.slug, comment.commentable.slug, anchor: "comment_#{comment.id}"), class: 'post_title', target: '_blank' %></li>
+          </ul>
+          <%= present(comment).formatted_comment %>
+        </div>
+      </div>
+      <!-- /comment -->
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/dm_cms/admin/dashboard/widget_blog_comments.js.erb

@@ -0,0 +1 @@
+$('#widget_blog_comments').empty().append('<%= j render 'widget_blog_comments', comment_day: @comment_day %>')

data/app/views/dm_cms/admin/media_files/_form.html.erb

@@ -0,0 +1,102 @@
+<% #--- errors from failed multiple file uploads are in the object, show the errors
+  @msg = ""
+  if @media_file.errors.present?
+    @media_file.errors.each do |attribute, msg|
+      @msg << content_tag(:p, msg)
+    end
+  end
+%>
+<% unless @media_file.new_record? %>
+  <%= panel header: false do %>
+    <div class="media">
+      <% if @media_file.image? or @media_file.pdf? %>
+        <%= link_to image_tag(@media_file.media_url(:sm), width: 200, class: 'media-object', style: "width: 200px;height:auto;"), @media_file.media_url, class: 'pull-left' %>
+      <% else %>
+        <%= link_to @media_file.media_url, class: 'pull-left', style: "width: 200px;" do %>
+        <div class="aspect_wrapper_square">
+          <div class="thumbnail_extension_thumb">
+            <span><%= @media_file.media.file.extension %></span>
+          </div>
+        </div>
+        <% end %>
+      <% end %>
+      <div class="media-body">
+        <table class='table' style="border-top: none;">
+          <tr>
+            <th>URL</th>
+            <td><%= @media_file.media.url %></td>
+          </tr>
+        </table>
+        <table class='table table-condensed table-bordered'>
+          <thead>
+            <tr>
+              <th>Name</th>
+              <th>Version</th>
+              <th>File Size</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td><strong><%= link_to @media_file.short_location, @media_file.media.url %></strong></td>
+              <td><strong>original</strong></td>
+              <td><strong><%= number_to_human_size @media_file.media.file.size, precision: 3 %></strong></td>
+            </tr>
+            <% if @media_file.image? || @media_file.pdf? %>
+              <% @media_file.media.versions.each do |key, value| %>
+                  <% if @media_file.media.version_exists?(key) %>
+                  <tr>
+                    <td><%= link_to @media_file.short_location(key), value.url %></td>
+                    <td><%= key %></td>
+                    <td><%= number_to_human_size value.file.size, precision: 3 %></td>
+                  </tr>
+                <% end %>
+              <% end %>
+            <% end %>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  <% end %>
+<% end %>
+<% toolbar = toolbar_btn(icons(:cancel), {action: :index}, class: "btn btn-link btn-icon") %>
+
+<%= simple_form_for @media_file, url: [:admin, @media_file],
+      html: { class: 'form-horizontal' }, wrapper: :bs3_horizontal_form, wrapper_mappings: DmAdmin::FormWrapperMappings do |f| %>
+
+  <%= f.error_notification message: @msg %>
+  
+  <%= panel title: @title, toolbar: toolbar do %>
+
+  <% if @media_file.new_record? %>
+    <% folders = Dir["#{Rails.root}/public/#{account_site_assets_media(false)}/*/"].map { |a| File.basename(a) } %>
+    <%= f.input :media, error: false, label: 'Media Location', wrapper: :bs3_horizontal_group, hint: 'You can select or type a folder to save the uploaded file into.  Default will be the current year.' do %>
+        <%= content_tag :div, class: "input-group-btn" do %>
+          <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" >Folder <span class="caret"></span></button>
+          <ul class="dropdown-menu dropdown-field" data-field="folder_field">
+            <% folders.sort.each do |folder| %>
+              <li><a href="#"><%= folder %></a></li>
+            <% end %>
+          </ul>
+        <% end %>
+        <%= f.input_field :folder, size: 12, value: (f.object.folder || Time.now.year), id: 'folder_field', class: 'form-control', style: 'width: 30%' %>
+    <% end %>
+    <%= f.input :media, input_html: {style: 'margin-left: 10px;', multiple: true, name: 'media_list[]'} %>
+
+  <% else %>
+    <%= f.input :media, input_html: {preview_version: :thumb} %>
+  <% end %>
+
+  <%= f.input :generate_retina, label: false, disabled: @media_file.generate_retina?, inline_label: "Generate retina versions", hint: "Make sure you upload a large version of the file." %>
+  <%= f.input :tag_list, hidden: true, input_html: {id: "tag_field", data: {tags: MediaFile.tag_list_all}},
+               hint: 'Tags for the folder name and the file extension are added automatically' %>
+  
+  <% if false #--- disable this for now %>
+    <%= locale_frame :title => '' do |locale| %>
+      <%= f.input "title_#{locale}",        label: 'Title' %>
+      <%= f.input "description_#{locale}",  label: 'Description' %>
+    <% end %>
+  <% end %>
+ 
+  <%= submit_or_cancel cancel_url: {action: :index}, delete_url: ([:admin, @media_file] unless @media_file.new_record?), delete_confirm: 'Are you sure you wish to delete this file from the Media Library?' %>
+  <% end %>
+<% end %>

data/app/views/dm_cms/admin/media_files/edit.html.erb

@@ -0,0 +1,3 @@
+<% content_for :content_title, "Media: #{@media_file.short_location}" %>
+<% @title = 'Updating Media File' %>
+<%= render 'form' %>

data/app/views/dm_cms/admin/media_files/index.html.erb

@@ -0,0 +1,98 @@
+<% content_for :content_title, 'Media Library' %>
+<% toolbar = toolbar_btn(icons(:new), new_admin_media_file_path, title: 'New Upload', class: "btn btn-link btn-icon") %>
+<%= panel title: 'Thumbnails', toolbar: toolbar do %>
+  <h6>Filter by tag:</h6>
+  <div class="tagsinput block">
+    <%= link_to content_tag(:span, 'all', class: "tag #{'active' if @tag_filter == 'all'}"), admin_media_files_path(filter: 'all') %>
+    <%= link_to content_tag(:span, '/', class: "tag #{'active' if @tag_filter == 'top'}"), admin_media_files_path(filter: 'top') %>
+    <% MediaFile.tag_list_all.each do |tag| %>
+      <% active_tag = (@tag_filter == tag ? 'active' : '') %>
+      <%= link_to content_tag(:span, tag, class: "tag #{active_tag}"), admin_media_files_path(filter: tag) %>
+    <% end %>
+  </div>
+
+  <div class="tabbable">
+    <ul class="nav nav-tabs">
+      <li class="active"><a href="#list_tab" data-toggle="tab">List</a></li>
+      <li><a href="#grid_tab" data-toggle="tab">Grid</a></li>
+    </ul>
+
+    <div class="tab-content with-padding">
+
+      <%#--- List Tab %>
+      <div class="tab-pane fade in active" id="list_tab">
+        <table class="table table-bordered table-hover">
+          <tbody>
+            <% @media_files.each do |media_file| %>
+              <tr>
+                <td style="width: 150px;">
+                  <% if media_file.image? or media_file.pdf? %>
+                    <%= link_to image_tag(media_file.media_url(:thumb)), media_file.media_url, class: 'thumbnail lightbox' %>
+                  <% else %>
+                    <%= link_to media_file.media_url do %>
+                    <div class="aspect_wrapper_square">
+                      <div class="thumbnail_extension_thumb">
+                        <span><%= media_file.media.file.extension %></span>
+                      </div>
+                    </div>
+                    <% end %>
+                  <% end %>
+                </td>
+                <td>
+                  <div class="media">
+                    <div class="media-body">
+                      <%= media_file.media.file.filename %>
+                      <ul class="headline-info" style="margin-right: 150px;">
+                        <li><%= format_datetime media_file.created_at %></li>
+                      </ul>
+                      <div class="media-footer"><span class="text-info">Publication:</span> footer_text</div>
+                    </div>
+                  </div>
+                </td>
+              </tr>
+            <% end %>
+          </tbody>
+        </table>
+      </div>
+
+      <%#--- Grid Tab %>
+      <div class="tab-pane fade" id="grid_tab">
+        <% @media_files.each_slice(4) do |media_chunk| %>
+          <div class="row">
+            <% media_chunk.each do |media_file| %>
+              <div class="col-lg-3 col-md-3 col-sm-3">
+                <div class="block">
+                  <div class="thumbnailx thumbnail-boxed">
+                    <% if media_file.image? or media_file.pdf? %>
+                      <%= link_to image_tag(media_file.media_url(:thumb), width: '100%'), media_file.media_url, class: 'thumbnail lightbox' %>
+                    <% else %>
+                      <%= link_to media_file.media_url do %>
+                      <div class="aspect_wrapper_square">
+                        <div class="thumbnail_extension_thumb">
+                          <span><%= media_file.media.file.extension %></span>
+                        </div>
+                      </div>
+                      <% end %>
+                    <% end %>
+                    <div class="caption">
+                      <h6 style="word-wrap: break-word;text-align:center;margin-top:0px;"><%= media_file.media.file.filename %></h6>
+                      <%= link_to icons(:edit), edit_admin_media_file_path(media_file), class: "btn btn-link btn-icon" %>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            <% end %>
+          </div>
+        <% end %>
+
+      </div>
+    </div>
+
+    <div class="row">
+      <div class='col-md-12'>
+        <%= will_paginate(@media_files, inner_window: 10, next_label: 'Next', previous_label: 'Prev', renderer: WillPaginate::AdminThemeRenderer) %>
+      </div>
+    </div>
+  </div>
+<% end %>
+