hooch 0.5.0 → 0.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: b4c5dc6fbe82afb609d925348a82dbd36a456605
-  data.tar.gz: cb587dbbf277238a9fac4aefae0580b520d87203
+  metadata.gz: 3624e98c3171f537a952c19c713b8e13a7e48d84
+  data.tar.gz: 293370be919d7515b8269ffac2b73a5e50d0c0ec
 SHA512:
-  metadata.gz: cddd8244bc886941a28c59fdd13035c9671bd44191bf9d2f3c4810c2706dcb3f7c4f3dd33cd02d6d14b1932eb52eddc37e45674a01c4833c2b41b89ac4e0e649
-  data.tar.gz: f4c7197544ef8dd13bea3ecc0dde7670755400bbdfcf95fd6f7de20722dc77cd34c7b8218dc094c554c39e6faf8f32c583c11be6ddffdd4d70022767a5e64419
+  metadata.gz: 246f09f2152b970d6a8b5eac82e97d878e6f4bf6174b44016a366a6bff590e02c0726fab529a229cc42e5f8ac450f15fad025b131a7dfc0f5ac76d87aa4f1736
+  data.tar.gz: b7e6f61ad88321970ea3f31f12bb75529dff13eb83e059bc91e4e7e010c53641f2aef7d56cf991492924488491144e0ec7bba94868bcd0fd6a533eb83d7cf1e8

data/app/assets/javascripts/hooch.js

