RubyGems - storytime - Versions diffs - 1.2.0 → 2.0.0 - Mend

storytime 1.2.0 → 2.0.0

Files changed (359) hide show

data/app/views/layouts/storytime/dashboard.html.erb CHANGED Viewed

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" style="height: 100%;">
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -8,16 +8,32 @@
     <title>Storytime</title>
     <%= stylesheet_link_tag    "storytime/application", media: "all" %>
+    <% if Rails.env.test? # needs to be before main js file %>
+      <%= javascript_include_tag "phantom_js_bind_polyfill"  %>
+      <%= stylesheet_link_tag "disable-transitions-for-test-env", media: "all" %>
+    <% end %>
     <%= javascript_include_tag "storytime/application" %>
+    <% if Rails.env.test? # needs to be after main js file %>
+      <script type="text/javascript">
+        window.Storytime.test_env = true;
+        $.fx.off = true;
+      </script>
+    <% end %>
     <%= csrf_meta_tags %>
   </head>
-  <body class="<%= params[:controller].parameterize %>-controller <%=params[:action]%>-action" data-controller="<%=params[:controller].camelize%>" data-action="<%=params[:action].camelize%>">
-    <%= render "storytime/application/storytime/navigation" %>
-    <%= render "storytime/application/storytime/flash" %>
+  <body class="storytime <%= params[:controller].parameterize %>-controller <%=params[:action]%>-action <%= yield(:body_class) %>" data-controller="<%=params[:controller].camelize%>" data-action="<%=params[:action].camelize%>" style='background-color: #255D94; background-image: linear-gradient( rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)),radial-gradient( at 40% 0%, #545ab6 0%, rgba(84, 90, 182, 0) 100%),radial-gradient( at 0% 100%, rgba(72, 160, 123, 0.8) 0%, rgba(118, 72, 160, 0) 50%); height: 100%; margin: 0;'>
+    <div class="container-lg relative" style="height: 100%;">
+      <%= render "storytime/application/storytime/navigation" %>
+      <%= render "storytime/application/storytime/flash" %>
-    <%= yield %>
+      <%= yield %>
+    </div>
   </body>
 </html>

data/app/views/storytime/application/storytime/_disqus_comment_counts.html.erb ADDED Viewed

