pulitzer 0.13.1 → 0.14.0

data/app/models/pulitzer/content_element_type.rb

@@ -2,15 +2,20 @@ module Pulitzer
   class ContentElementType < ActiveRecord::Base
     validates :name, presence: true, uniqueness: true
     has_many :post_type_content_element_types, dependent: :destroy
+    has_many :layouts, dependent: :destroy
 
     def type
       name.downcase.to_sym
     end
 
-    %i(text image video).each do |content_type|
+    %i(text image video clickable).each do |content_type|
       define_method "#{content_type}_type?" do
         type == content_type
       end
     end
+
+    def has_styles?
+      [:clickable].include? type
+    end
   end
 end

data/app/models/pulitzer/custom_option.rb

@@ -0,0 +1,6 @@
+module Pulitzer
+  class CustomOption < ActiveRecord::Base
+    belongs_to :custom_option_list
+    has_many :content_elements
+  end
+end

data/app/models/pulitzer/custom_option_list.rb

@@ -0,0 +1,10 @@
+module Pulitzer
+  class CustomOptionList < ActiveRecord::Base
+    belongs_to :content_element_type
+    has_many :custom_options
+
+    def gid
+      to_global_id.to_s
+    end
+  end
+end

data/app/models/pulitzer/post_type_content_element_type.rb

@@ -4,21 +4,72 @@ module Pulitzer
     
     belongs_to :post_type
     belongs_to :content_element_type
-    has_one :content_element
+    has_many :styles
+    
     before_save :handle_sort_order
 
-    delegate :type, :image_type?, to: :content_element_type
+    delegate :type, :image_type?, :has_styles?, to: :content_element_type
 
     default_scope { order(sort_order: :asc) }
 
     validates :label, presence: true
 
+    def self.any_clickable
+      return @any if @any.present?
+      @any = OpenStruct.new
+      @any.gid = 'any'
+      @any.name = 'Any'
+      @any
+    end
+
+    def self.url_clickable
+      return @url if @url.present?
+      @url = OpenStruct.new
+      @url.gid = 'url'
+      @url.name = 'URL'
+      @url
+    end
+
+    def self.clickable_kinds
+      [any_clickable] + Pulitzer::CustomOptionList.all.to_a + [url_clickable]
+    end
+
+    def clickable_kind_display
+      GlobalID::Locator.locate(clickable_kind)&.name || clickable_kind.humanize
+    end
+
+    def any_clickable_kind?
+      'any' == clickable_kind
+    end
+
+    def url_clickable_kind?
+      'url' == clickable_kind
+    end
+
+    def clickable_kinds
+      Pulitzer::CustomOptionList.all.to_a + [self.class.url_clickable]
+    end
+
+    def custom_clickable_kinds
+      Pulitzer::CustomOptionList.all.to_a
+    end
+
+    def custom_option_list
+      GlobalID::Locator.locate(clickable_kind)
+    end
+
+    def custom_options
+      custom_option_list&.custom_options
+    end
+
     def type_specific_display
       case type
       when :image
         "#{height}x#{width}"
       when :text
         text_editor_display
+      when :clickable
+        clickable_kind_display
       else
         ''
       end
@@ -32,5 +83,10 @@ module Pulitzer
         text_editor
       end
     end
+
+    def first_style
+      styles.first
+    end
+
   end
 end

data/app/models/pulitzer/style.rb

@@ -0,0 +1,11 @@
+module Pulitzer
+  class Style < ActiveRecord::Base
+    has_many :content_elements
+    belongs_to :post_type_content_element_type
+    validates :display_name, :css_class_name, presence: true
+
+    def first?
+      post_type_content_element_type.first_style.id == id
+    end
+  end
+end

data/app/views/pulitzer/content_elements/_clickable_fields.html.erb

