spree_multi_slideshow 1.2.1 → 1.3.0

data/app/models/spree/slideshow.rb

@@ -0,0 +1,17 @@
+module Spree
+  class Slideshow < ActiveRecord::Base
+    has_many :slides
+    
+    attr_accessible :category, :enable_navigation, :enable_pagination, :enabled, :mode, :auto_start, :infinite_loop,
+                    :hide_control_on_end
+    
+    validates :category, :presence => true
+    validates_uniqueness_of :category
+
+    scope :enable, lambda { |category| {:conditions => {:enabled => true, :category => category}} }
+    
+    def mode_enum
+      [[I18n.t(:horizontal), "horizontal"], [I18n.t(:fade), "fade"], [I18n.t(:vertical), "vertical"]]
+    end
+  end
+end

data/app/models/spree/taxon_decorator.rb

@@ -0,0 +1,3 @@
+Spree::Taxon.class_eval do
+  has_many :slides, :as => :slideable
+end

data/app/overrides/slideshow_admin_tab.rb

@@ -0,0 +1,10 @@
+Deface::Override.new(:virtual_path => "spree/layouts/admin",
+                      :name => "slideshow_admin_tab",
+                      :insert_bottom => "[data-hook='admin_tabs']",
+                      :text => "<%= tab(:slideshows, :icon => 'icon-picture') %>")
+
+Deface::Override.new(:virtual_path => "spree/admin/shared/_configuration_menu",
+                      :name => "add_slide_settings",
+                      :insert_bottom => "[data-hook='admin_configurations_sidebar_menu'], #admin_configurations_sidebar_menu[data-hook]",
+                      :text => "<%= configurations_sidebar_menu_item t(:slide_settings), edit_admin_slide_settings_path %>")
+                      

data/app/views/spree/admin/shared/_slideshow_sub_menu.html.erb

@@ -0,0 +1,6 @@
+<% content_for :sub_menu do %>
+  <ul id="sub_nav" data-hook="admin_slideshow_sub_tabs" class="inline-menu">
+    <%= tab :slideshows, :match_path => '/slideshows' %>
+    <%= tab :slide_settings, edit_admin_slide_settings_url %>
+  </ul>
+<% end %>

data/app/views/spree/admin/shared/_slideshow_tabs.html.erb

@@ -0,0 +1,21 @@
+<% content_for :page_title do %>
+  <%= t(:editing_slideshow) %> &ldquo;<%= @slideshow.category %>&rdquo;
+<% end %>
+
+<% content_for :sidebar_title do %>
+  <span class="category"><%= @slideshow.category %></span>
+<% end %>
+
+<% content_for :sidebar do %>
+  <nav class="menu">
+    <ul data-hook="admin_slideshow_tabs">
+      <li<%== ' class="active"' if current == 'Slideshow Details' %>>
+        <%= link_to_with_icon 'icon-edit', t(:slideshow_details), edit_admin_slideshow_url(@slideshow) %>
+      </li>
+      <li<%== ' class="active"' if current == 'Slides' %>>
+        <%= link_to_with_icon 'icon-picture', t(:slides), admin_slideshow_slides_url(@slideshow) %>
+      </li>
+    </ul>
+  </nav>
+
+<% end %>

data/app/views/spree/admin/slide_settings/edit.html.erb