@@ -602,6 +602,11 @@ var initHooch = function(){
         $(window).on('mousemove', function(e){
           sorter.onMousemove(e)
         })
+        var observer = new MutationObserver(function(mutations) {
+          sorter.handleMutations(mutations)
+        });
+        var config = { childList: true };
+        observer.observe($sorter[0], config);
       },
       onMousemove: function(e){
         if(this.dragging_element){
@@ -636,6 +641,23 @@ var initHooch = function(){
           pressed_element.unSetPressed()
         }
       },
+      handleMutations: function(mutations){
+        var sorter = this;
+        mutations.forEach(function(mutation) {
+          if(mutation.addedNodes.length > 0){
+            var added_node = $(mutation.addedNodes[0])
+            if((added_node.attr('id') && !added_node.attr('id').startsWith('thin_man_ajax_progress')) && !added_node.data('hooch-sorter-managed')){
+              sorter.getSortElements()
+            }
+          }
+          if(mutation.removedNodes.length > 0){
+            var removed_node = $(mutation.removedNodes[0])
+            if((removed_node.attr('id') && !removed_node.attr('id').startsWith('thin_man_ajax_progress')) && !removed_node.data('hooch-sorter-managed')){
+              sorter.getSortElements()
+            }
+          }
+        });
+      },
       getPressedElement: function(){
         var possible_pressed_element = $.grep(this.sort_elements, function(sort_element,i){return sort_element.pressed})
         if(possible_pressed_element.length > 0){
@@ -651,14 +673,16 @@ var initHooch = function(){
           var sort_element = new hooch.SortElement($(this),sorter)
           sorter.sort_elements.push(sort_element)
         })
-        this.row_height = this.sort_elements[0].height;
-        var elem_widths = this.sort_elements.map(function(sort_element,i,arr){return sort_element.width})
-        this.min_elem_width = Math.min.apply(null,elem_widths);
-        this.refreshGrid();
-        if((this.min_elem_width * 2) <= this.width){
-          this.mode = 'Grid'
-        } else {
-          this.mode = 'Vertical'
+        if(this.sort_elements.length > 0){
+          this.row_height = this.sort_elements[0].height;
+          var elem_widths = this.sort_elements.map(function(sort_element,i,arr){return sort_element.width})
+          this.min_elem_width = Math.min.apply(null,elem_widths);
+          this.refreshGrid();
+          if((this.min_elem_width * 2) <= this.width){
+            this.mode = 'Grid'
+          } else {
+            this.mode = 'Vertical'
+          }
         }
       },
       refreshGrid: function(){
@@ -928,10 +952,10 @@ var initHooch = function(){
         this.sorter = sorter;
         this.$sort_element = $sort_element;
         this.old_position = $sort_element.css('position')
-        this.starting_width = this.$sort_element.css('width')
-        this.starting_height = this.$sort_element.css('height')
-        this.starting_top = this.$sort_element.css('top')
-        this.starting_left = this.$sort_element.css('left')
+        this.starting_width = this.$sort_element[0].style.height
+        this.starting_height = this.$sort_element[0].style.width
+        this.starting_top = this.$sort_element[0].style.top
+        this.starting_left = this.$sort_element[0].style.left
         if(typeof(window.getComputedStyle) == 'function'){
           var computed_style = window.getComputedStyle(this.$sort_element[0])
           this.width = parseInt(computed_style.width)
@@ -942,6 +966,7 @@ var initHooch = function(){
         }
         this.dragging = false
         this.getDragHandle()
+        this.$drag_handle.css({cursor: 'move'});
         var sort_element = this
         this.$drag_handle.on('mousedown', $.proxy(sort_element.onMousedown, sort_element))
         this.$sort_element.on('dragstart', function(e){hooch.pauseEvent(e); return false})
@@ -966,19 +991,20 @@ var initHooch = function(){
       setDragging: function(){
         this.sorter.clearDraggingElement();
         this.unSetPressed()
-        this.placeholder = new hooch.SortPlaceholder(this.$sort_element.clone().removeAttr('id').css({width: this.width, height: this.height}),this.sorter)
+        this.placeholder = new hooch.SortPlaceholder(this.$sort_element.clone().removeAttr('id').css({width: this.width, height: this.height}).data('hooch-sorter-managed',true),this.sorter)
         this.placeholder.css({'visibility': 'hidden'});
         // this.placeholder.css({'background-color': 'pink'});
-        $tmp = $('<div style="display: none;"></div>')
+        $tmp = $('<div style="display: none;" data-hooch-sorter-managed></div>')
         this.$sort_element.before($tmp)
         this.$sort_element
           .css({position: 'absolute', top: this.starting_offset.top, left: this.starting_offset.left, width: this.width, height: this.height})
+          .data('hooch-sorter-managed',true)
           .appendTo('body')
         $tmp.replaceWith(this.placeholder.$sort_element)
         this.sorter.setDraggingElement(this);
       },
       drop: function(){
-        this.css({position: this.old_position, top: this.starting_top, left: this.starting_left, width: this.starting_width, height: this.starting_height})
+        this.css({position: this.old_position, top: this.starting_top, left: this.starting_left, width: this.starting_width, height: this.starting_height}).data('hooch-sorter-managed',true)
         this.placeholder.replaceWith(this.$sort_element);
         this.placeholder = undefined
       },
@@ -1014,16 +1040,11 @@ var initHooch = function(){
         return this.$sort_element.clone();
       },
       css: function(css_obj){
-        this.$sort_element.css(css_obj);
+        return this.$sort_element.css(css_obj);
       },
       replaceWith: function($jq_obj){
         this.$sort_element.replaceWith($jq_obj)
       }
-    }),
-    NewSortElement: Class.extend({
-      init: function($new_sort_element){
-        $new_sort_element.parent().data('sorter').getSortElements();
-      }
     })
   };
   hooch.SortPlaceholder = hooch.SortElement.extend({
@@ -1149,7 +1170,7 @@ var initHooch = function(){
       ['hover_overflow','hidey_button','submit-proxy','click-proxy','field-filler','revealer',
         'checkbox-hidden-proxy','prevent-double-submit','prevent-double-link-click', 'tab-group',
         'hover-reveal', 'emptier', 'remover', 'checkbox-proxy', 'fake-select', 'select-action-changer',
-        'sorter','new-sort-element'],'hooch');
+        'sorter'],'hooch');
     window.any_time_manager.load();
   };
   hooch.pauseEvent = function(e){

data/lib/hooch/version.rb

@@ -1,3 +1,3 @@
 module Hooch
-  VERSION = "0.5.0"
+  VERSION = "0.6.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: hooch
 version: !ruby/object:Gem::Version
-  version: 0.5.0
+  version: 0.6.0
 platform: ruby
 authors:
 - Eric Draut
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-11-14 00:00:00.000000000 Z
+date: 2015-11-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -17,6 +17,9 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: 4.0.1
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '4.3'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
@@ -24,6 +27,9 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: 4.0.1
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '4.3'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -31,6 +37,9 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '1.7'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '2'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
@@ -38,6 +47,9 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '1.7'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '2'
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
@@ -45,6 +57,9 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '10.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '11'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
@@ -52,48 +67,69 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '10.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '11'
 - !ruby/object:Gem::Dependency
   name: minitest
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5'
+    - - "<"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '6'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5'
+    - - "<"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '6'
 - !ruby/object:Gem::Dependency
   name: minitest-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2'
+    - - "<"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '3'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2'
+    - - "<"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '3'
 - !ruby/object:Gem::Dependency
   name: sqlite3
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3'
+    - - "<"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '4'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3'
+    - - "<"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '4'
 description: Hooch provides tools for common UI patterns without any dom or css. You
   build the html and css you want, then add data-attributes to get behavior. Keep
   behavior independent of look-and-feel and you can build "anything**"(** within reason).