hooch 0.2.1 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 002b7bee6d4c11657c26debfd758de362ce9b194
-  data.tar.gz: 51d382d86ef88967ff0fd936f7fd875d756da746
+  metadata.gz: 075938e121455aeb850d8794770df4c194edb6fe
+  data.tar.gz: 690ab05a9d8a2ba37d3fbf3425790b3e36750f3c
 SHA512:
-  metadata.gz: 930d09541fec97440ed5aa61397bfb74765f7d33f8b985f0f96ba91ddcfcd2e948e6d7ac01daa0b9d6f86e53918bb174d2942dc07cd6bc4ae5364d5340f2e723
-  data.tar.gz: 8b540736e14bd6859578b2902906ecb4edda0dd1e25c8bf62ac2c18e9e8c8ef52d758f8fa02ab58f3af65a0b2bc78ca7c8b982d81c4da15fcbefdba5615f8033
+  metadata.gz: cce71ebf2f5b2b04213c0ed762360fde8e1f759d1375aaf5c4ad6a0bda28cd931c6b8f2e87d76acf5e45a9bf82f6bb7e34dee14c3dad65cc5f8de139fef33b1e
+  data.tar.gz: 800b30b97ee0b5173243c0034ccaa0fc312ffd26009982a34c91cbe73ebdddbd09bbd70fc97641d17ac0a4c205d51fc906cb33229207993542ffe26bb5639662

data/app/assets/javascripts/hooch.js

