forest_cms 0.98.1

data/app/views/admin/form_inputs/_slug.html.erb

@@ -0,0 +1,11 @@
+<% options = {} %>
+<% options.merge!({ as: :hidden }) if local_assigns.fetch(:hidden, false).present? %>
+<%= f.input :slug,
+            placeholder: 'Leave this blank. The slug will be generated automatically from the title.',
+            required: false,
+            wrapper_class: 'form-group slug-attribute-wrapper',
+            **options,
+            input_html: {
+              data: {
+                persisted_value: f.object.try(:slug),
+                persisted_value_warning: '<span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span> You are changing the slug. Make sure to update any references to the old slug to avoid broken links.' } } %>

data/app/views/admin/form_inputs/_status.html.erb

@@ -0,0 +1,20 @@
+<% if record.statusable? %>
+  <% date_label = local_assigns.fetch(:date_label, 'Published date') %>
+  <div class="status-scheduler form-group">
+    <%= f.input :status, as: :select, collection: record.class.statuses_for_select.collect { |k, v| [k.titleize, k] }, include_blank: false %>
+    <% if record.respond_to?(:published_date) %>
+      <%= f.input :published_date,
+                  as: :datepicker,
+                  hint: "Set the date of this record to a future date and it will be hidden until this time.",
+                  input_html: { value: f.object.published_date.presence || Date.today },
+                  label: date_label %>
+    <% elsif record.respond_to?(:scheduled_date) %>
+      <%= f.input :scheduled_date,
+                  as: :string,
+                  hint: "Set the date of this record to a future date and it will be hidden until this time.",
+                  label: date_label,
+                  wrapper_html: {
+                    class: ('active' if record.scheduled?) } %>
+    <% end %>
+  </div>
+<% end %>

data/app/views/admin/form_inputs/collage/_media_item_fields.html.erb

@@ -0,0 +1,41 @@
+<% classes = [] %>
+<% classes << 'collage-input__item' %>
+<% classes << "collage-input__item--#{f.object.media_item.present? ? 'with-image' : 'without-image'}" %>
+<% classes << 'nested-fields' %>
+
+<% styles = [] %>
+<% styles << "left: #{f.object.collage_position_left}%" %>
+<% styles << "top: #{f.object.collage_position_top}%" %>
+<% styles << "width: #{f.object.collage_item_width}%" %>
+<% styles << "z-index: #{f.object.collage_z_index}" %>
+
+<%= content_tag :div, class: classes.join(' '), style: styles.join(';') do %>
+  <%= f.association :media_item, as: :image, label: false %>
+  <%# If you're host app view displays captions in the collage, you may want to show this css class in a admin css override in the host app. %>
+  <%= content_tag(:div, md(f.object.media_item.caption), class: 'collage-input__caption') if f.object.media_item.present? %>
+
+  <%= f.hidden_field :collage_position_left, class: 'collage-input__input--position-left' %>
+  <%= f.hidden_field :collage_position_top, class: 'collage-input__input--position-top' %>
+  <%= f.hidden_field :collage_z_index, class: 'collage-input__input--z-index' %>
+  <%= f.hidden_field :collage_item_width, class: 'collage-input__input--item-width' %>
+  <%= f.hidden_field :collage_item_height, class: 'collage-input__input--item-height' %>
+
+  <%= f.hidden_field :id %>
+
+  <% begin %>
+    <%# Add a partial named collage_fields to your block if you need to add additional fiels to the collage items %>
+    <%= capture do %>
+      <div class="collage-input__additional-fields">
+        <%= render "blocks/#{obj.model_name.singular}/collage_fields", f: f %>
+      </div>
+    <% end %>
+  <% rescue ActionView::MissingTemplate %>
+  <% end %>
+
+  <div class="media-item__buttons">
+    <% if f.object.media_item.present? %>
+      <%= content_tag :div, '', class: 'media-item__button media-item__buttons__edit glyphicon glyphicon-pencil', data: { path: edit_admin_media_item_path(f.object.media_item) } %>
+    <% end %>
+    <%= link_to_remove_association '', f, class: 'media-item__button media-item__buttons__remove glyphicon glyphicon-remove' %>
+  </div>
+<% end %>

