storytime 1.2.0 → 2.0.0

data/app/views/storytime/dashboard/posts/_form.html.erb

@@ -1,155 +1,161 @@
-<%= simple_form_for [:dashboard, @post] do |f| %>
-  <%= f.error_notification %>
-
-  <%= hidden_field_tag :type, @post.type_name %>
-  <%= hidden_field_tag 'post[published]', @post.published_at.nil? ? 0 : 1 if Pundit.policy(current_user, @post).publish? %>
-
-  <div class="post_field post_title">
-    <small>
-      <div class="pull-right" id="title_character_limit" data-limit="<%= Storytime.post_title_character_limit %>"></div>
-    </small>
-    <%= f.input :title, autofocus: true %>
-  </div>
-  
-
-  <div class="post_field post_excerpt">
-    <small>
-      <div class="pull-right" id="excerpt_character_limit" data-limit="<%= Storytime.post_excerpt_character_limit %>"></div>
-    </small>
-    <%= f.input :excerpt, required: false %>
-  </div>
-  
-
-  <div class="post_field post_content">
-    <%= f.input :draft_content, as: :text, input_html: { rows: 20, class: "summernote" }, label: "Content" %>
+<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 [: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| %>
 
-  <div class="post_field post_tags">
-    <%= f.association :tags, input_html: { :name => 'post[tag_list][]', class: 'chosen-select', multiple: true } %>
-  </div>
+    <%= 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">
 
-  <div class="panel-group" id="accordion">
-    <% if Storytime.enable_file_upload %>
-      <div class="panel panel-default">
-        <div class="panel-heading">
-          <h4 class="panel-title">
-            <span class="glyphicon glyphicon-picture"></span>
-            <a data-toggle="collapse" href="#post_featured_images">
-              <%= t('dashboard.posts.featured_images') %>
-            </a>
-          </h4>
-        </div>
-        <div id="post_featured_images" class="panel-collapse collapse">
-          <div class="panel-body">
-            
-            <div class="col-md-6">
-              <%= f.input :featured_media_id, as: :hidden, input_html: { id: "featured_media_id" } %>
+              <% 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="featured_image_block center-block">
-                <span class="glyphicon glyphicon-picture select_featured_image" style="<% if @post.featured_media %>display: none<% end %>"></span>
+              <% unless @post.is_a?(Storytime::Page) || @post.is_a?(Storytime::Blog) %>
+                <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 id="featured_media_container" class="image_container">
-                  <%= image_tag @post.featured_media.file_url(:thumb), id: "featured_media_image" if @post.featured_media %>
+                <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>
+              <% end %>
 
-                <div class="select_featured_image" <% if @post.featured_media %>style="display: none"<% end %>>
-                  <%= link_to "Select Featured Image", "#", class: "btn btn-primary", id: "featured_media_button" %>
+              <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>
 
-              <button type="button" class="btn btn-danger remove_featured_image center-block" <% unless @post.featured_media %>style="display: none"<% end %>>
-                <%= t('dashboard.posts.remove_image') %>
-              </button>
-            </div>
-
-            <div class="col-md-6">
-              <%= f.input :secondary_media_id, as: :hidden, input_html: { id: "secondary_media_id" } %>
-              
-              <div class="featured_image_block center-block">
-                <span class="glyphicon glyphicon-picture select_featured_image" style="<% if @post.secondary_media %>display: none<% end %>"></span>
+              <div class="post_actions">
+                <%= link_to "Cancel", '#', class: "btn btn-default", data: { toggle: 'collapse', target: '#post-advanced-settings' } %>
 
-                <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 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>
+                
+                <% unless @post.is_a?(Storytime::Page) || @post.is_a?(Storytime::Blog) %>
+                  <div class="notify_subscribers_checkbox pull-right">
+                    <%= f.input :notifications_enabled, as: :boolean, label: "Notify subscribers of new post" unless @post.published? %>
+                  </div>
+                <% end %>
 
-                <div class="select_featured_image" <% if @post.secondary_media %>style="display: none"<% end %>>
-                  <%= link_to "Select Secondary Image", "#", class: "btn btn-primary", id: "secondary_media_button" %>
-                </div>
               </div>
-
-              <button type="button" class="btn btn-danger remove_featured_image center-block" <% unless @post.secondary_media %>style="display: none"<% end %>>
-                <%= t('dashboard.posts.remove_image') %>
-              </button>
             </div>
-
           </div>
         </div>
       </div>
-    <% end %>
-
-    <% if lookup_context.template_exists?("storytime/dashboard/posts/_#{@post.type_name}_fields") %>
-      <div class="panel panel-default">
-        <div class="panel-heading">
-          <h4 class="panel-title">
-          <span class="glyphicon glyphicon-th-list"></span>
-          <a data-toggle="collapse" href="#post_additional_fields">
-            <%= t('dashboard.posts.additional_fields') %>
-          </a>
-        </div>
-        <div id="post_additional_fields" class="panel-collapse collapse in">
-          <div class="panel-body">
-              <%= render("storytime/dashboard/posts/#{@post.type_name}_fields", f: f)  %>
+    </div>
+    
+    <% if Storytime.enable_file_upload && !@post.is_a?(Storytime::Page) && !@post.is_a?(Storytime::Blog) %>
+      <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 %>
 
-    <div class="panel panel-default">
-      <div class="panel-heading">
-        <h4 class="panel-title">
-          <span class="glyphicon glyphicon-cog"></span>
-          <a data-toggle="collapse" href="#post_advanced_settings">
-            <%= t('dashboard.posts.advanced_settings') %>
-          </a>
-        </h4>
-      </div>
-      <div id="post_advanced_settings" class="panel-collapse collapse">
-        <div class="panel-body">
-
-          <%= f.input :slug %>
-
-          <%= f.input :published_at, as: :date_time_picker, input_html: { style: "display: inline" } if @post.published? %>
+          <!-- 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>
-  </div>
-  
-  <hr>
-
-  <div class="post_actions">
-    <% if @post.persisted? %>
-      <%= link_to 'Delete',  url_for([:dashboard, @post]),  method: :delete, data: { confirm: t('common.are_you_sure_you_want_to_delete', resource_name: @post.human_name) }, class: "btn btn-danger" %>
-      <%= link_to "Preview", post_path(@post, preview: true), class: "btn btn-info", id: "preview_post", target: "_blank" %>
-    <% else %>
-      <button id="preview_post" class="btn btn-info">Preview</button>
-    <% end %>
 
-    <%= f.submit "Save Draft", class: "btn btn-default save" unless @post.published? %>
-
-    <div class="pull-right">
-      <%= f.submit "Publish", class: "btn btn-primary publish", publish: true unless @post.published? %>
-      <%= f.submit "Update", class: "btn btn-default save" if @post.published? %>
-    </div>
+    <%= f.input :draft_content, as: :text, label: false, input_html: { class: "codemirror draft-content-input" } %>
 
-
-    <div class="notify_subscribers_checkbox pull-right">
-      <%= f.input :send_subscriber_email, as: :boolean, label: "Notify subscribers of new post" unless @post.published? %>
-    </div>
-
-  </div>
-<% end %>
+  <% end %>
+</div>
 
 <%= render "storytime/dashboard/media/modal" if Storytime.enable_file_upload %>

data/app/views/storytime/dashboard/posts/_image_toolbar.html.erb

@@ -0,0 +1,32 @@
+<div class="scroll-panel-header" style="top: 65px;">
+  <div id="image-tools-panel" class="">
+    <div class="container-fluid">
+      <div class="row">
+        <div class="col-md-8 col-md-offset-2">
+          <div id="medium-image-button">
+            <%= link_to "Insert Image", "#", class: "btn btn-sm btn-default insert-media-button"%>
+            <span id="draft_last_saved_at"></span>
+          </div>
+          <div class='medium-image-controls'>
+            <div class='row'>
+              <div class='col-xs-3'>
+                <input type='text' id='medium-image-width' placeholder='Width' class='form-control input-sm' />
+              </div>
+              <div class='col-xs-3'>
+                <input type='text' id='medium-image-height' placeholder='Height' class='form-control input-sm' />
+              </div>
+              <div class='col-xs-6'>
+                <div class='btn-group btn-group-sm'>
+                  <a href='#' class='btn btn-default medium-image-float' data-float='left'><i class='fa fa-align-left'></i></a>
+                  <a href='#' class='btn btn-default medium-image-float' data-float='none'><i class='fa fa-align-justify'></i></a>
+                  <a href='#' class='btn btn-default medium-image-float' data-float='right'><i class='fa fa-align-right'></i></a>
+                  <a href='#' class='btn btn-default medium-image-delete'><i class='fa fa-trash-o'></i></a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/storytime/dashboard/posts/_index_title.html.erb

@@ -0,0 +1 @@
+<%= @blog.title %>

data/app/views/storytime/dashboard/posts/_list.html.erb

@@ -1,25 +1,24 @@
-<div id="list" class="pane">
-  <h3 class="heading"> 
-    <%= post_list_title(current_post_type) %>
-    <%= new_post_button(current_post_type) %>
-  </h3>
-  <div class="scroll-y">
-    <ul class="dashboard-list">
-      <% @posts.each do |post| %>
-        <li id="<%= post.class.to_s.downcase.split("::").last %>_<%= post.id %>" class="<%= 'active' if current_page?(url_for([:edit, :dashboard, post])) %>">
-          <%= link_to [:edit, :dashboard, post], page_number: params[:page_number] do %>
-            <%= post.title %>
-            <span class="pull-right">
-              <% unless post.published? %>
-                <span class="label label-warning">Draft</span>
-              <% end %>
-            </span>
-          <% end %>
-        </li>
-      <% end %>
-    </ul>
-    <div class="pagination-wrapper">
-      <%= paginate @posts, param_name: "page_number" %>
-    </div>
-  </div>
+<div class="list-group">
+  <% @posts.each do |post| %>
+    <%= link_to [:edit, :dashboard, post], id: "#{post.class.to_s.downcase.split("::").last}_#{post.id}", class: "list-group-item" do %>
+      <div class="row">
+        <div class="col-md-8">
+           <h4><%= post.title %></h4>
+        </div>
+      </div>
+     
+      <p class="text-muted">
+        <% if post.published? && post.published_at <= Time.now %>
+          Published <%= time_ago_in_words post.published_at %> ago
+        <% elsif post.published? %>
+          Scheduled to publish on <%= post.published_at.strftime("%B %e at %l:%M %p") %>
+        <% else %>
+          Last edited <%= time_ago_in_words post.updated_at %> ago
+        <% end %>
+      </p>
+    <% end %>
+  <% end %>
+</div>
+<div class="pagination-wrapper">
+  <%= paginate @posts, param_name: "page_number" %>
 </div>

data/app/views/storytime/dashboard/posts/_new_button.html.erb

@@ -0,0 +1,10 @@
+<div class="btn-group pull-right">
+  <button type="button" class="btn btn-primary btn-outline btn-sm dropdown-toggle" data-toggle="dropdown">
+    New &nbsp;<span class="caret"></span>
+  </button>
+  <ul class="dropdown-menu dropdown-menu-right" role="menu">
+    <% Storytime.post_types.reject{|type| %w[Storytime::Post Storytime::Page Storytime::Blog].include? type }.each do |post_type| %>
+      <li><%= link_to "#{post_type.split('::').last.titleize}", [:new, :dashboard, @blog, post_type.split("::").last.tableize.singularize] %></li>
+    <% end %>
+  </ul>
+</div>

data/app/views/storytime/dashboard/posts/edit.html.erb

@@ -1,17 +1,60 @@
-<%= render 'list' %>
+<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 %>
+        <% if @post.is_a?(Storytime::Page) || @post.is_a?(Storytime::Blog) %>
+          <%= link_to [:dashboard, current_post_type], class: "btn btn-default btn-scroll-panel-header" do %>
+            <%= icon('angle-left') %>
+            <span class="hidden-xs"><%= current_post_type.type_name.pluralize.titleize %></span>
+          <% end %>
+        <% else %>
+          <%= 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 %>
+        <% 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 && !@post.is_a?(Storytime::Page) && !@post.is_a?(Storytime::Blog)  %>
+          <%= 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 id="main" class="pane" data-post-id="<%= @post.slug || @post.id %>" data-dashboard-namespace="<%= Storytime.dashboard_namespace_path %>" data-preview="<%= params[:preview] %>">
-  <h3 class="heading">
-    Edit <%= @post.human_name %>
-    <span class="pull-right">
-      <span id="draft_last_saved_at" class="draft_saved"></span>
-    </span>
-  </h3>
-  
-  <div class="scroll-y edit_form">
-    <div class="padding">
-      <%= autosave_info @post %>
-      <%= versions_info @post %>
+        <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;">
       <%= render 'form' %>
     </div>
   </div>

data/app/views/storytime/dashboard/posts/index.html.erb

@@ -1,13 +1,62 @@
-<%= render 'list' %>
+<div id="main">
+  <div class="scroll-panel">
+    <div class="scroll-panel-header">
 
-<div id="main" class="pane">
-  <div class="scroll-y">
-    <div class="padding no-content center">
-      <h3><%= t('dashboard.posts.select_or_create', resource: current_post_type.type_name.titleize) %></h3>
+      <%= link_to "#", class: "btn btn-default btn-icon pull-left visible-xs visible-sm", data: { toggle: "off-canvas",  target: "#dashboard-nav" } do %>
+        <i class="icon-st-icons-st-logo"></i>
+      <% end %>
+      
+      <% if @blog %>
+        <div class="pull-right">
 
-      <h4 style="margin-top: 10px;">- OR - </h4>
+          <div class="btn-group margin-right" style="margin-right: 10px;">
+            <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 [:edit, :dashboard, @blog], remote: true, class: "storytime-modal-trigger" do %>
+                  <i class="icon-st-icons-settings"></i>
+                  Blog Settings
+                <% end %>
+              </li>
+              <li>
+                <%= link_to url_for([:dashboard, @blog]),  method: :delete, data: { confirm: t('common.are_you_sure_you_want_to_delete', resource_name: @blog.human_name) } do %>
+                  <i class="icon-st-icons-delete"></i>
+                  Delete
+                <% end %>
+              </li>
+            </ul>
+          </div>
 
-      <%= link_to t('dashboard.posts.create_post'), [:new, :dashboard, :post], type: current_post_type.type_name, class: "btn btn-info", style: "margin-top: 0" %>
+          <%= render "new_button" %>
+        </div>
+      <% else %>
+        <%= render "new_button" %>
+      <% end %>
+      <h3 class="scroll-panel-title">
+        <%= render "index_title" %>
+      </h3>
+    </div>
+    <div class="scroll-panel-body">
+      <ul class="nav nav-tabs">
+        <li role="presentation" class="<%= 'active' unless params[:published] == 'true' %>">
+          <% if @blog %>
+            <%= link_to "Drafts", [:dashboard, @blog, :blog_page_post_index, published: nil] %>
+          <% else %>
+            <%= link_to "Drafts", [:dashboard, current_post_type] %>
+          <% end %>
+        </li>
+        <li role="presentation" class="<%= 'active' if params[:published] == 'true' %>">
+          <% if @blog %>
+            <%= link_to "Published", [:dashboard, @blog, :blog_page_post_index, published: 'true'] %>
+          <% else %>
+            <%= link_to "Published", [:dashboard, current_post_type, published: 'true'] %>
+          <% end %>
+          
+        </li>
+      </ul>
+      <%= render 'list' %>
     </div>
   </div>
 </div>

data/app/views/storytime/dashboard/posts/new.html.erb

@@ -1,12 +1,33 @@
-<%= render 'list' %>
+<div id="main" class="wysiwyg">
+  <div class="scroll-panel">
+    <div class="scroll-panel-header">
+      <div class="pull-left">
 
-<div id="main" class="pane">
-  <h3 class="heading">
-    <%= t('dashboard.posts.new.header', resource: @post.human_name) %>
-  </h3>
-  <div class="scroll-y edit_form">
-    <div class="padding">
-      <%= render 'form' %>
+        <%= 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, current_post_type], class: "btn btn-default btn-scroll-panel-header" do %>
+          <%= icon('angle-left') %>
+          <span class="hidden-xs"><%= @post.human_name.pluralize %></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 && !@post.is_a?(Storytime::Page) && !@post.is_a?(Storytime::Blog) %>
+          <%= 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 %>
+        <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>