@@ -0,0 +1,74 @@
+<%= render :partial => 'spree/admin/shared/configuration_menu' %>
+
+<% content_for :page_title do %>
+  <%= t(:slide_settings) %>
+<% end %>
+
+<%= render :partial => 'spree/admin/shared/slideshow_sub_menu' %>
+
+<%= form_tag admin_slide_settings_path, :method => :put do %>
+  
+  <fieldset class="no-border-top">
+    <fieldset class="no-border-bottom">
+      <legend align="center"><%= t(:general_settings)%></legend>
+      
+      <div class="field">
+        <div class="warning note"><%= t(:slide_settings_warning) %></div>
+      </div>    
+
+      <div data-hook="slide_path" class="field">
+        <%= label_tag 'preferences[slide_path]', t(:slide_path) %>
+        <%= preference_field_tag 'preferences[slide_path]', Spree::Config[:slide_path], :type => :string %>
+      </div>
+
+      <div class="alpha eight columns">
+        <div data-hook="slide_default_url" class="field">
+          <%= label_tag 'preferences[slide_default_url]', t(:slide_default_url) %>
+          <%= preference_field_tag 'preferences[slide_default_url]', Spree::Config[:slide_default_url], :type => :string %>
+        </div>
+      </div>
+
+      <div class="alpha eight columns">
+        <div data-hook="slide_url" class="field">
+          <%= label_tag 'preferences[slide_url]', t(:slide_url) %>
+          <%= preference_field_tag 'preferences[slide_url]', Spree::Config[:slide_url], :type => :string %>
+        </div>
+      </div>
+
+      <div class="omega four columns">
+        <div data-hook="slide_default_style" class="field">
+          <%= label_tag 'preferences[slide_default_style]', t(:slide_default_style) %>
+          <%= collection_select 'preferences', 'slide_default_style', @styles, :first, :first, {:selected => Spree::Config[:slide_default_style] }, :class => 'select2 fullwidth' %> 
+        </div>
+      </div>
+
+      <div class="clear"></div>
+
+    </fieldset>
+
+    <fieldset class="no-border-bottom" id="slide_styles" data-hook="attachment_styles">
+      <legend align="center"><%= t(:slide_styles) %></legend>
+
+      <div id="styles_list" class="row frameless">      
+        <% @styles.each_with_index do |(style_name, style_value), index| %>        
+          <div class="field three columns">
+            <%= label_tag "slide_styles[#{style_name}]", style_name %>
+            <a href='#' alt="<%= t(:destroy)%>" title="<%= t(:destroy)%>" class='destroy_style with-tip'><i class='icon-trash'></i></a>
+            <%= text_field_tag "slide_styles[#{style_name}]", style_value, :class => 'fullwidth' %>
+          </div>
+        <% end %>
+      </div>
+
+      <div id="new-slide-styles" class="row frameless"></div>
+
+      <div class="field">
+        <%= link_to_with_icon 'icon-plus', t(:add_new_slide_style), '#', :class => 'add_new_slide_style button' %>
+      </div>
+    </fieldset>    
+
+    <div class="form-buttons filter-actions actions" data-hook="buttons">
+      <%= button t(:update), 'icon-refresh' %>
+    </div>
+  </fieldset>
+
+<% end %>

data/app/views/spree/admin/slides/_form.html.erb

@@ -1,9 +1,29 @@
-<%= f.inputs do %>
-	<%= f.input :title %>
-	<%= f.input :url %>
-	<%= f.input :attachment_width, :input_html => { :value => @slideshow_type.slide_width}, :as => :hidden %>
-	<%= f.input :attachment_height, :input_html => { :value => @slideshow_type.slide_height}, :as => :hidden %>
-	<%= f.cktext_area :content, :input_html => { :value => @slide.content }, :label => t("slideshow_type.slide.content") %>
-	<%= f.input :attachment, :as => :file, :label => I18n.t("slideshow_type.slide.image.one").capitalize, :hint => f.object.attachment.blank? ? f.template.content_tag(:span, "No Image Yet") : f.template.image_tag(f.object.attachment.url(:thumbnail)) %>
-	<%= f.input :slideshow_type_id, :as => :hidden, :value => params[:slideshow_type_id] %>
-<% end %>
+<div data-hook="admin_slide_form_fields">
+	<div class="eight columns alpha">
+		<div data-hook="file" class="field">
+			<%= f.label t(:filename) %><br>
+			<%= f.file_field :attachment %>
+		</div>
+		<div data-hook="enabled" class="field">
+			<label>
+				<%= f.check_box :enabled %>
+				<%= t(:enabled) %>
+			</label>
+		</div>
+	</div>
+	<div class="omega eight columns">
+		<div data-hook="title" class="field">
+			<%= f.label t(:title) %><br>
+			<%= f.text_field :title, :class => 'fullwidth' %>
+		</div>
+		<div data-hook="url" class="field">
+			<%= f.label t(:url) %><br>
+			<%= f.text_field :url, :class => 'fullwidth' %>
+		</div>
+		<div data-hook="presentation" class="field">
+			<%= f.label t(:presentation) %><br>
+			<%= f.text_area :presentation, :rows => 4, :class => 'fullwidth' %>
+		</div>
+	</div>
+</div>
+<div class="clear"></div>

data/app/views/spree/admin/slides/edit.html.erb

@@ -1,17 +1,27 @@
-<%= render :partial => 'spree/admin/shared/slideshow_type_tabs', :locals => {:current => 'Slide Image'} %>
-<h1><%= t("slideshow_type.slide.editing_page") %></h1>
-<%= render 'spree/shared/error_messages', :target => @slide %>
+<%= render :partial => 'spree/admin/shared/slideshow_sub_menu' %>
+<%= render :partial => 'spree/admin/shared/slideshow_tabs', :locals => { :current => 'Slides' } %>
 