@@ -0,0 +1,31 @@
+<div class="pulitzer-row"><span class="pulitzer-span heading">clickable text</span></div>
+<div class="pulitzer-row margin-bottom">
+  <span class="pulitzer-span one-half"> <%= f.text_field :title %></span>
+</div>
+<% if f.object.any_clickable_kind? %>
+  <div class="pulitzer-span one-fifth">
+    <span class="pulitzer-span heading">action type</span>
+    <%= select_tag 'content_element[clickable_kind]',
+      options_from_collection_for_select(f.object.clickable_kinds, :gid, :name, f.object.clickable_kind.gid), revealer(dom_id(f.object, :clickable_kind), highlander: true) %>
+  </div>
+  <div <%= revealer_target_attrs(dom_id(f.object, :clickable_kind)) %> ></div>
+  <div class="pulitzer-span one-half" <%= revealer_option_attrs(dom_id(f.object, :clickable_kind), trigger: 'url') %>>
+    <div class="pulitzer-row"><span class="pulitzer-span heading">URL</span></div>
+    <%= f.text_field :body %>
+  </div>
+  <% f.object.custom_clickable_kinds.each do |custom_option_list| %>
+    <div class="pulitzer-span one-quarter" <%= revealer_option_attrs(dom_id(f.object, :clickable_kind), trigger: custom_option_list.gid) %>>
+      <span class="pulitzer-span heading"><%= custom_option_list.name %></span>
+      <%= f.select :custom_option_id, options_from_collection_for_select(custom_option_list.custom_options, :id, :display, f.object.custom_option_id) %>
+    </div>
+  <% end %>
+<% elsif f.object.url_clickable_kind? %>
+  <div class="pulitzer-row"><span class="pulitzer-span heading">URL</span></div>
+  <%= f.text_field :body %>
+<% else %>
+  <%= hidden_field_tag 'content_element[clickable_kind]', f.object.custom_option_list.gid %>
+  <span class="pulitzer-span heading"><%= f.object.custom_option_list.name %></span>
+  <%= f.select :custom_option_id, options_from_collection_for_select(f.object.custom_options, :id, :display) %>
+<% end %>
+<div class="pulitzer-row"><span class="pulitzer-span heading">Style</span></div>
+<%= f.select :style_id, options_from_collection_for_select(f.object.style_options, :id, :display_name, f.object.style_id) %>

data/app/views/pulitzer/content_elements/_form.html.erb

@@ -1,6 +1,4 @@
-<% if content_element.template? %>
-  <h5><%= content_element.label %></h5>
-<% end %>
+<h5><%= content_element.label %></h5>
 <%= form_for content_element, html: ajax_form_hash(dom_target(content_element)), multipart: true,
   data: { server_endpoint: content_element_path(content_element) } do |f| %>
   <%= render partial: "/pulitzer/content_elements/#{content_element.type}_fields", locals: { f: f, content_element: content_element } %>

data/app/views/pulitzer/content_elements/_partial_index.html.erb

@@ -1,4 +1,4 @@
-<div class="pulitzer-row margin-left">
+<div class="pulitzer-row margin-left highlight-off-white">
   <% partial.content_elements.each do |content_element| %>
     <%= render partial: '/pulitzer/content_elements/show_wrapper', locals: { element: content_element } %>
   <% end %>

data/app/views/pulitzer/content_elements/_show.html.erb

@@ -1,23 +1,14 @@
-<% if content_element.free_form? %>
+<div class="pulitzer-row">
   <div class="pulitzer-row">
-    <div class="pulitzer-span right">
-      <%= render partial: '/pulitzer/shared/drag_handle' %>
-    </div>
+    <h5>
+      <%= content_element.label %>
+      <% if content_element.required? %>
+        - *required
+      <% end %>
+    </h5>
+  </div>
+  <div class="pulitzer-row">
+    <div class="pulitzer-span ninety-percent"><%= render_element(content_element) %></div>
+    <div class="pulitzer-span ten-percent"><%= ajax_link "Edit", edit_content_element_path(content_element), {}, dom_target(content_element) %></div>
   </div>
-<% end %>
-<div class="pulitzer-row">
-  <ul class="list">
-    <% if content_element.template? %>
-      <li>
-        <h5>
-          <%= content_element.label %>
-          <% if content_element.required? %>
-            - *required
-          <% end %>
-        </h5>
-      </li>
-    <% end %>
-    <li><%= render_element(content_element) %></li>
-    <li><%= ajax_link "Edit", edit_content_element_path(content_element), {}, dom_target(content_element) %></li>
-  </ul>
 </div>

data/app/views/pulitzer/custom_option_lists/_edit.html.erb

