refinerycms-sidebar 2.0.0.dev

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    MjU5MDAwOTM5NGQwNjQ2ZGNkOWFjNjg0NGIyOWM4ZDQyOTViMTIxZQ==
+  data.tar.gz: !binary |-
+    OWM3ZGYzOWJiZmI4NzZhN2Y2Yjg0ZWY5MTI5ZDQ3NGMxMzhjYWM2Yw==
+SHA512:
+  metadata.gz: !binary |-
+    YWUxN2QwZTZlZjhkOTVmYjIwY2JjMmQ1NTAzMGRjZjQyMjhjYjJhNTU3YzE4
+    ZGY0M2UxNDNhZGZmM2QyNDU5Y2FlZWJiN2FhODZjMDY5ZDhmMDA4YTE1NjEy
+    YTRlZTc5Mjc5NDcwZGRmMWQ1ODZkMWMyNjQ0NWY5YjA0ZjIyZjg=
+  data.tar.gz: !binary |-
+    ZjY1OWFhNmEzZWUwNzI0YzRhNTZlNTI1MjU1NWM0NWJlYmJlMWNlN2EyNzcw
+    NTJjZGU1YTM3NjY0OTU5NmJlN2FhYjc4ZjY4OGE2ZmFkNDFkM2IxMTZhMmNl
+    MWI1Y2JjNzdmZGFmY2MzMzI2YWYzZDJjZGMzMjY2NDlhM2U2NDk=

data/app/assets/javascripts/refinerycms_sidebar_tab.js