-<%= semantic_form_for [:admin, @slideshow_type, @slide], :html => { :multipart => true } do |f| %>
-  <table class="basic-table" data-hook="edit_image">
-    <tr data-hook="thumbnail">
-      <td><%= t(:thumbnail) %>:</td>
-      <td><%= link_to image_tag(@slide.attachment.url(:small)), @slide.attachment.url(:medium) %></td>
-    </tr>
-    <%= render :partial => 'form', :locals => { :f => f } %>
-  </table>
-  <p class="form-buttons" data-hook="buttons">
-    <%= button t(:update) %>
-    <%= t(:or) %> <%= link_to t(:cancel), admin_slideshow_type_slide_url(@slideshow_type), :id => 'cancel_link' %>
-  </p>
-<% end %>
+<%= render :partial => 'spree/shared/error_messages', :locals => { :target => @slide } %>
+
+<% content_for :page_actions do %>
+  <li><%= button_link_to t(:back_to_slides_list), admin_slideshow_slides_url(@slideshow), :icon => 'icon-arrow-left' %></li>
+<% end %>
+
+<%= form_for [:admin, @slideshow, @slide], :html => { :multipart => true } do |f| %>
+  <fieldset data-hook="edit_image">
+    <legend align="center"><%= @slide.attachment_file_name%></legend>
+    <div data-hook="thumbnail" class="field alpha three columns align-center">
+      <%= f.label t(:thumbnail) %><br>
+      <%= link_to image_tag(@slide.attachment.url(:mini)), @slide.attachment.url(:large) %>
+    </div>
+    <div class="nine columns omega">
+      <%= render :partial => 'form', :locals => { :f => f } %>  
+    </div>
+    <div class="clear"></div>
+    <div class="form-buttons filter-actions actions" data-hook="buttons">
+      <%= button t(:update), 'icon-refresh' %>
+      <span class="or"><%= t(:or) %></span>
+      <%= link_to t(:cancel), admin_slideshow_slides_url(@slideshow), :id => 'cancel_link', :class => 'button icon-remove' %>
+    </div>
+  </fieldset>
+<% end %>

data/app/views/spree/admin/slides/index.html.erb

@@ -1,35 +1,51 @@
-<%= render :partial => 'spree/admin/shared/slideshow_type_tabs', :locals => {:current => 'Slide Image'} %>
+<%= render :partial => 'spree/admin/shared/slideshow_sub_menu' %>
+<%= render :partial => 'spree/admin/shared/slideshow_tabs', :locals => {:current => 'Slides'} %>
 
-<%= javascript_include_tag 'admin/slides/index.js' %>
-<div id="slides" data-hook></div>
-<p data-hook="links">
-	<%= link_to icon('add') + ' ' + t("slideshow_type.slide.new_page"), new_admin_slideshow_type_slide_url(@slideshow_type), :id => 'new_slide_link' %>
-</p>
+<% content_for :page_actions do %>
+  <li><%= link_to_with_icon('icon-plus', t(:new_slide), new_admin_slideshow_slide_url(@slideshow), :id => 'new_slide_link', :class => 'button') %></li>
+<% end %>
 
-<table class="index sortable" data-hook="slide_table" data-hook data-sortable-link="<%= update_positions_admin_slideshow_type_slides_url %>">
-	<tr data-hook="images_header">
-		<th><%= t("slideshow_type.slide.thumbnail") %></th>
-		<th><%= t("slideshow_type.slide.title") %></th>
-		<th><%= t("slideshow_type.slide.position") %></th>
-		<th><%= t("slideshow_type.slide.url") %></th>
-		<th><%= t(:action) %></th>
-	</tr>
+<div id="slides" data-hook></div>
 
-	<% Spree::Slide.where("slideshow_type_id = ?", @slideshow_type.id).order("position ASC").each do |slide| %>
-	<tr id="<%= dom_id(slide) %>" data-hook="images_row">
-		<td>
-			<span class="handle"></span>
-			<%= link_to image_tag(slide.attachment.url(:thumbnail)), slide.attachment.url(:medium) %>
-		</td>
-		<td><%= slide.title %></td>
-		<td><%= slide.position %></td>
-		<td><%= slide.url %></td>
-		<td class="actions">
-			<%= link_to_with_icon 'edit', t(:edit), edit_admin_slideshow_type_slide_url(@slideshow_type, slide), :class => 'edit' %>
-			&nbsp;
-			<%= link_to_delete slide, {:url => admin_slideshow_type_slide_url(@slideshow_type, slide) }%>
-		</td>
-	</tr>
-	<% end %>
+<% unless @slideshow.slides.any? %>
+  <div class="no-objects-found">
+    <%= t(:no_slides_found) %>.
+  </div>
+<% else %>
+  <table class="index sortable" data-hook="slides_table" data-sortable-link="<%= update_positions_admin_slideshow_slides_url(@slideshow) %>">
+    <colgroup>
+      <col style="width: 5%">
+      <col style="width: 10%">
+      <col style="width: 25%">
+      <col style="width: 45%">
+      <col style="width: 15%">
+    </colgroup>
+    <thead>
+      <tr data-hook="slides_header">
+        <th colspan="2"><%= t(:thumbnail) %></th>
+        <th><%= t(:alt_text) %></th>
+		<th><%= t(:enabled) %></th>
+        <th class="actions"></th>
+      </tr>
+    </thead>
 