data/app/views/admin/headers/_edit.html.erb

@@ -0,0 +1,68 @@
+<% if record.try(:statusable?) && !record.try(:published?) %>
+  <div class="alert alert-danger" role="alert">
+    <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
+    <span class="sr-only">Error:</span>
+    This <%= record.model_name.human %> is currently <strong><%= record.status %></strong> and is not visible to the public.
+  </div>
+<% end %>
+
+<%= admin_header_tag(record) do %>
+  <div class="panel panel-default">
+    <div class="panel-heading">
+      <h3 class="panel-title">
+        <%= record.model_name.human.titleize %> <%= record.id %>
+      </h3>
+    </div>
+    <div class="panel-body">
+      <div class="row">
+        <div class="col-sm-8">
+          <h1>
+            <%= record_name record %>
+          </h1>
+        </div>
+        <div class="col-sm-4 text-right">
+          <div class="btn-group">
+            <% if try(:respond_to?, "new_admin_#{record.model_name.singular}_path") %>
+              <%= link_to "New", send("new_admin_#{record.model_name.singular}_path"), title: "Create a new #{record.model_name.human}", class: 'btn btn-default' %>
+            <% end %>
+            <%= link_to "All", send("admin_#{record.model_name.plural}_path"), title: "View all #{record.model_name.plural.titleize}", class: 'btn btn-default' %>
+            <% record_namespaces = record.model_name.collection.split('/') %>
+            <% record_namespaces = record_namespaces.take(record_namespaces.length - 1) %>
+            <% begin %>
+              <% if Rails.application.routes.recognize_path send("admin_#{record.model_name.singular}_path", record), method: :delete %>
+                <%= link_to "Destroy", [:admin, *record_namespaces, record].reject(&:blank?), method: :delete, title: "Destroy this #{record.model_name.human}", data: { confirm: "Are you sure you want to destroy this #{record.model_name.human}?" }, class: 'btn btn-default' %>
+              <% end %>
+            <% rescue Exception => e %>
+              <% logger.info { "[Forest] Admin edit header could not determine destroy path for #{record.model_name}." } %>
+            <% end %>
+            <% begin %>
+              <% if Rails.application.routes.recognize_path send("#{record.model_name.singular}_path", record.to_friendly_param) %>
+                <%= link_to "Show", send("#{record.model_name.singular}_path", record.to_friendly_param), title: "View this #{record.model_name.human}", class: 'btn btn-default', data: { turbolinks: false } %>
+              <% elsif Rails.application.routes.recognize_path send("admin_#{record.model_name.singular}_path", record) %>
+                <%= link_to "Show", send("admin_#{record.model_name.singular}_path", record), title: "View this #{record.model_name.human}", class: 'btn btn-default' %>
+              <% end %>
+            <% rescue Exception => e %>
+              <% logger.info { "[Forest] Admin edit header could not determine show path for #{record.model_name}." } %>
+            <% end %>
+          </div>
+          <% if try(:respond_to?, "update_admin_#{record.model_name.singular}_path") %>
+            <div class="btn btn-success update-record-button">Update <%= record.model_name.human %></div>
+          <% end %>
+        </div>
+      </div>
+      <% if record.try(:draft?) %>
+        <div class="row">
+          <br>
+          <div class="col-sm-6">
+            <p class="text-muted">
+              <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
+              This <%= record.model_name.human %> is in Draft mode. You can make edits and update the <%= record.model_name.human %> and the changes will not be visible to the public.
+              You can preview the draft, and when you are ready to make the changes live, switch the status back to published.
+            </p>
+          </div>
+        </div>
+      <% end %>
+    </div>
+  </div>
+  <div class="btn btn-success update-record-button fixed-update-record-button" id="fixed-update-record-button">Update <%= record.model_name.human %></div>
+<% end %>

data/app/views/admin/headers/_index.html.erb

