refinerycms-llama_widgets 0.1.0

data/app/assets/javascripts/refinery/engage.itoggle-min.js

@@ -0,0 +1,17 @@
+/*---------------
+ * jQuery iToggle Plugin by Engage Interactive
+ * Examples and documentation at: http://labs.engageinteractive.co.uk/itoggle/
+ * Copyright (c) 2009 Engage Interactive
+ * Version: 1.0 (10-JUN-2009)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ * Requires: jQuery v1.3 or later
+---------------*/
+
+(function($){$.fn.iToggle=function(options){clickEnabled=true;var defaults={type:'checkbox',keepLabel:true,easing:false,speed:200,onClick:function(){},onClickOn:function(){},onClickOff:function(){},onSlide:function(){},onSlideOn:function(){},onSlideOff:function(){}},settings=$.extend({},defaults,options);this.each(function(){var $this=$(this);if($this.attr('tagName')=='INPUT'){var id=$this.attr('id');label(settings.keepLabel,id);$this.addClass('iT_checkbox').before('<label class="itoggle" for="'+id+'"><span></span></label>');if($this.attr('checked')){$this.prev('label').addClass('iTon');}else{$this.prev('label').addClass('iToff');}}else{$this.children('input:'+settings.type).each(function(){var id=$(this).attr('id');label(settings.keepLabel,id);$(this).addClass('iT_checkbox').before('<label class="itoggle" for="'+id+'"><span></span></label>');if($(this).attr('checked')){$(this).prev('label').addClass('iTon');}else{$(this).prev('label').addClass('iToff');}
+if(settings.type=='radio'){$(this).prev('label').addClass('iT_radio');}});}});function label(e,id){if(e==true){if(settings.type=='radio'){$('label[for='+id+']').addClass('ilabel_radio');}else{$('label[for='+id+']').addClass('ilabel');}}else{$('label[for='+id+']').remove();}}
+$('label.itoggle').click(function(){if(clickEnabled==true){clickEnabled=false;if($(this).hasClass('iT_radio')){if($(this).hasClass('iTon')){clickEnabled=true;}else{slide($(this),true);}}else{slide($(this));}}
+return false;});$('label.ilabel').click(function(){if(clickEnabled==true){clickEnabled=false;slide($(this).next('label.itoggle'));}
+return false;});function slide($object,radio){settings.onClick.call($object);h=$object.innerHeight();t=$object.attr('for');if($object.hasClass('iTon')){settings.onClickOff.call($object);$object.animate({backgroundPosition:'100% -'+h+'px'},settings.speed,settings.easing,function(){$object.removeClass('iTon').addClass('iToff');clickEnabled=true;settings.onSlide.call(this);settings.onSlideOff.call(this);});$('input#'+t).removeAttr('checked');}else{settings.onClickOn.call($object);$object.animate({backgroundPosition:'0% -'+h+'px'},settings.speed,settings.easing,function(){$object.removeClass('iToff').addClass('iTon');clickEnabled=true;settings.onSlide.call(this);settings.onSlideOn.call(this);});$('input#'+t).attr('checked','checked');}
+if(radio==true){name=$('#'+t).attr('name');slide($object.siblings('label[for]'));}}};})(jQuery);

data/app/assets/javascripts/refinery/widgets.js.coffee.erb