@@ -0,0 +1,10 @@
+<div class="pulitzer-row">
+  <%= form_for custom_option_list, ajax_form_hash(dom_target(custom_option_list)) do |f| %>
+    <div class="pulitzer-span margin one-half"><%= f.text_field :name %></div>
+    <div class="pulitzer-span margin one-half">
+      <%= f.submit data: {disable_with: false}, class: 'input-medium' %>
+      <%= ajax_link 'cancel', custom_option_list_path(custom_option_list), {class: 'button'}, dom_target(custom_option_list) %>
+      <%= ajax_delete 'delete', custom_option_list_path(custom_option_list), {class: 'button'}, dom_target(custom_option_list) %>
+    </div>
+  <% end %>
+</div>

data/app/views/pulitzer/custom_option_lists/_index.html.erb

@@ -0,0 +1,12 @@
+<div class="pulitzer-row margin-top margin-bottom">
+  <div class="pulitzer-row margin-bottom">
+    <%= ajax_link "add a new custom option list", new_custom_option_list_path(custom_option_list: {name: nil}), {}, "#new_custom_option_list" %>
+  </div>
+  <div id="new_custom_option_list"></div>
+</div>
+
+<div id="custom_option_lists_container">
+  <% @custom_option_lists.each do |col| %>
+    <%= render partial: 'show_wrapper', locals: {custom_option_list: col} %>
+  <% end %>
+</div>

data/app/views/pulitzer/custom_option_lists/_new.html.erb

@@ -0,0 +1,9 @@
+<div class="pulitzer-row">
+  <%= form_for custom_option_list, html: ajax_form_hash('#custom_option_lists_container', insert_method: 'prepend', error_target: '#new_custom_option_list', reset_on_success: true) do |f| %>
+    <div class="pulitzer-span margin one-half"><%= f.text_field :name %></div>
+    <div class="pulitzer-span margin one-half">
+      <%= f.submit data: {disable_with: false}, class: 'input-medium' %> or
+      <a class="link-button-small" <%= emptier '#new_custom_option_list' %>>close</a>
+    </div>
+  <% end %>
+</div>

data/app/views/pulitzer/custom_option_lists/_show.html.erb

@@ -0,0 +1,11 @@
+<div class="pulitzer-row">
+  <div class="pulitzer-span margin one-half">
+    <div class="pulitzer-span margin ten-percent" <%= expander(dom_id(custom_option_list, :options_container)) %>><strong>+</strong></div>
+    <div class="pulitzer-span margin ten-percent" <%= collapser(dom_id(custom_option_list, :options_container)) %>><strong>-</strong></div>    
+    <%= custom_option_list.name %>
+  </div>
+  <div class="pulitzer-span margin one-half"><%= ajax_link 'edit', edit_custom_option_list_path(custom_option_list), {}, dom_target(custom_option_list) %></div>
+</div>
+<div class="pulitzer-row pulitzer-indent" <%= collapsed(dom_id(custom_option_list, :options_container)) %>>
+  <%= render partial: '/pulitzer/custom_options/index', locals: {custom_option_list: custom_option_list} %>
+</div>

data/app/views/pulitzer/custom_option_lists/_show_wrapper.html.erb

@@ -0,0 +1,3 @@
+<div class="pulitzer-row margin-top" id="<%= dom_id(custom_option_list) %>">
+  <%= render partial: 'show', locals: {custom_option_list: custom_option_list} %>
+</div>

data/app/views/pulitzer/custom_options/_edit.html.erb

@@ -0,0 +1,10 @@
+<div class="pulitzer-row">
+  <%= form_for custom_option, ajax_form_hash(dom_target(custom_option)) do |f| %>
+    <%= render partial: '/pulitzer/custom_options/fields', locals: {f: f} %>
+    <div class="pulitzer-span margin one-third">
+      <%= f.submit data: {disable_with: false}, class: 'input-medium' %>
+      <%= ajax_link 'cancel', custom_option_path(custom_option), {class: 'button'}, dom_target(custom_option) %>
+      <%= ajax_delete 'delete', custom_option_path(custom_option), {class: 'button'}, dom_target(custom_option) %>
+    </div>
+  <% end %>
+</div>

data/app/views/pulitzer/custom_options/_fields.html.erb

@@ -0,0 +1,2 @@
+<div class="pulitzer-span margin one-third"><%= f.text_field :display %></div>
+<div class="pulitzer-span margin one-third"><%= f.text_field :value %></div>

data/app/views/pulitzer/custom_options/_index.html.erb

