storytime 1.2.0 → 2.0.0

data/app/views/storytime/dashboard/blogs/_blog.html.erb

@@ -0,0 +1,3 @@
+<li>
+  <%= link_to blog.title, [storytime, :dashboard, blog, :blog_page_post_index] %>
+</li>

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

@@ -0,0 +1,25 @@
+<%= simple_form_for [:dashboard, @blog], remote: true, html: { class: "storytime-modal-form #{@blog.new_record? ? 'new-blog-form' : 'edit-blog-form'}" } do |f| %>
+  <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>
+      
+      <div class="pull-right">
+        <%= f.submit "Save", class: "btn btn-sm btn-primary btn-outline pull-right" %>
+      </div>
+      
+      <h3 class="scroll-panel-title">
+        <%= @blog.new_record? ? "New" : "Edit" %> Blog
+      </h3>
+    </div>
+    <div class="scroll-panel-body">
+      
+      <input type="hidden" value="<%= params[:controller].camelize %>" id="storytime-modal-controller">
+      <input type="hidden" value="<%= params[:action].camelize %>" id="storytime-modal-action">
+
+      <%= f.error_notification %>
+      <%= f.input :title, autofocus: true %>
+      <%= f.input :slug %>
+
+    </div>
+  </div>
+<% end %>

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

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

data/app/views/storytime/dashboard/blogs/index.json.jbuilder

@@ -0,0 +1 @@
+json.html(render partial: "storytime/dashboard/blogs/blog.html.erb", collection: Storytime::Blog.all)

data/app/views/storytime/dashboard/blogs/new.json.jbuilder

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

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

@@ -1,8 +1,8 @@
 <%= simple_form_for [:dashboard, Storytime::Media.new] do |f| %>
   <%= f.error_notification %>
-  <%= f.input :file, label: "Upload File" %>
+  <%= f.input :file, label: "Upload a file", wrapper: false %>
 <% end %>
 
-<div id="progress" class="progress">
-  <div class="progress-bar progress-bar-success"></div>
+<div id="progress" class="progress" style="display: none;">
+  <div class="progress-bar progress-bar-primary"></div>
 </div>

data/app/views/storytime/dashboard/media/{_gallery.html → _gallery.html.erb}

@@ -1,9 +1,12 @@
 <div id="media_gallery">
-  <div class="clearfix">
-    <div class="media_container">
-      <%= render partial: "storytime/dashboard/media/media", collection: @media %>
+
+  <% @media.in_groups_of(5, false) do |media_row| %>
+    <div class="row">
+      <% media_row.each do |media| %>
+        <%= render partial: "storytime/dashboard/media/media.html.erb", locals: { media: media } %>
+      <% end %>
     </div>