@@ -0,0 +1,91 @@
+jQuery ->
+  if $('#new_widget #widget_type').length > 0
+    $('#new_widget #widget_type.template').change (event) ->
+      selected = $(this).val()
+      if selected != ''
+        activePart = window.parent.$('li.ui-tabs-active').attr('aria-controls')
+        index = window.parent.$('#template_part_index_' + activePart).attr('data-index')
+        data = {sub_type: selected, index: index}
+        url = '/<%= Refinery::Core.backend_route %>/widgets/widget_types/new_for_template'
+        $.ajax({url: url, data: data}).done (data) ->
+          target = window.parent.$("a#add_widget_" + activePart)
+          $(data).insertBefore(target)
+          window.parent.initWidgets()
+          window.parent.refinery_dialog_success()
+    $('#new_widget #widget_type.page').change (event) ->
+      selected = $(this).val()
+      if selected != ''
+        activePart = window.parent.$('li.ui-tabs-active').attr('aria-controls')
+        index = window.parent.$('#template_part_index_' + activePart).attr('data-index')
+        data = {sub_type: selected, index: index}
+        url = '/<%= Refinery::Core.backend_route %>/widgets/widget_types/new_for_page'
+        $.ajax({url: url, data: data}).done (data) ->
+          target = window.parent.$("a#add_widget_" + activePart)
+          $(data).insertBefore(target)
+          window.parent.initWidgets()
+          window.parent.refinery_dialog_success()
+          
+  $('[data-sortable="widgets"]').each (index, value) ->
+    $(value).sortable({handle: '.handle', \
+                      items: '[data-sort-item="widget"]', \
+                      axis: 'y', \
+                      forcePlaceholderSize: true, \
+                      stop: =>
+                        assessOrder()
+                     })
+
+window.selectExistingWidgetForTemplate = (id) ->
+  activePart = window.parent.$('li.ui-tabs-active').attr('aria-controls')
+  index = window.parent.$('#template_part_index_' + activePart).attr('data-index')
+  data = {sub_type: 'Refinery::Widgets::Widget', index: index, id: id}
+  url = '/<%= Refinery::Core.backend_route %>/widgets/widget_types/show_for_template'
+  $.ajax({url: url, data: data}).done (data) ->
+    target = window.parent.$("a#add_widget_" + activePart)
+    $(data).insertBefore(target)
+    window.parent.initWidgets()
+    window.parent.refinery_dialog_success()
+
+window.selectExistingWidgetForPage = (id) ->
+  activePart = window.parent.$('li.ui-tabs-active').attr('aria-controls')
+  activePart = activePart.replace('page_part_', '')
+  index = window.parent.$('#template_part_index_' + activePart).attr('data-index')
+  data = {sub_type: 'Refinery::Widgets::Widget', index: index, id: id}
+  url = '/<%= Refinery::Core.backend_route %>/widgets/widget_types/show_for_page'
+  $.ajax({url: url, data: data}).done (data) ->
+    target = window.parent.$("a#add_widget_" + activePart)
+    $(data).insertBefore(target)
+    window.parent.initWidgets()
+    window.parent.refinery_dialog_success()
+
+window.initWidgets = ->
+  WYMeditor.init() 
+  assessOrder()
+
+window.linkFromDialog = (linkUrl) ->
+  window.parent.location = linkUrl
+  window.parent.refinery_dialog_success()
+        
+window.removeWidget = (link) -> 
+  widget = $(link).parents('.widget')
+  widget.find('input[data-meta="destroy"]').val('1')
+  widget.hide()
+
+window.toggleWidget = (link) ->
+  widgetInner = $(link).parents('.widget').find('.inner')
+  widgetInner.slideToggle()
+
+window.showWidgetEdit = (link) ->
+  widget = $(link).parents('.widget')
+  $(widget).find('.previewing').slideToggle()
+  $(widget).find('.editing').slideToggle()
+  $(link).remove()
+
+window.assessOrder = ->
+  $('[data-sortable="widgets"]').each (index, value) ->
+    $(value).find('[data-sort-item="widget"]').each (index, value) ->
+      $(value).find('input[data-meta="position"]').val(index)
+
+window.removeField = (element) ->
+  fieldset = $(element).closest('fieldset')
+  fieldset.find('.destroy').val('1')
+  fieldset.hide()

data/app/assets/stylesheets/refinery/engage.itoggle.css