-</table>
+    <tbody>
+      <% (@slideshow.slides).each do |slide| %>
+        <tr id="<%= spree_dom_id slide %>" data-hook="slides_row" class="<%= cycle('odd', 'even')%>">
+          <td class="no-border">
+            <span class="handle"></span>
+          </td>
+          <td>
+            <%= link_to image_tag(slide.attachment.url(:mini)), slide.attachment.url(:large) %>
+          </td>
+          <td><%= slide.presentation %></td>
+		  <td align="center"><%= icon('icon-check icon-large') if slide.enabled %></td>
+          <td class="actions">
+            <%= link_to_with_icon 'icon-edit', t(:edit), edit_admin_slideshow_slide_url(@slideshow, slide), :no_text => true, :data => {:action => 'edit'} %>
+            <%= link_to_delete slide, { :url => admin_slideshow_slide_url(@slideshow, slide), :no_text => true } %>
+          </td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+<% end %>

data/app/views/spree/admin/slides/new.html.erb

@@ -1,12 +1,15 @@
-<h4><%= t("slideshow_type.slide.new_page") %></h4>
-<%= semantic_form_for [:admin, @slideshow_type, @slide], :html => { :multipart => true } do |f| %>
-  <table class="basic-table" data-hook="new_slide">
-    <%= render :partial => 'form', :locals => { :f => f } %>
-  </table>
-  <p class="form-buttons" data-hook="buttons">
-    <%= button t(:update) %>
-    <%= t(:or) %> <%= link_to t(:cancel), admin_slideshow_type_slides_url(@slideshow_type), :id => 'cancel_link' %>
-  </p>
+<%= form_for [:admin, @slideshow, @slide], :html => { :multipart => true } do |f| %>
+  <fieldset data-hook="new_image">
+    <legend align="center"><%= t(:new_slide) %></legend>
+
+      <%= render :partial => 'form', :locals => { :f => f } %>
+    
+      <div class="form-buttons filter-actions actions" data-hook="buttons">
+        <%= button t(:update), 'icon-refresh' %>
+        <span class="or"><%= t(:or) %></span>
+        <%= link_to_with_icon 'icon-remove', t(:cancel), admin_slideshow_slides_url(@slideshow), :id => 'cancel_link', :class => 'button' %>
+      </div>
+  </fieldset>
 <% end %>
 
 <%= javascript_include_tag 'admin/slides/new.js' %>

data/app/views/spree/admin/slideshows/_form.html.erb

@@ -0,0 +1,59 @@
+<div data-hook="admin_slideshow_form_fields">
+	<div class="left eight columns alpha" data-hook="admin_slideshow_form_left">
+		<%= f.field_container :category do %>
+			<%= f.label :category, t(:category) %> <span class="required">*</span><br />
+			<%= f.text_field :category, :class => 'fullwidth title' %>
+			<%= f.error_message_on :category %>
+		<% end %>
+
+		<%= f.field_container :enable_navigation do %>
+			<%= f.label :enable_navigation, t(:enable_navigation) %><br />
+			<%= f.check_box :enable_navigation %>
+			<%= f.error_message_on :enable_navigation %>
+		<% end %>
+		
+		<%= f.field_container :enable_pagination do %>
+			<%= f.label :enable_pagination, t(:enable_pagination) %><br />
+			<%= f.check_box :enable_pagination %>
+			<%= f.error_message_on :enable_pagination %>
+		<% end %>
+
+		<%= f.field_container :enabled do %>
+			<%= f.label :enabled, t(:enabled) %><br />
+			<%= f.check_box :enabled %>
+			<%= f.error_message_on :enabled %>
+		<% end %>
+	</div>
+	<div class="right four columns omega" data-hook="admin_slideshow_form_right">
+		<%= f.field_container :mode do %>
+			<%= f.label :mode, t(:mode) %><br />
+			<%= f.select(:mode, @slideshow.mode_enum, { :include_blank => false }, { :class => 'select2' }) %>
+			<%= f.error_message_on :mode %>
+		<% end %>
+
+		<%= f.field_container :auto_start do %>
+			<%= f.label :auto_start, t(:auto_start) %><br />
+			<%= f.check_box :auto_start %>
+			<%= f.error_message_on :auto_start %>
+		<% end %>
+		
+		<%= f.field_container :infinite_loop do %>
+			<%= f.label :infinite_loop, t(:infinite_loop) %><br />
+			<%= f.check_box :infinite_loop %>
+			<%= f.error_message_on :infinite_loop %>
+		<% end %>
+
+		<%= f.field_container :hide_control_on_end do %>
+			<%= f.label :hide_control_on_end, t(:hide_control_on_end) %><br />
+			<%= f.check_box :hide_control_on_end %>
+			<%= f.error_message_on :hide_control_on_end %>
+		<% end %>
+	</div>
+
+	<div class="clear"></div>
+
+	<div data-hook="admin_slideshow_form_additional_fields"></div>
+
+	<div class="clear"></div>
+
+</div>

