partystreusel 1.1.0pre2 → 1.1.0

data/.travis.yml

@@ -1,3 +1,3 @@
 rvm:
   - "1.9.3-p448"
-script: 'bundle exec guard-jasmine --server-timeout=60'
+script: 'bundle exec guard-jasmine --server-timeout=120'

data/CHANGELOG.md

@@ -3,6 +3,7 @@
 ## v1.1.0pre2
 * Refactored Readmore
 * Add Offcanvas, Tab, Accordion, Slider JS
+* Add events
 
 ## v1.0.8
 * IE8 fixes (readmore, ie_fixes did not work in IE8)

data/Guardfile

@@ -1,7 +1,7 @@
 # A sample Guardfile
 # More info at https://github.com/guard/guard#readme
 
-guard :jasmine, console: :always do
+guard :jasmine, console: :always, errors: :always do
   watch(%r{spec/javascripts/spec\.(js\.coffee|js|coffee)$}) { 'spec/javascripts' }
   watch(%r{spec/javascripts/.+_spec\.(js\.coffee|js|coffee)$})
   watch(%r{spec/javascripts/fixtures/.+$})

data/README.md

@@ -28,6 +28,35 @@ If you only want to initialize readmore for a part of the document:
 
     Streusel.Readmore.init($('body article.loadedwithajax'))
 