@@ -0,0 +1,94 @@
+/* ---------------------------------------------
+	TOGGLE.CSS
+-----------------------------------------------*/
+
+div#itoggle{
+	background:#FFF;
+	padding:20px 20px 0;
+	-moz-border-radius:10px;
+	-webkit-border-radius:10px;
+	color:#333;
+	}
+div#itoggle h3{
+	margin-bottom:4px;
+	font-size: 14px;
+	font-weight:bold;
+	}
+div#itoggle p{
+	color:#666;
+	margin-bottom:10px;
+	}
+
+div#console{
+	display:none;
+	position:absolute;
+	top:8px;
+	right:8px;
+	width:160px;
+	padding:6px 8px 8px 8px;
+	text-align:right;
+	background:#000;
+	-moz-border-radius:6px;
+	-webkit-border-radius:6px;
+	background:url(/global/images/console.gif);
+	}
+div#console p{
+	margin:0;
+	font-size:11px;
+	font-family:"Courier New", Courier, monospace;
+	}
+
+div#itoggle input.iT_checkbox_on{
+	display:block !important;
+	float:left;
+	position:relative !important;
+	top:-43px !important;
+	left:100px !important;
+	margin-bottom:-43px;
+	}
+
+/* -----------------------------
+	This is the important bit
+-------------------------------*/
+
+div#itoggle label.ilabel{
+	display:block;
+	font-size:12px;
+	padding-bottom:10px;
+	cursor:pointer;
+	}
+
+div#itoggle label.itoggle,
+div#itoggle label.itoggle span{
+	display: block;
+	width: 93px;
+	height: 27px;
+	margin-bottom: 20px;
+	background: url(../images/itoggle.png) left bottom no-repeat;
+	cursor:pointer;
+	text-indent:-5000px;
+	}
+div#itoggle label.itoggle.iToff{
+	background-position:right bottom;
+	}
+div#itoggle label.itoggle span{
+	background-position: left top;
+	margin: 0;
+	}
+div#itoggle input.iT_checkbox{
+	position:absolute;
+	top:-9999px;
+	left:-9999px;
+	}
+
+/*	
+	If you want the corners to be
+	transparent, add these two lines
+	to the main block above. Only
+	works on webkit and mozilla browsers
+	For more reliable results, make your
+	own png using the supplied .psd
+	
+	-moz-border-radius:6px;
+	-webkit-border-radius:6px;
+*/

data/app/assets/stylesheets/refinery/widgets.scss