@@ -0,0 +1,14 @@
+<% if @current_storytime_site.disqus_forum_shortname.present? %>
+  <script type="text/javascript">
+  /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
+  var disqus_shortname = '<%= @current_storytime_site.disqus_forum_shortname %>'; // required: replace example with your forum shortname
+  /* * * DON'T EDIT BELOW THIS LINE * * */
+  (function () {
+    var s = document.createElement('script'); s.async = true;
+    s.type = 'text/javascript';
+    s.src = '//' + disqus_shortname + '.disqus.com/count.js';
+    (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
+  }());
+  </script>
+<% end %>

data/app/views/storytime/application/storytime/_header.html.erb CHANGED Viewed

@@ -8,18 +8,17 @@
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
         </button>
-        <%= link_to @site.title, "/", class: "navbar-brand" %>
+        <%= link_to @current_storytime_site.title, "/", class: "navbar-brand" %>
       </div>
       <div class="navbar-collapse collapse">
         <ul class="nav navbar-nav">
           <% Storytime::Page.published.each do |page| %>
-            <li><%= link_to page.title, storytime.url_for(controller: "pages", action: "show", id: page.slug) %></li>
+            <li><%= link_to page.title, storytime.page_path(page) %></li>
           <% end %>
-          <li><%= link_to "Blog", storytime.url_for(Storytime::BlogPost.type_name.pluralize) %></li>
         </ul>
         <ul class="nav navbar-nav navbar-right">
           <li>
-            <%= link_to "#{t 'layout.subscribe_to', site_name: @site.title}", "#", data: {target: "#addSubscriptionModal", toggle: "modal"} %>
+            <%= link_to "#{t 'layout.subscribe_to', site_name: @current_storytime_site.title}", "#", data: {target: "#addSubscriptionModal", toggle: "modal"} %>
           </li>
           <% unless user_signed_in? %>
             <li><%= link_to "Sign In", Storytime.login_path %></li>

data/app/views/storytime/application/storytime/_navigation.html.erb CHANGED Viewed

@@ -1 +1,14 @@
-<%= render 'storytime/dashboard/navigation' if user_signed_in? && !devise_controller? && current_user.storytime_user? %>
+<% if user_signed_in? && !devise_controller? && current_user.storytime_user?(@current_storytime_site) %>
+  <% unless dashboard_controller %>
+    <div class="storytime">
+  <% end %>
+  <%= render 'storytime/dashboard/navigation' %>
+  <% unless dashboard_controller %>
+    <%= link_to "#", id: "storytime-app-menu-toggle", class: storytime_button_classes, data: { toggle: "off-canvas", target: "#dashboard-nav" } do %>
+      <i class="icon-st-icons-st-logo"></i>
+    <% end %>
+    </div>
+  <% end %>
+<% end %>

data/app/views/storytime/blogs/_tags.html.erb ADDED Viewed

@@ -0,0 +1,3 @@
+<% post.tags.each do |t| %>
+  <span class='label label-primary'><%= link_to t.name, tag_path(t.name) %></span>
+<% end %>

data/app/views/storytime/{posts/index.atom.builder → blogs/show.atom.builder} RENAMED Viewed

@@ -1,5 +1,5 @@
 atom_feed do |feed|
-  feed.title @site.title
+  feed.title @current_storytime_site.title
   feed.updated @posts.maximum(:updated_at)
   @posts.each do |post|

data/app/views/storytime/{posts/index.html.erb → blogs/show.html.erb} RENAMED Viewed

@@ -1,4 +1,4 @@
-<% content_for :head, auto_discovery_link_tag(:atom, Storytime::BlogPost, format: "atom") %>
+<% content_for :head, auto_discovery_link_tag(:atom, action: :show, id: @page.id, format: "atom") %>
 <div class="container">
   <div class="row">

data/app/views/storytime/comments/_discourse.html.erb ADDED Viewed

@@ -0,0 +1,18 @@
+<div class="row">
+  <div class="col-md-12">
+    <div class="comments">
+      <div id="discourse-comments"></div>
+      <script type="text/javascript">
+          var discourseUrl = "<%= Storytime.discourse_name %>",
+                  discourseEmbedUrl = '<%= path_for( request.original_url) %>';
+          (function() {
+              var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
+              d.src = discourseUrl + 'javascripts/embed.js';
+              (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
+          })();
+      </script>
+    </div>
+  </div>
+</div>

data/app/views/storytime/comments/_disqus.html.erb CHANGED Viewed

@@ -4,8 +4,8 @@
       <div id="disqus_thread"></div>
       <script type="text/javascript">
         /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
-        var disqus_shortname = '<%= Storytime.disqus_forum_shortname %>'; // required: replace example with your forum shortname
-        // var disqus_identifier = 'a unique identifier for each page where Disqus is present';
+        var disqus_shortname = '<%= @current_storytime_site.disqus_forum_shortname %>'; // required: replace example with your forum shortname
+        var disqus_identifier = '<%= @post.id %>';
         // var disqus_title = 'a unique title for each page where Disqus is present';
         // var disqus_url = 'a unique URL for each page where Disqus is present';

data/app/views/storytime/comments/_form.html.erb CHANGED Viewed

@@ -1,10 +1,10 @@
 <% if current_user %>
-  <%= simple_form_for [@post, Storytime::Comment.new] do |f| %>
+  <%= simple_form_for [@post.becomes(Storytime::Post), Storytime::Comment.new] do |f| %>
     <%= f.input :content %>
     <%= f.button :submit %>
   <% end %>
 <% else %>
   <div class="alert alert-info" role="alert">
-    <%= link_to "Sign in", main_app.new_user_session_url %> to comment.
+    <%= link_to "Sign in", Storytime.login_path %> to comment.
   </div>
 <% end %>

data/app/views/storytime/dashboard/_navigation.html.erb CHANGED Viewed

@@ -1,53 +1,121 @@
-<div class="navbar navbar-inverse navbar-static-top" style="z-index: 1001; margin: 0;" role="navigation">
-  <div class="navbar-header">
-    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
-      <span class="sr-only">Toggle navigation</span>
-      <span class="icon-bar"></span>
-      <span class="icon-bar"></span>
-      <span class="icon-bar"></span>
-    </button>
-    <%= link_to "Storytime", main_app.storytime_path, class: "navbar-brand" %>
+<nav class="nav-menu nav-menu-default nav-menu-fixed-left off-canvas <%= dashboard_nav_class %>" id="dashboard-nav">
+  <div class="nav-menu-header relative">
+    <%= link_to image_tag("storytime/storytime-logo-nav.png", style: "height: 45px;"), "/", class: "nav-menu-brand" %>
+    <div class="btn-group" style="position: absolute; top: 50%; margin-top: -17px; right: 15px;">
+      <%= link_to "", id: "utility-menu-toggle", class: "btn btn-icon dropdown-toggle rotate-on-hover", data: { toggle: "dropdown" }, style: "color: #666; box-shadow: none;" do %>
+        <i class="icon-st-icons-utilitymenu"></i>
+      <% end %>
+      <ul class="dropdown-menu dropdown-menu-right" role="menu">
+        <% if Pundit.policy(current_user, Storytime.user_class).index? %>
+          <li>
+            <%= link_to [storytime, :dashboard, :memberships], class: "storytime-modal-trigger", remote: true, id: "users-link" do %>
+              <i class="icon-st-icons-users"></i>
+              <span style="margin-left: 10px; margin-right: 6px;">Users</span>
+            <% end %>
+          </li>
+          <li>
+            <%= link_to storytime.edit_dashboard_user_path(current_user), class: "storytime-modal-trigger", remote: true, id: "profile-link" do %>
+              <i class="icon-st-icons-profile"></i>
+              <span style="margin-left: 10px; margin-right: 6px;">My Account</span>
+            <% end %>
+          </li>
+        <% end %>
+        <% if Pundit.policy(current_user, Storytime::Site).edit? %>
+          <li>
+            <%= link_to dashboard_nav_site_path(@current_storytime_site), class: "storytime-modal-trigger", remote: true, id: "site-settings-link" do %>
+              <i class="icon-st-icons-settings"></i>
+              <span style="margin-left: 10px; margin-right: 6px;">Site Settings</span>
+            <% end %>
+          </li>
+          <li>
+            <%= link_to storytime.edit_multiple_dashboard_roles_path, class: "storytime-modal-trigger", remote: true, id: "site-permissions-link" do %>
+              <i class="icon-st-icons-permission"></i>
+              <span style="margin-left: 10px; margin-right: 6px;">Permissions</span>
+            <% end %>
+          </li>
+        <% end %>
+        <% if Pundit.policy(current_user, Storytime::Subscription).manage? %>
+          <li>
+            <%= link_to [storytime, :dashboard, Storytime::Subscription], class: "storytime-modal-trigger", remote: true, id: "subscriptions-link" do %>
+              <i class="icon-st-icons-subscribe"></i>
+              <span style="margin-left: 10px; margin-right: 6px;">Subsciptions</span>
+            <% end %>
+          </li>
+        <% end %>
+        <li class="divider"></li>
+        <li>
+          <%= link_to main_app.send("destroy_#{Storytime.user_class_underscore}_session_path"), method: Storytime.logout_method do %>
+            <i class="icon-st-icons-logout"></i>
+            <span style="margin-left: 10px; margin-right: 6px;">Log Out</span>
+          <% end %>
+        </li>
+      </ul>
+    </div>
   </div>
-  <div class="navbar-collapse collapse">
-    <ul class="nav navbar-nav">
-      <li <%= active_nav_item_class("posts", "blog_post") %>><%= link_to "Blog Posts", storytime.dashboard_posts_path(type: "blog_post") %></li>
-      <% Storytime.post_types.map{|post_type| post_type.constantize }.each do |post_type| %>
-        <% unless post_type.included_in_primary_feed? %>
-          <li <%= active_nav_item_class("posts", post_type.type_name) %>><%= link_to post_type.human_name.pluralize, storytime.dashboard_posts_path(type: post_type.type_name) %></li>
+  <div id="storytime-sites-menu" style="display: none;">
+    <ul class="nav nav-menu-nav">
+      <% Storytime::Membership.all_for_user(current_user).each do |membership| %>
+        <% if membership.site == current_storytime_site %>
+          <li class="active"><%= link_to icon("check", membership.site.title), "", class: "storytime-menu-toggle" %></li>
+        <% else %>
+          <li><%= link_to membership.site.title, storytime.dashboard_url(host: membership.site.custom_domain) %></li>
         <% end %>
       <% end %>
+      <li><%= link_to icon("plus", "New Site"), storytime.new_dashboard_site_path %></li>
+    </ul>
+  </div>
+  <div id="storytime-main-menu">
+    <ul class="nav nav-menu-nav">
+      <li><%= link_to icon('long-arrow-left', current_storytime_site(request).title), "", class: "storytime-menu-toggle" %></li>
       <% if Pundit.policy(current_user, Storytime::Snippet).manage? %>
-        <li <%= active_nav_item_class("snippets") %>><%= link_to "Text Snippets", storytime.url_for([:dashboard, Storytime::Snippet]) %></li>
+        <li <%= active_nav_item_class("snippets") %>>
+          <%= link_to "Text Snippets", [storytime, :dashboard, Storytime::Snippet], class: "storytime-modal-trigger", remote: true, id: "snippets-link" %>
+        </li>
       <% end %>
-      <% if Storytime.enable_file_upload %>
-        <li <%= active_nav_item_class("media") %>><%= link_to "Media", storytime.url_for([:dashboard, Storytime::Media]) %></li>
+      <% if Pundit.policy(current_user, Storytime::Media).index? %>
+        <li <%= active_nav_item_class("media") %>>
+          <%= link_to "Media", [storytime, :dashboard, Storytime::Media] %>
+        </li>
       <% end %>
-      <li <%= active_nav_item_class("Subscriptions") %>><%= link_to "Subscriptions", dashboard_subscriptions_path %></li>
-      <% if Pundit.policy(current_user, Storytime.user_class).index? %>
-        <li <%= active_nav_item_class("users") %>><%= link_to "Users", storytime.url_for([:dashboard, :users]) %></li>
-      <% end %>
-      <% if Pundit.policy(current_user, Storytime::Site).edit? %>
-        <li <%= active_nav_item_class("sites") %>><%= link_to "Settings", dashboard_nav_site_path(@site) %></li>
-      <% end %>
+      <li>
+        <li <%= active_nav_item_class("pages", Storytime::Page.type_name) %>>
+          <%= link_to Storytime::Page.human_name.pluralize, [storytime, :dashboard, Storytime::Page] %>
+        </li>
+      </li>
     </ul>
-    <ul class="nav navbar-nav navbar-right" style="margin-right: 15px;">
-      <li class="dropdown">
-        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-          <%= current_user.storytime_name.blank? ? current_user.email : current_user.storytime_name %>
-          <b class="caret"></b>
-        </a>
-        <ul class="dropdown-menu">
-          <li><%= link_to "My Account", storytime.edit_dashboard_user_path(current_user) %></li>
-          <li><%= link_to "Sign Out", Storytime.logout_path, method: Storytime.logout_method %></li>
-        </ul>
-      </li>
+    <h4 class="nav-menu-divider">
+      Blogs
+    </h4>
+    <ul class="nav nav-menu-nav" id="blogs">
+      <%= render partial: "storytime/dashboard/blogs/blog", collection: Storytime::Blog.all %>
+    </ul>
+    <ul class="nav nav-menu-nav">
+      <li><%= link_to icon("plus", "New Blog"), [storytime, :new, :dashboard, :blog], class: "storytime-modal-trigger", remote: true %></li>
     </ul>
+    <% if Pundit.policy(current_user, :admin).manage? && StorytimeAdmin.models.length > 0 %>
+      <h4 class="nav-menu-divider">Admin</h4>
+      <ul class="nav nav-menu-nav">
+        <% StorytimeAdmin.models.each do |model| %>
+          <%= nav_item model.pluralize.titleize, [storytime_admin, model.classify.constantize], nav_id: [:admin, :widgets] %>
+        <% end %>
+      </ul>
+    <% end %>
+  </div>
+</nav>
+<div id='off-canvas-overlay'></div>
+<div class="modal modal-full-height fade" id="storytime-modal">
+  <div class="modal-dialog">
+    <div class="modal-content">
+    </div>
   </div>
-</div>
+</div>

data/app/views/storytime/dashboard/_settings_tabs.html.erb ADDED Viewed

@@ -0,0 +1,32 @@
+<ul class="nav nav-tabs">
+  <% if Pundit.policy(current_user, Storytime::Membership).index? %>
+    <li role="presentation" <%= active_nav_item_class("users") %>>
+      <%= link_to [:dashboard, :memberships], remote: true, class: "storytime-modal-trigger" do %>
+        <i class="icon-st-icons-users"></i>
+        <span class="hidden-xs">Users</span>
+      <% end %>
+    </li>
+  <% end %>
+  <% if Pundit.policy(current_user, Storytime::Site).edit? %>
+    <li role="presentation" <%= active_nav_item_class("sites") %>>
+      <%= link_to [:edit, :dashboard, @current_storytime_site], remote: true, class: "storytime-modal-trigger" do %>
+        <i class="icon-st-icons-settings"></i>
+        <span class="hidden-xs"><%= t('dashboard.sites.edit') %></span>
+      <% end %>
+    </li>
+    <li role="presentation" <%= active_nav_item_class("roles") %>>
+      <%= link_to edit_multiple_dashboard_roles_path, remote: true, class: "storytime-modal-trigger" do %>
+        <i class="icon-st-icons-permission"></i>
+        <span class="hidden-xs">Permissions</span>
+      <% end %>
+    </li>
+  <% end %>
+  <% if Pundit.policy(current_user, Storytime::Subscription).manage? %>
+    <li role="presentation" <%= active_nav_item_class("subscriptions") %>>
+      <%= link_to [:dashboard, Storytime::Subscription], remote: true, class: "storytime-modal-trigger" do %>
+        <i class="icon-st-icons-subscribe"></i>
+        <span class="hidden-xs">Subscriptions</span>
+      <% end %>
+    </li>
+  <% end %>
+</ul>

data/app/views/storytime/dashboard/autosaves/_autosave_info.html.erb CHANGED Viewed

@@ -1,8 +1,11 @@
-<% if autosavable.autosave && !params[:autosave].present? %>
-  <div id="autosaves" class="autosave_available" <% if autosavable.autosave.nil? %>style="display:none"<% end %>>
+<% if autosavable.autosave && !params[:autosave].present? && autosavable.autosave.content != autosavable.draft_content && autosavable.autosave.updated_at > autosavable.updated_at %>
+  <div id="autosaves" class="text-danger" <% if autosavable.autosave.nil? %>style="display:none"<% end %>>
     <div id="autosaves-toggle" data-toggle="collapse" data-target="#autosaves-panel">
-      <%= t('dashboard.posts.autosaves.available', resource: autosavable.human_name) %>
-      <%= link_to t('dashboard.posts.autosaves.view_autosave'), storytime.edit_dashboard_post_path(autosavable, autosave: autosavable.autosave.id) %>
+      <%= t('dashboard.posts.autosaves.available', resource: autosavable.human_name.downcase) %>
+      <%= link_to [:edit, :dashboard, autosavable, autosave: autosavable.autosave] do %>
+        <%= t('dashboard.posts.autosaves.view_autosave') %>
+        <i class="fa fa-caret-right"></i>
+      <% end %>
     </div>
   </div>
 <% end %>

data/app/views/storytime/dashboard/blog_posts/_form.html.erb ADDED Viewed

@@ -0,0 +1,157 @@
+<div>
+  <div id="versions-panel" class="collapse post-action-panel">
+    <div style="padding: 20px;">
+      <div class="container-fluid">
+        <div class="row">
+          <div class="col-md-8 col-md-offset-2">
+            <ul class="list-group" style="margin: 0;">
+              <%= render partial: 'storytime/dashboard/versions/version.html.erb', collection: @post.versions.order(created_at: :desc), locals: { versionable: @post } %>
+            </ul>
+            <%= link_to "Done", '#', class: "btn btn-primary btn-outline pull-right", style: "margin-top: 10px; margin-right: 15px;", data: { toggle: 'collapse', target: '#versions-panel' } %>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <%= simple_form_for (@post.new_record? ? [:dashboard, @post.blog, @post] : [:dashboard, @post]), html: { class: "post-form #{@post.new_record? ? 'new-post-form' : 'edit-post-form'}", data: { :"autosave-url" => (url_for([:dashboard, @post, :autosaves]) unless @post.new_record?), :"post-type" => current_post_type.type_name.tableize.singularize } } do |f| %>
+    <%= hidden_field_tag :type, @post.type_name %>
+    <% if Pundit.policy(current_user, @post).publish? %>
+      <%= f.input :published, as: :hidden, input_html: { id: "post_published" } %>
+    <% end %>
+    <div id="post-advanced-settings" class="collapse post-action-panel">
+      <div style="padding: 20px;">
+        <div class="container-fluid">
+          <div class="row">
+            <div class="col-md-8 col-md-offset-2">
+              <% if lookup_context.template_exists?("storytime/dashboard/posts/_#{@post.type_name}_fields") %>
+                <%= render("storytime/dashboard/posts/#{@post.type_name}_fields", f: f)  %>
+              <% end %>
+              <div class="post_field post_excerpt character-limit">
+                <small>
+                  <div class="pull-right character-limit-display" data-limit="<%= Storytime.post_excerpt_character_limit %>"></div>
+                </small>
+                <%= f.input :excerpt, required: false, input_html: { class: "character-limit-input" } %>
+              </div>
+              <div class="post_field post_tags">
+                <%= f.association :tags, input_html: { name: "#{@post.class.name.split('::').last.tableize.singularize}[tag_list][]", class: 'chosen-select tags-input', multiple: true } %>
+              </div>
+              <div class="row">
+                <div class="col-sm-6">
+                  <%= f.input :slug, input_html: { value: (@post.persisted? ? @post.slug : nil) } %>
+                </div>
+                <div class="col-sm-6">
+                  <%= f.input :published_at, as: :date_time_picker, label: "Publish Date/Time", input_html: { style: "display: inline;" } %>
+                </div>
+              </div>
+              <hr>
+              <div class="post_actions">
+                <%= link_to "Cancel", '#', class: "btn btn-default", data: { toggle: 'collapse', target: '#post-advanced-settings' } %>
+                <div class="pull-right">
+                  <%= f.submit "Save Draft", id: "save-draft-submit", class: "btn btn-default save" unless @post.published? %>
+                  <%= f.submit "Publish", class: "btn btn-primary btn-outline publish", publish: true unless @post.published? %>
+                  <%= f.submit "Update", class: "btn btn-primary btn-outline save" if @post.published? %>
+                </div>
+                <div class="notify_subscribers_checkbox pull-right">
+                  <%= f.input :notifications_enabled, as: :boolean, label: "Notify subscribers of new post" unless @post.published? %>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <% if Storytime.enable_file_upload %>
+      <div class="collapse post-action-panel" id="featured-images-panel">
+        <div style="padding: 20px;">
+          <div class="container-fluid">
+            <div class="row">
+              <div class="col-md-8 col-md-offset-2">
+                <div class="row">
+                  <div class="col-sm-10 col-sm-offset-1">
+                    <div class="row">
+                      <div class="col-sm-6">
+                        <div class="well text-center featured_image_block <%= 'has-image' if @post.featured_media %>">
+                          <%= f.input :featured_media_id, as: :hidden, input_html: { id: "featured_media_id" } %>
+                          <div id="featured_media_container" class="image_container">
+                            <%= image_tag @post.featured_media.file_url(:thumb), id: "featured_media_image" if @post.featured_media %>
+                          </div>
+                          <button type="button" class="btn btn-danger btn-block remove_featured_image">
+                            <%= t('dashboard.posts.remove_image') %>
+                          </button>
+                          <i class="icon-st-icons-images select_featured_image"></i>
+                          <div class="select_featured_image">
+                            <%= link_to "Select Featured Image", "#", class: "btn btn-primary btn-outline text-lighter", id: "featured_media_button" %>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="col-sm-6">
+                        <div class="well text-center featured_image_block <%= 'has-image' if @post.secondary_media %>">
+                          <%= f.input :secondary_media_id, as: :hidden, input_html: { id: "secondary_media_id" } %>
+                          <div id="secondary_media_container" class="image_container">
+                            <%= image_tag @post.secondary_media.file_url(:thumb), id: "secondary_media_image" if @post.secondary_media %>
+                          </div>
+                          <button type="button" class="btn btn-danger btn-block remove_featured_image">
+                            <%= t('dashboard.posts.remove_image') %>
+                          </button>
+                          <i class="icon-st-icons-images select_featured_image"></i>
+                          <div class="select_featured_image">
+                            <%= link_to "Select Secondary Image", "#", class: "btn btn-primary btn-outline text-lighter", id: "secondary_media_button" %>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <%= link_to "Done", '#', class: "btn btn-primary btn-outline pull-right", style: "margin-top: 10px;", data: { toggle: 'collapse', target: '#featured-images-panel' } %>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    <% end %>
+    <div class="container-fluid editor">
+      <div class="row">
+        <div class="col-md-8 col-md-offset-2">
+          <%= autosave_info @post if @post.persisted? %>
+          <%= f.error_notification if false %>
+          <div class="character-limit">
+            <span id="title_character_limit" class="text-muted character-limit-display" data-limit="<%= Storytime.post_title_character_limit %>"></span>
+            <h2 contenteditable="true" id="post-title-input" style="outline: none; margin-top: 0;" class="contenteditable character-limit-contenteditable" data-input="#<%= @post.class.name.split('::').last.tableize.singularize %>_title" placeholder="Title" autofocus="autofocus"><%= @post.title %></h2>
+            <%= f.input :title, as: :hidden, input_html: { class: "character-limit-input" } %>
+          </div>
+          <% if @post.errors[:title].present? %>
+            <span class="has-error">
+              <span class="help-block"><%= @post.errors[:title][0] %></span>
+            </span>
+          <% end %>
+          <!-- Do not add any extra whitespace inside this div. It gets copied into the post content. -->
+          <div class="medium-editor" data-input="#<%= @post.class.name.split('::').last.tableize.singularize %>_draft_content" id="medium-editor-post" contenteditable='true' style="outline: none; margin-top: 30px;"><%= raw @post.draft_content %></div>
+        </div>
+      </div>
+    </div>
+    <%= f.input :draft_content, as: :text, label: false, input_html: { class: "codemirror draft-content-input" } %>
+  <% end %>
+</div>
+<%= render "storytime/dashboard/media/modal" if Storytime.enable_file_upload %>

data/app/views/storytime/dashboard/blog_posts/edit.html.erb ADDED Viewed

@@ -0,0 +1,55 @@
+<div id="main" class="wysiwyg" data-post-id="<%= @post.slug || @post.id %>" data-preview="<%= params[:preview] %>">
+  <div class="scroll-panel">
+    <div class="scroll-panel-header">
+      <div class="pull-left">
+        <%= link_to "#", class: "btn btn-default btn-icon", data: { toggle: "off-canvas",  target: "#dashboard-nav" } do %>
+          <i class="icon-st-icons-st-logo"></i>
+        <% end %>
+        <%= link_to [:dashboard, @post.blog, :blog_page_post_index], class: "btn btn-default btn-scroll-panel-header" do %>
+          <%= icon('angle-left') %>
+          <span class="hidden-xs"><%= @post.blog.title %></span>
+        <% end %>
+      </div>
+      <div class="pull-right">
+        <%= link_to "#", class: "btn btn-default btn-icon margin-right", data: { toggle: "codemirror" } do %>
+          <i class="fa fa-code" style="top: -1px;"></i>
+        <% end %>
+        <% if Storytime.enable_file_upload %>
+          <%= link_to '#', class: "btn btn-default btn-icon margin-right", data: { toggle: "collapse", target: '#featured-images-panel' } do %>
+            <i class="icon-st-icons-images"></i>
+          <% end %>
+        <% end %>
+        <div class="btn-group margin-right">
+          <button type="button" class="btn btn-default btn-icon dropdown-toggle" id="post-utilities" data-toggle="dropdown" aria-expanded="false">
+            <i class="icon-st-icons-utilitymenu"></i>
+          </button>
+          <ul class="dropdown-menu dropdown-menu-right" role="menu" style="top: 125%;">
+            <li>
+              <%= link_to '#', data: { toggle: 'collapse', target: '#versions-panel' } do %>
+                <i class="icon-st-icons-versions"></i>
+                History
+              <% end %>
+            </li>
+            <li>
+              <%= link_to url_for([:dashboard, @post]),  method: :delete, data: { confirm: t('common.are_you_sure_you_want_to_delete', resource_name: @post.human_name) } do %>
+                <i class="icon-st-icons-delete"></i>
+                Delete
+              <% end %>
+            </li>
+          </ul>
+        </div>
+        <%= link_to "Preview", post_path(@post, preview: true), class: "btn btn-sm btn-primary btn-outline margin-right margin-left", id: "preview_post", target: "_blank" %>
+        <%= link_to (@post.published? ? "Update" : "Save / Publish"), "#", class: 'btn btn-primary btn-sm btn-outline', data: { toggle: 'collapse', target: '#post-advanced-settings' }, id: "advanced-settings-panel-toggle" %>
+      </div>
+    </div>
+    <%= render 'image_toolbar' %>
+    <div class="scroll-panel-body" style="top: 130px;" data-top="130px">
+      <%= render 'form' %>
+    </div>
+  </div>
+</div>

data/app/views/storytime/dashboard/blog_posts/new.html.erb ADDED Viewed

@@ -0,0 +1,31 @@
+<div id="main" class="wysiwyg">
+  <div class="scroll-panel">
+    <div class="scroll-panel-header">
+      <div class="pull-left">
+        <%= link_to "#", class: "btn btn-default btn-icon", data: { toggle: "off-canvas",  target: "#dashboard-nav" } do %>
+          <i class="icon-st-icons-st-logo"></i>
+        <% end %>
+        <%= link_to [:dashboard, @post.blog, :blog_page_post_index], class: "btn btn-default btn-scroll-panel-header" do %>
+          <%= icon('angle-left') %>
+          <span class="hidden-xs"><%= @post.blog.title %></span>
+        <% end %>
+      </div>
+      <div class="pull-right">
+        <%= link_to "#", class: "btn btn-default btn-icon margin-right", data: { toggle: "codemirror" } do %>
+          <i class="fa fa-code" style="top: -1px;"></i>
+        <% end %>
+        <%= link_to '#', class: "btn btn-default btn-icon margin-right", data: { toggle: "collapse", target: '#featured-images-panel' } do %>
+          <i class="icon-st-icons-images"></i>
+        <% end %>
+        <button id="preview_post" class="btn btn-primary btn-outline btn-sm margin-right">Preview</button>
+        <%= link_to "Save / Publish", "#", class: 'btn btn-primary btn-sm btn-outline', data: { toggle: 'collapse', target: '#post-advanced-settings' } %>
+      </div>
+    </div>
+    <%= render 'image_toolbar' %>
+    <div class="scroll-panel-body" style="top: 130px;" data-top="130px">
+      <%= render "form" %>
+    </div>
+  </div>
+</div>