data/app/views/spree/admin/slideshows/edit.html.erb

@@ -0,0 +1,17 @@
+<% content_for :page_actions do %>
+  <li><%= button_link_to t(:back_to_slideshows_list), admin_slideshows_url, :icon => 'icon-arrow-left' %></li>
+  <li id="new_slideshow_link">
+    <%= button_link_to t(:new_slideshow), new_object_url, { :remote => true, :icon => 'icon-plus', :id => 'admin_new_slideshow' } %>
+  </li>
+<% end %>
+
+<%= render :partial => 'spree/admin/shared/slideshow_sub_menu' %>
+<%= render :partial => 'spree/admin/shared/slideshow_tabs', :locals => { :current => 'Slideshow Details' } %>
+<%= render :partial => 'spree/shared/error_messages', :locals => { :target => @slideshow } %>
+
+<%= form_for [:admin, @slideshow], :method => :put, :html => { :multipart => true } do |f| %>
+  <fieldset class="no-border-top">
+    <%= render :partial => 'form', :locals => { :f => f } %>
+    <%= render :partial => 'spree/admin/shared/edit_resource_links' %>
+  </fieldset>
+<% end %>

data/app/views/spree/admin/slideshows/index.html.erb

@@ -0,0 +1,51 @@
+<% content_for :page_title do %>
+  <%= t(:listing_slideshows) %>
+<% end %>
+
+<% content_for :page_actions do %>
+  <div class="toolbar" data-hook="toolbar">
+    <ul class="actions header-action-links inline-menu">
+      <li id="new_slideshow_link">
+        <%= button_link_to t(:new_slideshow), new_object_url, { :remote => true, :icon => 'icon-plus', :id => 'admin_new_slideshow' } %>
+      </li>
+    </ul>
+  </div>
+<% end %>
+
+<%= render :partial => 'spree/admin/shared/slideshow_sub_menu' %>
+
+<div id="new_slideshow" data-hook></div>
+
+<% if @collection.any? %>
+	<table class="index" id="listing_slideshows">
+		<colgroup>
+		<col style="width: 55%;">
+		<col style="width: 10%;">
+		<col style="width: 17%;">
+		</colgroup>
+		<thead>
+			<tr data-hook="admin_slideshows_index_headers">
+				<th><%= t(:category) %></th>
+				<th><%= t(:enabled) %></th>
+				<th data-hook="admin_slideshows_index_header_actions" class="actions"></th>
+			</tr>
+		</thead>
+		<tbody>
+		<% @slideshows.each do |slideshow| %>
+		<tr id="<%= spree_dom_id slideshow %>" data-hook="admin_slideshows_index_rows" class="<%= cycle('odd', 'even') %>">
+			<td><%= slideshow.category %> (<%= slideshow.slides.count %> <%= t(:slides) %>)</td>
+			<td align="center"><%= icon('icon-check icon-large') if slideshow.enabled %></td>
+			<td class="actions" data-hook="admin_slideshows_index_row_actions">
+				<%= link_to_edit slideshow, :no_text => true, :class => 'edit' %>
+				&nbsp;
+				<%= link_to_delete slideshow, :no_text => true %>
+			</td>
+		</tr>
+		<% end %>
+		</tbody>
+	</table>
+<% else %>
+	<div class="no-objects-found">
+		<%= t(:no_results) %>
+	</div>
+<% end %>