@@ -0,0 +1,208 @@
+$(function() {
+    $( "#available-components .module" ).draggable({helper: "clone"});
+
+    $( "#used-components").droppable({accept: ".module",
+      drop: function( event, ui ) {
+
+        cloned_element = $(ui.draggable).clone();
+        console.log( cloned_element.data("partial"));
+        var request = $.ajax({
+          url: "/refinery/sidebar",
+          type: "POST",
+          data: { partial:  cloned_element.data("partial"), position: 0, options: cloned_element.data("options"), page_id: cloned_element.data("page")},
+          dataType: "json"
+        });
+
+        request.done(function( msg ) {
+          link = $('<a href="#" style="float:right;" class="settings"><img alt="Cog_edit" height="16" src="/assets/refinery/icons/cog_edit.png" width="16"></a>');
+          link.data('id', msg["id"]);
+          link.click(function() {
+            loadSettings($(this));
+          })
+
+          delete_link = $('<a href="#" style="float:right;" class="delete"><img alt="Delete" height="16" src="/assets/refinery/icons/delete.png" width="16"></a>');
+          delete_link.data('id', msg["id"]);
+          delete_link.click(function() {
+            deleteLink($(this));
+          })
+          cloned_element.append(delete_link);
+           cloned_element.append(link);
+          cloned_element.attr("id", msg["id"]);
+          cloned_element.appendTo('#used-components')
+        });
+
+        request.fail(function( jqXHR, textStatus ) {
+          alert( "Request failed: " + textStatus );
+        });
+
+
+      }
+    });
+
+    $('.settings').each(function(key, element) {
+      $(element).click(function() {
+        loadSettings($(element));
+      })
+    })
+
+    $('.delete').each(function(key, element) {
+      $(element).click(function() {
+        deleteLink($(element));
+      })
+    })
+
+
+    loadSettings = function(element) {
+      console.log(element);
+
+        $('#options').html("");
+
+      var request = $.ajax({
+        url: "/refinery/sidebar/"+$(element).data("id")+"/options",
+        type: "get",
+        data: { id:  $(element).data("id")},
+        dataType: "json"
+      });
+
+      request.done(function( msg ) {
+        console.log(msg);
+
+        console.log(msg["options"]);
+
+        $('#options').css("display", "block");
+        $('#options').append($('<h3>Settings</h3>'));
+
+        for (var key in msg["options"]) {
+          if (msg["options"].hasOwnProperty(key)) {
+            console.log(key + " -> " +  msg["options"][key]);
+
+            label = $('<label for='+key+'>'+key+'</label>');
+            input = $('<input type=text name='+key+' class="option_field" value="'+msg["options"][key]+'">');
+            $('#options').append(label);
+            $('#options').append(input);
+          }
+        }
+
+        option_id = $('<input type=hidden name=id id="option_id" value="'+msg["id"]+'">')
+        close = $('<butto class="wymupdate wymcancel button"n>cancel</button>')
+        save = $('<button class="wymupdate button">save</button>')
+
+        actions = $('<div id="actions"></div>');
+        $('#options').append(actions);
+
+        actions.append(save);
+        actions.append(close);
+
+        $('#options').append(option_id);
+
+        close.click(function() {
+          $('#options').html("");
+          $('#options').css("display", "none");
+        })
+
+        save.click(function(e) {
+          e.preventDefault();
+          saveSettings();
+
+        })
+
+
+      });
+
+      request.fail(function( jqXHR, textStatus ) {
+        alert( "Request failed: " + textStatus );
+      });
+
+    }
+
+    saveSettings = function(ele) {
+      options = [];
+      $('.option_field').each(function (ele) {
+        options.push($(this).attr("name")+": " + $(this).attr("value"));
+      })
+
+      var save_request = $.ajax({
+        url: "/refinery/sidebar/"+$('#option_id').attr("value")+"/options",
+        type: "post",
+        data: { data: options },
+        dataType: "json"
+      });
+
+      save_request.done(function( msg ) {
+          $('#options').html("");
+          $('#options').css("display", "none");
+      });
+    }
+
+    deleteLink = function(ele) {
+        var delete_request = $.ajax({
+          url: "/refinery/sidebar/"+$(ele).data("id"),
+          type: "delete",
+          dataType: "json"
+        });
+
+        delete_request.done(function( msg ) {
+          $('#module-'+msg["id"]).remove();
+        });
+
+        delete_request.fail(function( jqXHR, textStatus ) {
+        alert( "Request failed: " + textStatus );
+      });
+    };
+
+
+    enableSort = function() {
+
+
+      $( "#used-components").droppable( "option", "disabled", true );
+      $( ".sortable" ).sortable("option", "disabled", false);
+      $( "#enable-sort" ).html("save changes");
+      $( "#enable-sort").unbind( "click" );
+      $( "#enable-sort" ).click(function (e) {
+
+        e.preventDefault();
+        saveSort();
+      });
+    };
+
+    saveSort = function() {
+      moduleIds = [];
+      $('#used-components .module').each(function() {
+        moduleIds.push($(this).attr("id"));
+      });
+
+      var sort_request = $.ajax({
+        url: "/refinery/sidebar/sort",
+        type: "post",
+        data: { sort:  moduleIds},
+        dataType: "json"
+      });
+
+      sort_request.done(function( msg ) {
+        $( "#used-components").droppable( "option", "disabled", false );
+        $( ".sortable" ).sortable("option", "disabled", true);
+        $( "#enable-sort" ).html("Enable Sort");
+        $( "#enable-sort").unbind( "click" );
+        $( "#enable-sort" ).click(function (e) {
+          e.preventDefault();
+            enableSort();
+        });
+      });
+
+      sort_request.fail(function( jqXHR, textStatus ) {
+        alert( "Request failed: " + textStatus );
+      });
+    };
+
+
+    $( "#enable-sort" ).click(function (e) {
+      e.preventDefault();
+       enableSort();
+    });
+
+          $( ".sortable" ).sortable({disabled: true});
+
+      $( ".sortable" ).disableSelection();
+//    $( ".sortable" ).sortable();
+//    $( ".sortable" ).disableSelection();
+  });

data/app/assets/stylesheets/refinerycms-sidebar-tab.scss