data/app/views/storytime/dashboard/roles/_form.html.erb

@@ -0,0 +1,41 @@
+<%= form_tag update_multiple_dashboard_roles_path, method: :patch, remote: true, class: "storytime-modal-form" do %>
+  <div class="scroll-panel">
+    <div class="scroll-panel-header">
+      <button type="button" class="close pull-left" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+      <%= submit_tag t('dashboard.sites.save_button'), class: "btn btn-sm btn-primary btn-outline pull-right" %>
+      <h3 class="scroll-panel-title">
+        Permissions
+      </h3>
+    </div>
+    <div class="scroll-panel-body">
+
+      <%= render 'storytime/dashboard/settings_tabs.html.erb' %>
+
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <td></td>
+            <% @roles.each do |role| %>
+              <td class="text-center text-danger">
+                <%= role.label %>
+                <%= hidden_field_tag "roles[#{role.id}][allowed_action_ids][]", nil %>
+              </td>
+            <% end %>
+          </tr>
+        </thead>
+        <tbody>
+          <% @actions.each do |action| %>
+            <tr>
+              <td><%= action.name %></td>
+              <% @roles.each do |role| %>
+                <td class="text-center">
+                  <input <%= 'checked' if role.allowed_action_ids.include?(action.id) %> class="check_boxes optional" id="roles_<%= role.id %>_allowed_action_ids_<%= action.id %>" name="roles[<%= role.id %>][allowed_action_ids][]" type="checkbox" value="<%= action.id %>">
+                </td>
+              <% end %>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+  </div>
+<% end %>

data/app/views/storytime/dashboard/roles/edit.json.jbuilder

@@ -0,0 +1 @@
+json.html render(partial: "storytime/dashboard/roles/form.html.erb")