@@ -563,16 +563,49 @@ var initHooch = function(){
       init: function(reload_page){
         window.location.href = reload_page;
       }
+    }),
+    FakeSelect: Class.extend({
+      init: function($fake_select){
+        this.select_display = $fake_select.find('[data-select-display]')
+        this.real_select = $fake_select.find('input')
+        var fake_select = this
+        $fake_select.find('[data-select-value][data-select-name]').each(function(){
+          new hooch.FakeOption($(this),fake_select)
+        })
+      },
+      select: function(fake_option){
+        this.select_display.html(fake_option.select_name);
+        this.real_select.val(fake_option.select_value);
+        this.select_display.trigger('click');
+      }
+    }),
+    FakeOption: Class.extend({
+      init: function($fake_option,$fake_select){
+        this.select_value = $fake_option.data('select-value')
+        this.select_name = $fake_option.data('select-name')
+        var fake_option = this
+        $fake_option.on('click',function(){
+          $fake_select.select(fake_option)
+        })
+      }
     })
   };
   hooch.AjaxExpandable = hooch.Expandable.extend({
-      expand: function(){
-        if(!this.ajax_loaded){
-          this.ajax_loaded = true;
-          new thin_man.AjaxLinkSubmission(this.$expander);
-        }
-        this._super();
+    expand: function(){
+      if(!this.ajax_loaded){
+        this.ajax_loaded = true;
+        new thin_man.AjaxLinkSubmission(this.$expander);
       }
+      this._super();
+    }
+  });
+  hooch.SelectActionChanger = hooch.FakeSelect.extend({
+    select: function(fake_option){
+      var form = this.select_display.parents('form:first');
+      form.attr('action', fake_option.select_value);
+      this.select_display.html(fake_option.select_name);
+      this.select_display.trigger('click');
+    }
   });
   hooch.FormFieldRevealer = hooch.Revealer.extend({
     init: function($revealer){
@@ -670,7 +703,7 @@ var initHooch = function(){
     window.any_time_manager.registerList(
       ['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'],'hooch');
+        'hover-reveal', 'emptier', 'remover', 'checkbox-proxy', 'fake-select', 'select-action-changer'],'hooch');
     window.any_time_manager.load();
   };
   $(document).ready(function(){

data/jasmine/karma.conf.js

@@ -18,7 +18,7 @@ module.exports = function(config) {
       'test-main.js',
       {pattern: 'jquery.js'},
       {pattern: 'inheritance.js'},
-      {pattern: 'jasmine-fixture-1.3.1/dist/jasmine-fixture.js'},
+      {pattern: 'jasmine-fixture.js'},
       {pattern: '../app/assets/javascripts/hooch.js'},
       {pattern: 'spec/**/*Spec.js', included: false}
     ],

data/jasmine/spec/hoochSpec.js

@@ -1,9 +1,6 @@
 describe("hooch", function() {
 
-  beforeEach(function() {
-  });
-
-  it("empties an element", function() {
+  it("Emptier", function() {
     var emptier_div = affix('[data-emptier="true"][data-target="#my_div"]')
     var emptier_target = affix('#my_div')
     emptier_target.html('stuff')
@@ -13,7 +10,7 @@ describe("hooch", function() {
     expect(emptier_target.html()).not.toMatch('stuff');
   });
 
-  it("removes an element", function(){
+  it("Remover", function(){
     var remover_div = affix('[data-remover="true"][data-target="#my_div"]')
     var remover_target = affix('#my_div')
     $('[data-remover]').each(function(){new hooch.Remover($(this))})
@@ -22,60 +19,90 @@ describe("hooch", function() {
     expect($('#my_div').length).toEqual(0);
   });
 
-  it('expands and collapses an element', function(){
-    var expander = affix('[data-expander="true"][data-expand-id="my_expander"]')
-    var expandable = affix('[data-expand-state="collapsed"][data-expand-id="my_expander"]')
-    $('[data-expand-state]').each(function(){new hooch.Expandable($(this))});
-    expect($('[data-expand-state]').css('display')).toEqual('none');
-    $('[data-expander]').click()
-    expect($('[data-expand-state]').css('display')).not.toEqual('none');
-    expect($('[data-expander]').css('display')).not.toEqual('none');
-    $('[data-expander]').click()
-    expect($('[data-expand-state]').css('display')).toEqual('none');
-  })
+  describe("Expander",function(){
+    it('expands and collapses an element', function(){
+      var expander = affix('[data-expander="true"][data-expand-id="my_expander"]')
+      var expandable = affix('[data-expand-state="collapsed"][data-expand-id="my_expander"]')
+      $('[data-expand-state]').each(function(){new hooch.Expandable($(this))});
+      expect($('[data-expand-state]').css('display')).toEqual('none');
+      $('[data-expander]').click()
+      expect($('[data-expand-state]').css('display')).not.toEqual('none');
+      expect($('[data-expander]').css('display')).not.toEqual('none');
+      $('[data-expander]').click()
+      expect($('[data-expand-state]').css('display')).toEqual('none');
+    })
 
-  it('expands an element with a class and modifies trigger with an expand class', function(){
-    var expander = affix('[data-expander="true"][data-expand-id="my_expander"][data-expand-class="test-class-trigger"]')
-    var expandable = affix('[data-expand-state="collapsed"][data-expand-id="my_expander"][data-expand-class="test-class-content"]')
-    $('[data-expand-state]').each(function(){new hooch.Expandable($(this))});
-    expect($('[data-expand-state]').hasClass("test-class-content")).toBe(false);
-    expect($('[data-expander]').hasClass("test-class-trigger")).toBe(false);
-    $('[data-expander]').click()
-    expect($('[data-expand-state]').hasClass("test-class-content")).toBe(true);
-    expect($('[data-expander]').hasClass("test-class-trigger")).toBe(true);
-    $('[data-expander]').click()
-    expect($('[data-expand-state]').hasClass("test-class-content")).toBe(false);
-    expect($('[data-expander]').hasClass("test-class-trigger")).toBe(false);
-  })
+    it('expands an element with a class and modifies trigger with an expand class', function(){
+      var expander = affix('[data-expander="true"][data-expand-id="my_expander"][data-expand-class="test-class-trigger"]')
+      var expandable = affix('[data-expand-state="collapsed"][data-expand-id="my_expander"][data-expand-class="test-class-content"]')
+      $('[data-expand-state]').each(function(){new hooch.Expandable($(this))});
+      expect($('[data-expand-state]').hasClass("test-class-content")).toBe(false);
+      expect($('[data-expander]').hasClass("test-class-trigger")).toBe(false);
+      $('[data-expander]').click()
+      expect($('[data-expand-state]').hasClass("test-class-content")).toBe(true);
+      expect($('[data-expander]').hasClass("test-class-trigger")).toBe(true);
+      $('[data-expander]').click()
+      expect($('[data-expand-state]').hasClass("test-class-content")).toBe(false);
+      expect($('[data-expander]').hasClass("test-class-trigger")).toBe(false);
+    })
 
-  it('expands an element with a class and modifies trigger with a collapse class', function(){
-    var expander = affix('[data-expander="true"][data-expand-id="my_expander"][data-collapse-class="test-class-trigger"]')
-    var expandable = affix('[data-expand-state="collapsed"][data-expand-id="my_expander"][data-expand-class="test-class-content"]')
-    $('[data-expand-state]').each(function(){new hooch.Expandable($(this))});
-    expect($('[data-expand-state]').hasClass("test-class-content")).toBe(false);
-    expect($('[data-expander]').hasClass("test-class-trigger")).toBe(true);
-    $('[data-expander]').click()
-    expect($('[data-expand-state]').hasClass("test-class-content")).toBe(true);
-    expect($('[data-expander]').hasClass("test-class-trigger")).toBe(false);
-    $('[data-expander]').click()
-    expect($('[data-expand-state]').hasClass("test-class-content")).toBe(false);
-    expect($('[data-expander]').hasClass("test-class-trigger")).toBe(true);
-  })
+    it('expands an element with a class and modifies trigger with a collapse class', function(){
+      var expander = affix('[data-expander="true"][data-expand-id="my_expander"][data-collapse-class="test-class-trigger"]')
+      var expandable = affix('[data-expand-state="collapsed"][data-expand-id="my_expander"][data-expand-class="test-class-content"]')
+      $('[data-expand-state]').each(function(){new hooch.Expandable($(this))});
+      expect($('[data-expand-state]').hasClass("test-class-content")).toBe(false);
+      expect($('[data-expander]').hasClass("test-class-trigger")).toBe(true);
+      $('[data-expander]').click()
+      expect($('[data-expand-state]').hasClass("test-class-content")).toBe(true);
+      expect($('[data-expander]').hasClass("test-class-trigger")).toBe(false);
+      $('[data-expander]').click()
+      expect($('[data-expand-state]').hasClass("test-class-content")).toBe(false);
+      expect($('[data-expander]').hasClass("test-class-trigger")).toBe(true);
+    })
 
-  it('expands and collapses an element with separate triggers', function(){
-    var expander = affix('[data-expander="true"][data-expand-id="my_expander"]')
-    var collapser = affix('[data-collapser="true"][data-expand-id="my_expander"]')
-    var expandable = affix('[data-expand-state="collapsed"][data-expand-id="my_expander"]')
-    $('[data-expand-state]').each(function(){new hooch.Expandable($(this))});
-    expect($('[data-expand-state]').css('display')).toEqual('none');
-    $('[data-expander]').click()
-    expect($('[data-expand-state]').css('display')).not.toEqual('none');
-    expect($('[data-collapser]').css('display')).not.toEqual('none');
-    expect($('[data-expander]').css('display')).toEqual('none');
-    $('[data-collapser]').click()
-    expect($('[data-expand-state]').css('display')).toEqual('none');
-    expect($('[data-collapser]').css('display')).toEqual('none');
-    expect($('[data-expander]').css('display')).not.toEqual('none');
+    it('expands and collapses an element with separate triggers', function(){
+      var expander = affix('[data-expander="true"][data-expand-id="my_expander"]')
+      var collapser = affix('[data-collapser="true"][data-expand-id="my_expander"]')
+      var expandable = affix('[data-expand-state="collapsed"][data-expand-id="my_expander"]')
+      $('[data-expand-state]').each(function(){new hooch.Expandable($(this))});
+      expect($('[data-expand-state]').css('display')).toEqual('none');
+      $('[data-expander]').click()
+      expect($('[data-expand-state]').css('display')).not.toEqual('none');
+      expect($('[data-collapser]').css('display')).not.toEqual('none');
+      expect($('[data-expander]').css('display')).toEqual('none');
+      $('[data-collapser]').click()
+      expect($('[data-expand-state]').css('display')).toEqual('none');
+      expect($('[data-collapser]').css('display')).toEqual('none');
+      expect($('[data-expander]').css('display')).not.toEqual('none');
+    })
+  });
+  it('FakeSelect', function(){
+    var fake_select = affix('[data-fake-select="color"]')
+    var fake_display = fake_select.affix('[data-select-display]')
+    var fake_option1 = fake_select.affix('[data-select-value="blue"][data-select-name="Blue"]')
+    var fake_option2 = fake_select.affix('[data-select-value="green"][data-select-name="Green"]')
+    var real_input = fake_select.affix('input[type="hidden"][data-real-select="true"]')
+    $('[data-fake-select]').each(function(){new hooch.FakeSelect($(this))})
+    $('[data-select-value="blue"]').click();
+    expect($('[data-select-display]').html()).toEqual('Blue');
+    expect($('input').val()).toEqual('blue');
+    $('[data-select-value="green"]').click();
+    expect($('[data-select-display]').html()).toEqual('Green');
+    expect($('input').val()).toEqual('green');
   })
 
+  it('SelectActionChanger', function(){
+    var form = affix('form')
+    var fake_select = form.affix('[data-select-action-changer="search"]')
+    var fake_display = fake_select.affix('[data-select-display]')
+    var fake_option1 = fake_select.affix('[data-select-value="pretty/url"][data-select-name="Pretty Stuff"]')
+    var fake_option2 = fake_select.affix('[data-select-value="strong/url"][data-select-name="Strong Stuff"]')
+    $('[data-select-action-changer]').each(function(){new hooch.SelectActionChanger($(this))})
+    $('[data-select-value="pretty/url"]').click();
+    expect($('[data-select-display]').html()).toEqual('Pretty Stuff');
+    expect($('form').prop('action')).toMatch('pretty/url');
+    $('[data-select-value="strong/url"]').click();
+    expect($('[data-select-display]').html()).toEqual('Strong Stuff');
+    expect($('form').prop('action')).toMatch('strong/url');
+  })
 });

data/lib/hooch/version.rb

@@ -1,3 +1,3 @@
 module Hooch
-  VERSION = "0.2.1"
+  VERSION = "0.3.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: hooch
 version: !ruby/object:Gem::Version
-  version: 0.2.1
+  version: 0.3.0
 platform: ruby
 authors:
 - Eric Draut
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-06-11 00:00:00.000000000 Z
+date: 2015-09-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -3310,7 +3310,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.3
+rubygems_version: 2.4.6
 signing_key: 
 specification_version: 4
 summary: Tools for building a browser UI. Get the good stuff.