@@ -0,0 +1,119 @@
+#sidebar-tab {
+  top:0px;
+  background-color:#FFF;
+  padding:0px;
+  background-color:#FFF;
+  padding-left:20px;
+  padding-top:10px;
+
+  p {
+    margin-bottom:20px;
+  }
+}
+
+.sidebar-content {
+
+}
+
+
+
+#available-components {
+  width:90%;
+  margin-bottom:20px;
+  border:1px SOLID #CECECE;
+  padding:5px;
+}
+
+#used-components {
+  width:90%;
+  margin-bottom:20px;
+  border:1px SOLID #CECECE;
+  padding:5px;
+  min-height:25px;
+}
+
+.module {
+  cursor:pointer;
+  padding:5px;
+  margin-bottom:4px;
+
+  background-color: #dbedff;
+  background-position: 12px;
+  background-repeat: no-repeat;
+  border: 1px solid #65C3F7;
+  display: block;
+  padding: 9px 12px 9px 12px;
+
+  &:last-child {
+    margin-bottom:0px;
+  }
+
+  .delete {
+    margin-left:10px;
+  }
+
+}
+
+.left-sidebar {
+  width:45%; float:left
+}
+
+.right-sidebar {
+  width:45%;
+  float:right;
+}
+
+#options {
+  width:460px;
+  position:fixed;
+  display:none;
+  top:200px;
+  left:50%;
+  margin-left:-250px;
+  background-color:#fff;
+  border: 3px SOLID rgb(34, 167, 242);
+  border-radius:10px;
+  overflow-x:hidden;
+
+  #actions {
+    width:100%;
+    background-color:#F2F2F2;
+    border-top:1px SOLID #CCCCCC;
+    padding:10px;
+    margin-top:15px;
+
+    .wymupdate {
+      border:0px;
+      color:#FFF;
+      cursor:pointer;
+      margin-left:25px;
+      padding:5px 10px;;
+      background: #62bef2;
+    }
+
+    .wymcancel {
+      background-color:#CCC;
+      margin-left:10px;
+    }
+  }
+
+  h3 {
+    width:100%;
+    background-color: rgb(34, 167, 242);
+
+    padding:10px 5px;
+    color:#FFF;
+    font-size:1.5em;
+  }
+
+  label {
+    width:25%;
+    display:inline-block;
+      padding-left:20px;
+  }
+
+  input[type=text] {
+    width:65%;
+    display:inline-block;
+  }
+}

data/app/controllers/refinery/sidebar/admin/sidebar_controller.rb

@@ -0,0 +1,72 @@
+module Refinery
+  module Sidebar
+  module Admin
+    class SidebarController < ::Refinery::AdminController
+      before_filter :restrict_controller, :except => [:create, :options, :destroy, :sort]
+      def create
+        sidebar_options = {}
+        logger.debug "test: #{params[:options]}"
+        params[:options].split(",").each do |option|
+          sidebar_options[option.gsub(/ /, "")] = ""
+          logger.debug "test: #{option}"
+        end
+        logger.debug sidebar_options.inspect
+
+        sidebar = SidebarPage.new()
+        sidebar.refinery_page_id = params[:page_id]
+        sidebar.partial = params[:partial].gsub(/#{Rails.root}\/app\/views/, "")
+        sidebar.options = sidebar_options
+        sidebar.position = params[:position]
+        sidebar.save!
+
+        render json: sidebar
+      end
+
+      def show
+      end
+
+      def options
+        sidebar = SidebarPage.find(params[:sidebar_id])
+
+        if request.post?
+          sidebar_options = {}
+
+          params[:data].each do |option|
+            option = option[0..-1]
+            key, value = option.split(": ")
+            logger.debug key
+            logger.debug value
+            sidebar_options[key] = value
+          end
+          sidebar.options = sidebar_options
+          sidebar.save
+
+          render json: sidebar
+        else
+
+          render json: sidebar
+        end
+      end
+
+      def destroy
+        sidebar = SidebarPage.find(params[:id])
+        sidebar.destroy
+
+        render json: sidebar
+      end
+
+      def sort
+        count = 0
+        params[:sort].each do |id|
+          mod = SidebarPage.find(id)
+          mod.position = count
+          mod.save
+          count += 1
+        end
+
+        render json:{}
+      end
+    end
+  end
+end
+end

data/app/controllers/refinery/sidebar/sidebar_controller.rb

@@ -0,0 +1,9 @@
+module Refinery
+  class SidebarController < ::ApplicationController
+
+
+
+
+      protected
+  end
+end

data/app/helpers/refinery/sidebar/sidebar_helper.rb

@@ -0,0 +1,38 @@
+module Refinery
+  module Sidebar
+    module SidebarHelper
+
+
+    	def get_components
+        require 'find'
+
+    		@components = []
+    		Find.find("#{Rails.root}/app/views/refinery/sidebar/") do |path|
+          unless File.directory? path
+            contents = File.read(path)
+            contents.gsub!(/\<\%\#/, "")
+            contents.gsub!(/\%\>.*/m, "")
+            logger.info contents
+            yaml = Psych.load(contents)
+
+            yaml["partial"] = path
+
+            @components.push yaml
+		      end
+    	  end
+
+			  return @components
+    	end
+
+      def find_component(components, partial)
+        component = {}
+        components.each do |com|
+          logger.debug com.inspect
+          logger.debug partial
+          component = com if com["partial"] =~ /#{partial}/
+        end
+        return component
+      end
+    end
+  end
+end