@@ -0,0 +1,61 @@
+<% model = model_name.constantize %>
+<% model_names = model.model_name %>
+<% should_paginate = local_assigns.fetch :paginate, true %>
+<% pagination_collection = local_assigns.fetch :pagination_collection, records %>
+
+<%= admin_header_tag(records) do %>
+  <div class="well">
+    <div class="row">
+      <div class="admin-header__item-group col-sm-8">
+        <h1 class="admin-header__item"><%= model_names.human.pluralize.titleize %> <span class="badge"><%= number_with_delimiter records.total_count %></span></h1>
+        <%= form_tag send("admin_#{model_names.plural}_path"), class: 'form-inline admin-header__item', method: :get, enforce_utf8: false, data: { turboform: true } do %>
+          <div class="form-group">
+            <%= text_field_tag :fuzzy_search, params[:fuzzy_search], class: 'form-control', placeholder: 'Search', autofocus: (true if params[:fuzzy_search].present?), data: { turboform: true } %>
+            <%= submit_tag 'Submit', name: nil, class: 'btn btn-default' %>
+          </div>
+        <% end %>
+      </div>
+      <div class="col-sm-4 text-right">
+        <div class="btn-group text-left">
+          <% if content_for? :index_header_button_group %>
+            <%= content_for :index_header_button_group %>
+          <% else %>
+            <% if try(:respond_to?, "new_admin_#{model_names.singular_route_key}_path") %>
+              <%= link_to "New #{model_names.human.titleize}", send("new_admin_#{model_names.singular_route_key}_path"), class: 'btn btn-success' %>
+              <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                <span class="caret"></span>
+                <span class="sr-only">Toggle Dropdown</span>
+              </button>
+              <ul class="dropdown-menu dropdown-menu--right">
+                <li>
+                  <%= link_to edit_admin_import_path(model_names.singular) do %>
+                    <span class="glyphicon glyphicon-import"></span>
+                    Bulk import
+                  <% end %>
+                </li>
+              </ul>
+            <% end %>
+          <% end %>
+        </div>
+      </div>
+      <%# TODO: this doesn't seem necessary %>
+      <% if I18n.exists?("forest.admin.index.#{model_names.singular}.description", locale) %>
+        <div class="col-sm-12">
+          <p class="text-muted">
+            <%= t(:description, scope: [:forest, :admin, :index, model_names.singular]) %>
+          </p>
+        </div>
+      <% end %>
+      <% if content_for? :index_header_body %>
+        <div class="admin-header__body col-sm-12">
+          <%= content_for :index_header_body %>
+        </div>
+      <% end %>
+      <% if should_paginate %>
+        <div class="col-sm-12">
+          <%= paginate pagination_collection %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+<% end %>

data/app/views/admin/headers/_new.html.erb

@@ -0,0 +1,14 @@
+<%= admin_header_tag(record) do %>
+  <div class="well">
+    <div class="row">
+      <div class="col-sm-6">
+        <h1>New <%= record.class.model_name.human %></h1>
+      </div>
+      <div class="col-sm-6 text-right">
+        <%= link_to 'Back',
+                    back_button(send("admin_#{record.class.model_name.route_key}_path")),
+                    class: 'btn btn-default' %>
+      </div>
+    </div>
+  </div>
+<% end %>

data/app/views/admin/headers/_show.html.erb