+## JS <-> DOM
+
+If you have the JS object use
+
+    myJsObject.$el
+
+to access the corresponding DOM element.
+
+If you have the DOM element use
+
+    $('.myselector').data('object')
+
+to access the correspoindg partystreusel JS object.
+
+## Events
+
+Partystreusel components tirgger some events. All events are
+prefixed with the moulename. Eg. Readmore triggers the event
+'readmore-open' and 'readmore-close'.
+
+You can trigger an event directly on the JS object. Eg.
+if you have a readmore object:
+
+    readmoreObject = $('.myreadmore).data('object')
+    readmoreObject.trigger('myevent')
+
+Would triger a new event on $('.myreadmore') with name 
+'readmore-event'.
+
 # Module Usage
 
 Available modules:

data/app/assets/javascripts/partystreusel/accordion.js.coffee

@@ -14,8 +14,13 @@ class Accordion extends Partystreusel.Base
     item = $(e.target).closest('.accordion__item')
     currentOpen = item.hasClass('accordion__item--open')
 
+    @items.filter('.accordion__item--open').each (_, i) =>
+      @trigger('close', $(i))
+
     @items.removeClass('accordion__item--open')
-    item.toggleClass('accordion__item--open') unless currentOpen
+    unless currentOpen
+      item.toggleClass('accordion__item--open')
+      @trigger('open', item)
 
     e.preventDefault()
     Partystreusel.scrollTo(item, @offset)

data/app/assets/javascripts/partystreusel/all.js.coffee

@@ -4,3 +4,4 @@
 #= require partystreusel/topbar
 #= require partystreusel/accordion
 #= require partystreusel/tab
+#= require partystreusel/slider

data/app/assets/javascripts/partystreusel/base.js.coffee

@@ -20,3 +20,7 @@ class Partystreusel.Base
   constructor: (el) ->
     @$el = $(el)
     @$el.data('object', @)
+
+  trigger: (name) ->
+    arguments[0] = "#{@constructor.className.toLowerCase()}-#{name}"
+    @$el.trigger.apply(@$el, arguments)

data/app/assets/javascripts/partystreusel/offcanvas.js.coffee

@@ -11,6 +11,10 @@ class Offcanvas extends Partystreusel.Base
 
   toggle: =>
     @$el.toggleClass('offcanvas--open')
+    if @$el.hasClass('offcanvas--open')
+      @trigger('open', @$el)
+    else
+      @trigger('close', @$el)
 
   toggleNavLink: (e) =>
     navLink = $(e.target).closest('.offcanvas-nav__link')

data/app/assets/javascripts/partystreusel/readmore.js.coffee

@@ -18,11 +18,15 @@ class Readmore extends Partystreusel.Base
     $(@button).bind 'click', @toggle
 
   toggle: (event) =>
-    @button.text(@buttonText())
     @$el.slideToggle =>
       @$el.toggleClass('readmore--opened readmore--closed')
+      @button.text(@buttonText())
       @$el.css('display', "")
       @$el.removeAttr('style') if @$el.attr('style') == ''
+      if @$el.hasClass('readmore--opened')
+        @trigger('open', @$el)
+      else
+        @trigger('close', @$el)
     return false
 
   buttonState: ->

data/app/assets/javascripts/partystreusel/slider.js.coffee

@@ -8,12 +8,13 @@ class Slider extends Partystreusel.Base
 
   constructor: (el) ->
     super
+    @slidelist = @$el.find('.slider__list')
     @initializeCycle()
 
   initializeCycle: ->
     # see for documenation and options:
     # https://github.com/malsup/cycle2
-    @$el.cycle
+    @slidelist.cycle
       slides: '.slider__item'
       fx: 'scrollHorz'
       speed: 300

data/app/assets/javascripts/partystreusel/tab.js.coffee

@@ -34,13 +34,21 @@ class Tab extends Partystreusel.Base
       console.log("Nav Item or panel with name #{panelName} not found")
       return
 
-    @$panels.removeClass('tab__panel--active')
-    @$navItems.removeClass('tab__nav-item--active')
+    itemAndPanelToClose = @findItemAndPanel(@currentPanelName())
+    if itemAndPanelToClose
+      closeName = @currentPanelName()
+      itemAndPanelToClose[0].removeClass('tab__nav-item--active')
+      itemAndPanelToClose[1].removeClass('tab__panel--active')
+      @trigger('close', closeName, itemAndPanelToClose[0], itemAndPanelToClose[1])
 
     itemAndPanel[0].addClass('tab__nav-item--active')
     itemAndPanel[1].addClass('tab__panel--active')
 
+    @trigger('open', @currentPanelName(), itemAndPanel[0], itemAndPanel[1])
+
   findItemAndPanel: (name) ->
+    return unless name?
+
     if name.indexOf('#') == 0
       name = name.slice(1)
 

data/lib/partystreusel/version.rb

@@ -1,3 +1,3 @@
 module Partystreusel
-  VERSION = "1.1.0pre2"
+  VERSION = "1.1.0"
 end

data/spec/javascripts/partystreusel/accordion_spec.js.coffee

@@ -6,12 +6,14 @@ describe 'Accordion', ->
   describe 'Readmore object', ->
 
     beforeEach ->
-      @el = affix('[data-streusel-accordion]')
+      @el = affix('.accordion[data-streusel-accordion]')
       @item1 = @el.affix('.accordion__item .accordion__title Title')
       @item2 = @el.affix('.accordion__item .accordion__title Title')
       @item3 = @el.affix('.accordion__item .accordion__title Title')
 
       @subject = Partystreusel.Accordion.init()[0]
+      spyOnEvent('.accordion', 'accordion-open')
+      spyOnEvent('.accordion', 'accordion-close')
 
     it 'toggles correcty', ->
       expect($('.accordion__item--open').length).toEqual(0)
@@ -23,3 +25,11 @@ describe 'Accordion', ->
       expect($('.accordion__item--open').length).toEqual(1)
       @item3.find('.accordion__title').trigger('click')
       expect($('.accordion__item--open').length).toEqual(0)
+
+    it 'triggers events', ->
+      @item1.find('.accordion__title').trigger('click')
+      expect('accordion-open').toHaveBeenTriggeredOnAndWith('.accordion', @item1[0])
+      expect('accordion-close').not.toHaveBeenTriggeredOnAndWith('.accordion', @item1[0])
+      @item1.find('.accordion__title').trigger('click')
+      expect('accordion-open').toHaveBeenTriggeredOnAndWith('.accordion', @item1[0])
+      expect('accordion-close').toHaveBeenTriggeredOnAndWith('.accordion', @item1[0])

data/spec/javascripts/partystreusel/base_spec.js.coffee

@@ -50,3 +50,11 @@ describe 'Base', ->
       objects = @subject.init()
       expect(objects.length).toEqual(0)
       expect(@initSpy).not.toHaveBeenCalled()
+
+    it 'triggers an event', ->
+      tag1 = affix('#c1[data-streusel-myclass]')
+      @subject = @subject.init()[0]
+      spyOn(@subject.$el, 'trigger')
+      @subject.trigger('myevent', 'arg1', 'arg2')
+      expect(@subject.$el.trigger).toHaveBeenCalledWith('myclass-myevent', 'arg1', 'arg2');
+

data/spec/javascripts/partystreusel/offcanvas_spec.js.coffee

@@ -6,8 +6,10 @@ describe 'Offcanvas', ->
   describe 'Readmore object', ->
 
     beforeEach ->
-      @el = affix('[data-streusel-offcanvas] .js-offcanvas__toggler+.offcanvas__overlay')
+      @el = affix('.offcanvas[data-streusel-offcanvas] .js-offcanvas__toggler+.offcanvas__overlay')
       @subject = Partystreusel.Offcanvas.init()[0]
+      spyOnEvent('.offcanvas', 'offcanvas-open')
+      spyOnEvent('.offcanvas', 'offcanvas-close')
 
     it 'toggles correcty with togger', ->
       expect(@el).not.toHaveClass('offcanvas--open')
@@ -22,3 +24,11 @@ describe 'Offcanvas', ->
       expect(@el).toHaveClass('offcanvas--open')
       $('.offcanvas__overlay').trigger('click')
       expect(@el).not.toHaveClass('offcanvas--open')
+
+    it 'triggers events', ->
+      $('.js-offcanvas__toggler').trigger('click')
+      expect('offcanvas-open').toHaveBeenTriggeredOnAndWith('.offcanvas', @el[0])
+      expect('offcanvas-close').not.toHaveBeenTriggeredOnAndWith('.offcanvas', @el[0])
+      $('.js-offcanvas__toggler').trigger('click')
+      expect('offcanvas-open').toHaveBeenTriggeredOnAndWith('.offcanvas', @el[0])
+      expect('offcanvas-close').toHaveBeenTriggeredOnAndWith('.offcanvas', @el[0])

data/spec/javascripts/partystreusel/readmore_spec.js.coffee

@@ -14,8 +14,10 @@ describe 'Readmore', ->
   describe 'Readmore object', ->
 
     beforeEach ->
-      affix('[data-streusel-readmore]').html('Some Test text')
+      @el = affix('.readmore[data-streusel-readmore]').html('Some Test text')
       @subject = Partystreusel.Readmore.init()[0]
+      spyOnEvent('.readmore', 'readmore-open')
+      spyOnEvent('.readmore', 'readmore-close')
 
     it 'renders an open button', ->
       @subject = @subject.renderButton()
@@ -29,6 +31,14 @@ describe 'Readmore', ->
       @subject.toggle()
       expect(@subject.buttonState()).toEqual('open')
 
+    it 'triggers events', ->
+      $('.readmore__button').trigger('click')
+      expect('readmore-open').toHaveBeenTriggeredOnAndWith('.readmore', @el[0])
+      expect('readmore-close').not.toHaveBeenTriggeredOnAndWith('.readmore', @el[0])
+      $('.readmore__button').trigger('click')
+      expect('readmore-open').toHaveBeenTriggeredOnAndWith('.readmore', @el[0])
+      expect('readmore-close').toHaveBeenTriggeredOnAndWith('.readmore', @el[0])
+
   describe 'Readmore tag', ->
 
     beforeEach ->
@@ -71,4 +81,3 @@ describe 'Readmore', ->
 
     it 'uses custom button', ->
       expect(@subject.next()).toHaveClass('myclass')
-

data/spec/javascripts/partystreusel/tab_spec.js.coffee

@@ -6,7 +6,7 @@ describe 'Tab', ->
   describe 'Readmore object', ->
 
     beforeEach ->
-      @el = affix('[data-streusel-tab]')
+      @el = affix('.tab[data-streusel-tab]')
 
       @navItem1 = @el.affix('.tab__nav-item a[href="#panel1"]')
       @navItem2 = @el.affix('.tab__nav-item a[href="#panel2"]')
@@ -17,6 +17,8 @@ describe 'Tab', ->
       @panel3 = @el.affix('.tab__panel[id=panel3]')
 
       @subject = Partystreusel.Tab.init()[0]
+      spyOnEvent('.tab', 'tab-open')
+      spyOnEvent('.tab', 'tab-close')
 
     it 'has correct references', ->
       expect(@subject.$navItems.length).toEqual(3)
@@ -42,3 +44,7 @@ describe 'Tab', ->
       @navItem3.trigger('click')
       expect(@panel3).toHaveClass('tab__panel--active')
 
+    it 'triggers events', ->
+      @navItem2.trigger('click')
+      expect('tab-close').toHaveBeenTriggeredOnAndWith('.tab', 'panel1', @navItem1[0], @panel1[0])
+      expect('tab-open').toHaveBeenTriggeredOnAndWith('.tab', 'panel2', @navItem2[0], @panel2[0])

data/spec/javascripts/spec.js.coffee

@@ -1,6 +1,8 @@
 #= require jquery
 #= require i18n
 #= require ../../app/assets/javascripts/partystreusel
+#= require ../../vendor/assets/javascripts/jquery.cycle2
+#= require ../../vendor/assets/javascripts/jquery.cycle2.swipe
 #= require_tree .
 
 jQuery.fx.off = true

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: partystreusel
 version: !ruby/object:Gem::Version
-  version: 1.1.0pre2
-  prerelease: 5
+  version: 1.1.0
+  prerelease: 
 platform: ruby
 authors:
 - Flavio Pellanda
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-03-02 00:00:00.000000000 Z
+date: 2015-03-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -110,9 +110,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
-  - - ! '>'
+  - - ! '>='
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
 rubyforge_project: partystreusel
 rubygems_version: 1.8.23