@@ -0,0 +1,20 @@
+<div class="pulitzer-row margin-top margin-bottom highlight-off-white">
+  <div class="pulitzer-row margin-bottom">
+    <%= ajax_link "add a new custom option to #{custom_option_list.name}", new_custom_option_path(custom_option: {custom_option_list_id: custom_option_list.id}), {}, dom_target(custom_option_list, :new_option) %>
+  </div>
+  <div class="pulitzer-row">
+    <div class="pulitzer-span one-third heading">
+      Editor Display
+    </div>
+    <div class="pulitzer-span one-third heading">
+      Value
+    </div>
+  </div>
+  <div id="<%= dom_id(custom_option_list, :new_option) %>"></div>
+  <div id="<%= dom_id(custom_option_list, :options_container) %>">
+    <% custom_option_list.custom_options.each do |co| %>
+      <%= render partial: '/pulitzer/custom_options/show_wrapper', locals: {custom_option: co} %>
+    <% end %>
+  </div>
+</div>
+

data/app/views/pulitzer/custom_options/_new.html.erb

@@ -0,0 +1,10 @@
+<div class="pulitzer-row">
+  <%= form_for custom_option, html: ajax_form_hash(dom_target(custom_option.custom_option_list, :options_container), insert_method: 'prepend', error_target: dom_target(custom_option.custom_option_list, :new_option), reset_on_success: true) do |f| %>
+    <%= f.hidden_field :custom_option_list_id %>
+    <%= render partial: '/pulitzer/custom_options/fields', locals: {f: f} %>
+    <div class="pulitzer-span margin one-third">
+      <%= f.submit data: {disable_with: false}, class: 'input-medium' %> or
+      <a class="link-button-small" <%= emptier dom_target(custom_option.custom_option_list, :new_option) %>>close</a>
+    </div>
+  <% end %>
+</div>

data/app/views/pulitzer/custom_options/_show.html.erb

@@ -0,0 +1,5 @@
+<div class="pulitzer-row">
+  <div class="pulitzer-span margin one-third"><%= custom_option.display %></div>
+  <div class="pulitzer-span margin one-third"><%= custom_option.value %></div>
+  <div class="pulitzer-span margin one-third"><%= ajax_link 'edit', edit_custom_option_path(custom_option), {}, dom_target(custom_option) %></div>
+</div>

data/app/views/pulitzer/custom_options/_show_wrapper.html.erb

@@ -0,0 +1,3 @@
+<div class="pulitzer-row margin-top" id="<%= dom_id(custom_option) %>">
+  <%= render partial: '/pulitzer/custom_options/show', locals: {custom_option: custom_option} %>
+</div>

data/app/views/pulitzer/free_form_section_types/_show_wrapper.html.erb

@@ -1,3 +1,3 @@
-<div class="pulitzer-row" id="<%= dom_id(ffst) %>">
+<div class="pulitzer-row list-item margin-bottom" id="<%= dom_id(ffst) %>">
   <%= render partial: '/pulitzer/free_form_section_types/show', locals: {ffst: ffst} %>
 </div>

data/app/views/pulitzer/partial_types/_index.html.erb

@@ -5,7 +5,7 @@
 </div>
 
 <div id="<%= dom_id ffst, :partials %>">
-  <div class="pulitzer-row margin-bottom list-item">
+  <div class="pulitzer-row margin-bottom">
     <%= ajax_link "add a new required partial for #{ffst.name}", new_partial_type_path({ffst_id: ffst}), {}, dom_target(ffst, :new_partial) %>
     <div id="<%= dom_id(ffst, :new_partial) %>"></div>
   </div>

data/app/views/pulitzer/partials/_index.html.erb

@@ -3,10 +3,10 @@
     <%= render partial: '/pulitzer/partials/show_wrapper', locals: { partial: partial } %>
   <% end %>
 </div>
-
 <div id="<%= dom_id free_form_section, :partials %>">
-  <div class="pulitzer-row margin-bottom list-item">
-    <%= ajax_link "add a new partial for #{free_form_section.name}", new_partial_path(partial: {free_form_section_id: free_form_section}), {}, dom_target(free_form_section, :new_partial) %>
-    <div id="<%= dom_id(free_form_section, :new_partial) %>"></div>
+  <div class="pulitzer-row margin-bottom">
+    <%= ajax_link "add a new partial for #{free_form_section.name}", new_partial_path(partial: {free_form_section_id: free_form_section}), {class: 'button'}, dom_target(free_form_section, :new_partial) %>
+  </div>
+  <div class="pulitzer-row" id="<%= dom_id(free_form_section, :new_partial) %>"></div>
   </div>
 </div>