@@ -0,0 +1,37 @@
+<%= admin_header_tag(record) do %>
+  <div class="panel panel-default">
+      <div class="panel-heading">
+        <h3 class="panel-title">
+          <%= record.class.model_name.human %> <%= record.id %>
+        </h3>
+      </div>
+      <div class="panel-body">
+        <div class="row">
+          <div class="col-sm-6">
+            <h1>
+              <%= record_name record %>
+            </h1>
+          </div>
+          <div class="col-sm-6 text-right">
+            <div class="btn-group">
+              <%= link_to "All #{record.class.model_name.plural.titleize}", send("admin_#{record.class.model_name.route_key}_path"), class: 'btn btn-default' %>
+              <%= link_to "New #{record.class.model_name.human}", send("new_admin_#{record.class.model_name.singular_route_key}_path"), class: 'btn btn-default' %>
+              <% if respond_to? "#{record.class.model_name.singular_route_key}_path" %>
+                <%= link_to "View #{record.class.model_name.human}", send("#{record.class.model_name.singular_route_key}_path", record.to_friendly_param), class: 'btn btn-default', data: { turbolinks: false } %>
+              <% else %>
+                <%= link_to "View #{record.class.model_name.human}", send("admin_#{record.class.model_name.singular_route_key}_path", record), class: 'btn btn-default' %>
+              <% end %>
+              <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                <span class="caret"></span>
+                <span class="sr-only">Toggle Dropdown</span>
+              </button>
+              <ul class="dropdown-menu dropdown-menu--right">
+                <li><%= link_to "Destroy #{record.class.model_name.human}", [:admin, record], method: :delete, data: { confirm: 'Are you sure?' } %></li>
+              </ul>
+            </div>
+            <%= link_to "Edit #{record.class.model_name.human}", send("edit_admin_#{record.class.model_name.singular_route_key}_path", record), class: 'btn btn-primary' %>
+          </div>
+        </div>
+      </div>
+    </div>
+<% end %>

data/app/views/admin/imports/edit.html.erb

@@ -0,0 +1,60 @@
+<div class="admin-header">
+  <div class="well">
+    <div class="row">
+      <div class="col-sm-9">
+        <h1>
+          <%= @import.model_name.human %> Import
+          <small>Upload a CSV file matching the template below to bulk import records</small>
+        </h1>
+      </div>
+      <div class="col-sm-3 text-right">
+        <div class="btn-group">
+        <%= link_to "All #{@import.model_name.plural.titleize}", send("admin_#{@import.model_name.route_key}_path"), class: 'btn btn-default' %>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="panel panel-default">
+  <div class="panel-heading">
+    <h3 class="panel-title">CSV template</h3>
+  </div>
+  <div class="panel-body">
+    <p class="text-muted">Download the CSV template and format your import to match the following template. Save the file as a CSV and and upload in the form.
+    Leave columns blank if you do not have data for it available or it doesn't make sense to import.</p>
+    <p class="text-muted">Not all resources are able to be imported by default. If you need a more custom import please request this.</p>
+    <table class="table table-condensed table-bordered">
+      <thead>
+        <tr>
+          <% @import.csv_columns.each do |column| %>
+            <th><%= column.titleize %></th>
+          <% end %>
+        </tr>
+      </thead>
+      <tbody>
+        <% @import.csv_columns.each_with_index do |column, index| %>
+          <td><%= @import.columns_hash[column].type %></td>
+        <% end %>
+      </tbody>
+    </table>
+
+    <%= link_to 'Download CSV template', edit_admin_import_path(@import, format: :csv), class: 'btn btn-default', download: '' %>
+  </div>
+</div>
+
+<div class="panel panel-default">
+  <div class="panel-heading">
+    <h3 class="panel-title">Bulk import</h3>
+  </div>
+  <div class="panel-body">
+    <%= simple_form_for 'import', url: admin_imports_path, html: { multipart: true } do |f| %>
+      <div class="form-group">
+        <%= f.input :file, as: :file, label: 'CSV File input', input_html: { accept: '.csv' } %>
+        <p class="help-block">Upload your CSV file matching the template here.</p>
+      </div>
+      <%= f.input :model_name, value: @import.model_name.name, as: :hidden %>
+      <%= f.button :submit, 'Submit', class: 'btn btn-primary' %>
+    <% end %>
+  </div>
+</div>

data/app/views/admin/media_items/_form.html.erb