-  </div>
+  <% end %>
 
   <%= paginate @media, remote: true, params: { controller: "dashboard/media",
                                                action: "index",

data/app/views/storytime/dashboard/media/_media.html.erb

@@ -1,20 +1,13 @@
-<div class="<%= gallery_type %>">
-  <div class="media-file" id="media_<%= media.id %>">
-    <div class="media-thumb">
-      <%= link_to media.file_url, target: "_blank" do %>
-        <% if show_large_gallery? %>
-          <%= image_tag media.file_url(:thumb) %>
-        <% else %>
-          <%= image_tag media.file_url(:tiny) %>
-        <% end %>
-      <% end %>
-    </div>
+<div class="col-xs-3" style="width: 20%;" id="media_<%= media.id %>">
+  <%= link_to image_tag(media.file_url(:thumb), class: "img-responsive"), media.file_url, target: "_blank" %>
 
-    <div class="action-buttons">
+  <div style="padding: 5px; background: #f1f1f1;">
+    <div class="pull-right">
       <%= delete_resource_link media, dashboard_media_path(media) %>
       <% if show_media_insert_button? %>
-        <button class="btn btn-info btn-xs insert-image-button" data-media-id="<%= media.id %>" data-image-url="<%= full_media_file_url media %>" data-thumb-url="<%= full_media_file_url media, :thumb %>" data-tiny-url="<%= full_media_file_url media, :tiny %>">Select</button>
+        <button class="btn btn-primary btn-outline btn-xs insert-image-button" data-media-id="<%= media.id %>" data-image-url="<%= full_media_file_url media %>" data-thumb-url="<%= full_media_file_url media, :thumb %>" data-tiny-url="<%= full_media_file_url media, :tiny %>">Select</button>
       <% end %>
     </div>
+    <div class="clearfix"></div>
   </div>
 </div>

data/app/views/storytime/dashboard/media/_modal.html.erb

@@ -3,7 +3,7 @@
     <div class='modal-content'>
       <div class='modal-header'>
         <a class='close' data-dismiss='modal'>&times;</a>
-        <h4><%= t('dashboard.media.select_media') %></h4>
+        <h4 class='modal-title'><%= t('dashboard.media.select_media') %></h4>
       </div>
       <div class='modal-body'>
         <div class="clearfix hide">
@@ -15,8 +15,8 @@
         </div>
 
         <div>
-          <%= render "storytime/dashboard/media/form" %>
-          <%= render "storytime/dashboard/media/gallery" %>
+          <%= render "storytime/dashboard/media/form.html.erb" %>
+          <div id="media_gallery_container"><%= render "storytime/dashboard/media/gallery.html.erb" %></div>
         </div>
       </div>
       <div class='modal-footer'>

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

@@ -1,6 +1,16 @@
-<div class="container">
-  <h2><%= t('dashboard.media.media_header') %></h2>
-  
-  <%= render "form" %>
-  <%= render "gallery" %>
+<div id="main">
+  <div class="scroll-panel">
+    <div class="scroll-panel-header">
+
+      <%= 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 %>
+      
+      <h3 class="scroll-panel-title"><%= t('dashboard.media.media_header') %></h3>
+    </div>
+    <div class="scroll-panel-body">
+      <%= render "form" %>
+      <div id="media_gallery_container"><%= render "gallery" %></div>
+    </div>
+  </div>
 </div>

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

@@ -0,0 +1,12 @@
+<%= simple_form_for [:dashboard, Storytime::Membership.new], remote: true do |f| %>
+  <div class="panel-body">
+    <div class="row">
+      <div class="col-xs-6"><%= f.association :user, collection: Storytime.user_class.non_members(@current_storytime_site), label_method: :email, label: false, input_html: { class: "chosen", data: { placeholder: "Select a user" } }, wrapper_html: { class: "no-margin" } %></div>
+      <div class="col-xs-6"><%= f.association :storytime_role, label: false, label_method: :label, include_blank: false, wrapper_html: { class: "no-margin" } %></div>
+    </div>
+  </div>
+  <div class="panel-footer">
+    <%= f.submit "Save", class: "btn btn-default btn-sm pull-right" %>
+    <div class="clearfix"></div>
+  </div>
+<% end %>

data/app/views/storytime/dashboard/memberships/_index.html.erb

@@ -0,0 +1,39 @@
+<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>
+    <%= link_to t('dashboard.users.create_new_user'), new_dashboard_user_path, class: "btn btn-sm btn-primary btn-outline pull-right storytime-modal-trigger", remote: true, id: "new-user-link" %>
+    <h3 class="scroll-panel-title">
+      <%= t('dashboard.users.users_header') %>
+    </h3>
+  </div>
+  <div class="scroll-panel-body">
+
+    <%= render 'storytime/dashboard/settings_tabs.html.erb' %>
+      
+    <input type="hidden" value="<%= params[:controller].camelize %>" id="storytime-modal-controller">
+    <input type="hidden" value="<%= params[:action].camelize %>" id="storytime-modal-action">
+    
+    <% if Storytime.user_class.non_members(@current_storytime_site).count > 0 %>
+      <div class="panel-group" role="tablist">
+        <div class="panel panel-default">
+          <div class="panel-heading no-padding" role="tab" id="collapseListGroupHeading1">
+            <h4 class="panel-title text-sans-serif">
+              <a class="panel-title-block-link" data-toggle="collapse" href="#collapseListGroup1" aria-expanded="true" aria-controls="collapseListGroup1">
+                Add an Existing User
+              </a>
+            </h4>
+          </div>
+          <div id="collapseListGroup1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="collapseListGroupHeading1">
+            <%= render "storytime/dashboard/memberships/form.html.erb" %>
+          </div>
+        </div>
+      </div>
+    <% end %>
+    
+    <ul class="list-group list-group-button-links">
+      <%= render partial: 'storytime/dashboard/memberships/membership.html.erb', collection: @memberships %>
+    </ul>
+
+    <%= paginate @memberships, remote: true %>
+  </div>
+</div>

data/app/views/storytime/dashboard/memberships/_membership.html.erb

@@ -0,0 +1,12 @@
+<li class="list-group-item" id="membership_<%= membership.id %>">
+  <%= link_to url_for(:controller => 'dashboard/users', :action => 'edit', :id => membership.user_id), class: "list-group-link storytime-modal-trigger", remote: true do %>
+    
+    <%= membership.storytime_name %>
+    <% if membership.storytime_role %>
+      <p class="text-danger no-margin"><%= membership.storytime_role.name.humanize %></p>
+    <% end %>
+  <% end %>
+  <div class="list-group-actions">
+    <%= delete_resource_link membership, dashboard_membership_url(membership) unless membership.user == current_user %>
+  </div>
+</li>

data/app/views/storytime/dashboard/memberships/index.json.jbuilder

@@ -0,0 +1,2 @@
+json.(@memberships)
+json.html(render partial: "storytime/dashboard/memberships/index.html.erb")

data/app/views/storytime/dashboard/memberships/save.json.jbuilder

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

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

@@ -0,0 +1,88 @@
+<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| %>
+
+    <%= 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="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>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    
+    <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/pages/_index_title.html.erb

@@ -0,0 +1 @@
+Pages

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

@@ -0,0 +1 @@
+<%= link_to "New Page", [:new, :dashboard, :page], class: "btn btn-sm btn-primary btn-outline pull-right" %>

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

@@ -0,0 +1,49 @@
+<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, 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 %>
+      </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 %>
+
+        <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/pages/new.html.erb

@@ -0,0 +1,28 @@
+<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, Storytime::Page], class: "btn btn-default btn-scroll-panel-header" do %>
+          <%= icon('angle-left') %>
+          <span class="hidden-xs">Pages</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 %>
+        <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>