data/app/views/pulitzer/partials/_new.html.erb

@@ -5,7 +5,7 @@
     <%= f.text_field :label %>
   </div>
   <div class="pulitzer-span ten-percent">
-    <%= f.collection_select :post_type_id, Pulitzer::PostType.partials, :id, :name, {}, revealer(dom_id(partial.free_form_section, :new_partial_type), highlander: true) %>
+    <%= f.collection_select :post_type_id, Pulitzer::PostType.partials.order(:name), :id, :name, {}, revealer(dom_id(partial.free_form_section, :new_partial_type), highlander: true) %>
   </div>
   <div class="pulitzer-span one-half" <%= revealer_target_attrs(dom_id(partial.free_form_section, :new_partial_type)) %>>
     <% Pulitzer::PostType.partials.each do |post_type| %>

data/app/views/pulitzer/post_type_content_element_types/_form_fields.html.erb

@@ -23,6 +23,10 @@ revealer(dom_id(ptcet, :revealer), highlander: true) %>
    
 </div>
 
+<div <%= revealer_option_attrs(dom_id(ptcet, :revealer), trigger: Pulitzer::ContentElementType.find_by(name: 'Clickable').id) %> class="pulitzer-span one-fifth">
+  <%= f.select :clickable_kind, options_from_collection_for_select(Pulitzer::PostTypeContentElementType.clickable_kinds, :gid, :name, f.object.clickable_kind) %>  
+</div>
+
 <div class="pulitzer-span ten-percent">
   <%= f.check_box :required %>
 </div>

data/app/views/pulitzer/post_type_content_element_types/_show.html.erb

@@ -1,17 +1,25 @@
 <div class="pulitzer-row">
   <div class="pulitzer-span one-fifth"><%= ptcet.label %></div>
-  <div class="pulitzer-span one-fifth"><%= ptcet.content_element_type.name %></div>
-  <div class="pulitzer-span one-fifth">
+  <div class="pulitzer-span ten-percent"><%= ptcet.content_element_type.name %></div>
+  <div class="pulitzer-span ten-percent">
     <%= ptcet.type_specific_display %>
   </div>
-  <div class="pulitzer-span ten-percent">
-    <%= ptcet.required? ? 'required' : 'optional' %>
+  <div class="pulitzer-span two-fifths">
+    <% if ptcet.has_styles? %>
+      <%= ajax_link "Styles", styles_path(post_type_content_element_type_id: ptcet.id), {}, dom_target(ptcet, :styles_container) %>
+    <% else %>
+      &nbsp;
+    <% end %>
   </div>
-  <div class="pulitzer-span ten-percent">
+  <div class="pulitzer-span five-percent">
+    <%= ptcet.required? ? '✓' : '' %>
+  </div>
+  <div class="pulitzer-span five-percent">
     <%= ptcet.sort_order %>
   </div>
   <div class="pulitzer-span ten-percent">
     <%= ajax_link "Edit", edit_post_type_content_element_type_path(ptcet), {}, dom_target(ptcet) %> |
     <%= ajax_delete 'Delete', post_type_content_element_type_path(ptcet), {}, dom_target(ptcet) %>
   </div>
+  <div id="<%= dom_id(ptcet, :styles_container) %>"></div>
 </div>

data/app/views/pulitzer/post_types/_template.html.erb

@@ -5,10 +5,11 @@
       <h4>Content Elements</h4>
       <div class="pulitzer-row heading">
         <div class="pulitzer-span one-fifth heading">Editor Display</div>
-        <div class="pulitzer-span one-fifth heading">Content Type</div>
-        <div class="pulitzer-span one-fifth heading">Details</div>
-        <div class="pulitzer-span ten-percent heading">Required</div>
-        <div class="pulitzer-span ten-percent heading">Sort</div>
+        <div class="pulitzer-span ten-percent heading">Content Type</div>
+        <div class="pulitzer-span ten-percent heading">Details</div>
+        <div class="pulitzer-span two-fifths heading">&nbsp;</div>
+        <div class="pulitzer-span five-percent heading">Req'd</div>
+        <div class="pulitzer-span five-percent heading">Sort</div>
       </div>
       <div id="post_type_content_element_types_container_<%= dom_id(post_type) %>">
         <% post_type.post_type_content_element_types.each do |ptcet| %>