@@ -0,0 +1,54 @@
+<%= simple_form_for([:admin, @media_item]) do |f| %>
+  <%= f.error_notification %>
+
+  <div class="row">
+    <div class="col-sm-12">
+
+      <div class="panel panel-default" data-collapse-parent>
+        <div class="panel-heading">
+          <h3 class="panel-title">
+            Metadata
+          </h3>
+        </div>
+        <div class="panel-body" data-collapse-body>
+          <div class="form-inputs">
+            <div class="row">
+              <div class="col-sm-6">
+                <%= f.input :attachment, hint: 'Replace the file by uploading a new attachment.' %>
+                <%= f.input :title, placeholder: 'The title will be generated automatically from the file name if left blank.' %>
+                <%= render 'admin/form_inputs/slug', f: f %>
+                <%= f.input :alternative_text, hint: 'The alt attribute provides alternative information for an image if a user for some reason cannot view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader).' %>
+                <%= f.input :caption, markdown: true %>
+                <%#= f.input :description %>
+                <%= f.button :submit, class: 'btn-success' %>
+              </div>
+              <div class="col-sm-6">
+                <% if @media_item.attachment.present? %>
+                  <div class="form-group">
+                    <% if @media_item.image? %>
+                      <%= image_tag @media_item.attachment.url(:medium) %>
+                    <% elsif @media_item.video? %>
+                      <%= video_tag @media_item.attachment.url, controls: true %>
+                    <% else %>
+                      <%= link_to media_item.attachment.url, class: 'blank-link', target: '_blank' do %>
+                        <%= content_tag :div, class: 'media-item-file img-rounded', title: 'Open file' do %>
+                          <%= content_tag :span, '', class: "media-library-image--grid__icon glyphicon #{media_item.glyphicon}" %>
+                          <%= content_tag :div, media_item.attachment_file_name, class: "media-library-image__label small well" %>
+                        <% end %>
+                      <% end %>
+                    <% end %>
+                  </div>
+                  <div class="form-group">
+                    <label class="control-label">Attachment URL</label>
+                    <textarea class="form-control not-resizable" type="text" readonly><%= @media_item.attachment.url %></textarea>
+                  </div>
+                <% end %>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+    </div>
+  </div>
+<% end %>

data/app/views/admin/media_items/_media_item_grid_layout.html.erb

@@ -0,0 +1,23 @@
+<div class="media-item--grid col-xs-4 col-sm-3 col-md-2">
+  <% attachment_or_placeholder_url = media_item.attachment.exists? ? media_item.attachment.url(:small) : '' %>
+  <% attachment_or_placeholder_url_large = media_item.attachment.exists? ? media_item.attachment.url(:large) : '' %>
+  <% content = capture do %>
+    <% if media_item.file? %>
+      <%= content_tag :span, '', class: "media-library-image--grid__icon glyphicon #{media_item.glyphicon}" %>
+    <% end %>
+    <%= content_tag :div, media_item.title, class: "media-library-image__label small well", title: media_item.attachment_file_name %>
+  <% end %>
+  <%= link_to edit_admin_media_item_path(media_item),
+              class: "media-library-link #{media_item.file? ? 'media-library-link--file' : 'media-library-link--image'}",
+              data: {
+                media_item_id: media_item.id,
+                image_url: (image_url(attachment_or_placeholder_url) if media_item.image?),
+                image_url_large: (image_url(attachment_or_placeholder_url_large) if media_item.image?) } do %>
+    <%= content_tag :div, content, class: "media-library-image img-rounded #{'media-library-image--file' if media_item.file?}", style: "background-image: url(#{image_url(attachment_or_placeholder_url) if media_item.image?})" %>
+  <% end %>
+  <div class="media-item__buttons">
+    <%= content_tag :div, '', class: 'media-item__button media-item__buttons__edit glyphicon glyphicon-pencil', data: { path: edit_admin_media_item_path(media_item) } %>
+    <%# TODO: update delete icon to work in media library grid view? %>
+    <%= content_tag :div, '', class: 'media-item__button media-item__buttons__remove glyphicon glyphicon-remove' %>
+  </div>
+</div>

data/app/views/admin/media_items/_media_item_list_layout.html.erb