@@ -0,0 +1,89 @@
+.inline{ float:left; margin-top: 5px; margin-right: 20px; }
+.tab-area{ border: 1px solid #CCC; padding: 10px; }
+.reuseable-block{ border: 1px solid #CCC }
+.widgets.ui-sortable {
+  .ui-sortable-placeholder {
+    background-color: #FFFF99;
+    border: 1px dashed #CCC;
+    border-radius: 5px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    visibility: visible !important; 
+  }
+}
+.widget{ 
+  border-radius: 5px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  background-color: #F5F5F5;
+  border: 1px solid #CCC;
+  margin: 20px 0px 10px 0px;
+  padding: 5px;
+  .left {
+    float: left;
+  }
+  .right {
+    float: right;
+    .icons {
+      img {
+        margin-left: 10px;
+      }
+    }
+  }
+  .type {
+    margin-left: 20px;
+  }
+} 
+.clear {
+  clear: both;
+}
+table.existing_widgets, table.select_template {
+  border-collapse: collapse;
+  border-spacing: 0;
+  width: 100%;
+  tr {
+    &.dark { background-color: #EEE; } 
+    &.light { background-color: #FFF; }
+    td, th {
+      padding-left: 10px;
+      border: 1px solid #CCC;
+    }
+  }
+}
+.sub-title { font-size: 0.9em; opacity: 0.8; }
+
+form fieldset { 
+  margin: 5px;
+  border: 1px solid #DDD;
+  padding-top: 0px;
+}
+
+.s-margin { margin-top: 5px; margin-bottom: 5px; }
+.m-margin { margin-top: 10px; margin-bottom: 10px; }
+.l-margin { margin-top: 20px; margin-bottom: 20px; }
+.xl-margin { margin-top: 40px; margin-bottom: 40px; }
+
+.row { padding-left: 15px; }
+.row:before,.row:after{content:" ";display:table;}
+.row:after{clear:both;}
+.row:before,.row:after{content:" ";display:table;}
+.row:after{clear:both;}
+@media (min-width:768px){.row{margin-left:-15px;margin-right:-15px;}}.row .row{margin-left:-15px;margin-right:-15px;}
+.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{position:relative;min-height:1px;padding-left:0px;padding-right:0px; margin-left: 0px; margin-right: 0px;}
+.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{float:left;}
+.col-1{width:8.333333333333332% !important;}
+.col-2{width:16.666666666666664% !important;}
+.col-3{width:25% !important;}
+.col-4{width:33.33333333333333% !important;}
+.col-5{width:41.66666666666667% !important;}
+.col-6{width:50% !important;}
+.col-7{width:58.333333333333336% !important;}
+.col-8{width:66.66666666666666% !important;}
+.col-9{width:75% !important;}
+.col-10{width:83.33333333333334% !important;}
+.col-11{width:91.66666666666666% !important;}
+.col-12{width:100% !important;}
+
+.widget .handle {
+  float: left;
+}

data/app/controllers/refinery/widgets/admin/templates_controller.rb

@@ -0,0 +1,28 @@
+module Refinery
+  module Widgets
+    module Admin
+      class TemplatesController < ::Refinery::AdminController
+
+        def list
+          @templates = Template.order(:position)
+          @parent_id = params[:parent_id]
+        end
+
+        crudify :'refinery/widgets/template',
+                :title_attribute => 'name',
+                :xhr_paging => true
+
+        before_filter :check_for_pages!, :only => :destroy
+
+        def check_for_pages!
+          if Refinery::Widgets::Template.find(params[:id]).pages.any?
+            redirect_to refinery.widgets_admin_templates_path, 
+              :notice => 'Please delete any pages using this template before destroying it.'
+            return
+          end
+        end
+
+      end
+    end
+  end
+end

data/app/controllers/refinery/widgets/admin/widget_types_controller.rb

@@ -0,0 +1,59 @@
+module Refinery
+  module Widgets
+    module Admin
+      class WidgetTypesController < ::Refinery::AdminController
+
+        layout false
+
+        def new_for_template
+          set_template_and_template_part_and_widget
+          @widget.send("#{@widget.widget_type.association_name}=", @widget.widget_type.klass.new)
+        end
+        
+        def new_for_page
+          set_page_and_page_part_and_widget
+          @widget.send("#{@widget.widget_type.association_name}=", @widget.widget_type.klass.new)
+        end
+
+        def show_for_template
+          set_template_and_template_part_and_widget
+          widget = Widget.find(params[:id])
+          @widget.send("#{@widget.widget_type.association_name}=", widget)
+          @widget.locked = widget.locked
+          @widget.name = widget.name
+        end
+       
+        def show_for_page
+          set_page_and_page_part_and_widget
+          widget = Widget.find(params[:id])
+          @widget.send("#{@widget.widget_type.association_name}=", widget)
+          @widget.locked = widget.locked
+          @widget.name = widget.name
+        end
+
+        private
+
+          def set_template_and_template_part_and_widget
+            @template_part_index = params[:index] if params[:index].present?
+            @template = Template.new
+            @template_part = @template.template_parts.build
+            sub_type = params[:sub_type]
+            @widget = @template_part.widgets.build(sub_type: sub_type)
+          end
+          
+          def set_page_and_page_part_and_widget 
+            @page_part_index = params[:index] if params[:index].present?
+            @page = Page.new
+            @page_part = @page.parts.build
+            sub_type = params[:sub_type]
+            @widget = @page_part.widgets.build(sub_type: sub_type)
+          end
+
+          def restrict_controller
+            # no restrictions 
+          end
+
+      end
+    end
+  end
+end

data/app/controllers/refinery/widgets/admin/widgets_controller.rb

@@ -0,0 +1,30 @@
+module Refinery
+  module Widgets
+    module Admin
+      class WidgetsController < ::Refinery::AdminController
+
+        crudify :'refinery/widgets/widget',
+                :title_attribute => 'name',
+                :xhr_paging => true
+
+        def template
+          @widgets = Refinery::Widgets::Widget.on_template.reusable
+          render :action => :new
+        end
+        
+        def page
+          @widgets = Refinery::Widgets::Widget.on_page.reusable
+          render :action => :new
+        end
+
+        protected
+
+          def restrict_controller
+            super unless %w{ template page }.include? action_name
+          end
+
+
+      end
+    end
+  end
+end

data/app/decorators/controllers/refinery/admin/pages_controller.rb

@@ -0,0 +1,23 @@
+Refinery::Admin::PagesController.class_eval do 
+  before_filter :load_valid_templates, :only => [:edit, :new, :update, :create]
+
+  def render(*args)
+    if params[:action] == 'new'
+      if params[:template_id]
+        @template = Refinery::Widgets::Template.find(params[:template_id])
+        @page.parts = []
+        @template.template_parts.each_with_index do |template_part, index|
+          page_part = Refinery::PagePart.new(:title => template_part.name, :position => index, :locked => template_part.locked)
+          template_part.widgets.each do |widget|
+            w = widget.dup_by_ref
+            w.locked = true
+            w.layout = true
+            page_part.widgets << w
+          end
+          @page.parts << page_part
+        end
+      end
+    end
+    super
+  end
+end