@@ -0,0 +1,32 @@
+<tr class="media-library__list-table-row">
+  <td><%= check_box_tag "selected[]", media_item.id %></td>
+  <td>
+    <div class="row">
+      <div class="media-library-image-row col-xs-4 col-sm-2">
+        <% attachment_or_placeholder_url = media_item.attachment.exists? ? media_item.attachment.url(:thumb) : '' %>
+        <% content = capture do %>
+          <% if media_item.file? %>
+            <%= content_tag :span, '', class: "media-library-image--list__icon glyphicon #{media_item.glyphicon}" %>
+          <% end %>
+        <% end %>
+        <%= link_to edit_admin_media_item_path(media_item), class: "media-library-link media-library-link--list #{media_item.file? ? 'media-library-link--file' : 'media-library-link--image'}", data: { media_item_id: media_item.id, image_url: (image_url(attachment_or_placeholder_url) if media_item.image?) } do %>
+          <%= content_tag :div, content, class: "media-library-image media-library-image--list img-rounded #{'media-library-image--file' if media_item.file?}", style: "background-image: url(#{image_url(attachment_or_placeholder_url) if media_item.image?})" %>
+        <% end %>
+      </div>
+      <div class="col-sm-8">
+        <%= link_to media_item.title.presence || media_item.slug, edit_admin_media_item_path(media_item) %>
+        <br>
+        <%= media_item.attachment_file_name %>
+        <br>
+        <div class="media-library__list-actions">
+          <%= link_to 'Edit', edit_admin_media_item_path(media_item) %>
+          <span class="text-light">|</span>
+          <%= link_to 'Delete Permanently', [:admin, media_item], method: :delete, class: 'text-danger', data: { confirm: 'Are you sure?' } %>
+          <span class="text-light">|</span>
+          <%= link_to 'View', admin_media_item_path(media_item) %>
+        </div>
+      </div>
+    </div>
+  </td>
+  <td><%= forest_date media_item.created_at %></td>
+</tr>

data/app/views/admin/media_items/_modal.html.erb

@@ -0,0 +1,62 @@
+<% cache ['modal', MediaItem.cache_key], expires_in: 4.weeks do %>
+  <div class="modal fade media-item-chooser" id="media-item-chooser" tabindex="-1" role="dialog" aria-labelledby="mediaItemChooser">
+    <div class="modal-dialog modal-fluid" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+          <h4 class="media-item-chooser__modal-title modal-title" id="gridSystemModalLabel">
+            Media Library
+            <div id="media-item-chooser__modal-title__loading-indicator" class="media-item-chooser__modal-title__loading-indicator text-muted small"></div>
+          </h4>
+          <div class="row">
+            <div class="col-sm-12">
+              <div class="text-muted">
+                <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
+                Drag and drop images or files to upload new items.
+              </div>
+              <br>
+            </div>
+            <div class="col-sm-10">
+              <div class="row">
+                <div class="col-sm-4">
+                  <%= form_tag admin_media_items_path, class: 'media-item-chooser__modal-search-form', method: :get, enforce_utf8: false do %>
+                    <%= text_field_tag :fuzzy_search, params[:fuzzy_search], id: 'media_item_modal_fuzzy_search', class: 'media-item-chooser__modal-search-input form-control', placeholder: 'Search' %>
+                  <% end %>
+                </div>
+                <div class="col-sm-4">
+                  <%= dropdown_select_form url: admin_media_items_path,
+                                           id: 'by_date',
+                                           select_options: MediaItem.dates_for_filter,
+                                           title: 'All Dates',
+                                           remote_parent: '.modal',
+                                           remote_target: '.modal-body',
+                                           remote_response_target: '.media-library' %>
+                </div>
+                <div class="col-sm-4">
+                  <%= dropdown_select_form url: admin_media_items_path,
+                                           id: 'by_content_type',
+                                           select_options: MediaItem.content_types_for_filter,
+                                           title: 'All Content Types',
+                                           remote_parent: '.modal',
+                                           remote_target: '.modal-body',
+                                           remote_response_target: '.media-library' %>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-2 text-right">
+              <button type="button" class="media-item-chooser__select-button btn btn-primary">Select</button>
+            </div>
+          </div>
+        </div>
+        <%= render 'admin/file_upload', klass: MediaItem, association: :attachment %>
+        <div class="modal-body">
+          Loading...
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+          <button type="button" class="media-item-chooser__select-button btn btn-primary">Select</button>
+        </div>
+      </div>
+    </div>
+  </div>
+<% end %>