partystreusel 1.0.8 → 1.1.0pre1

data/CHANGELOG.md

@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## v1.1.0pre1
+* Refactored Readmore
+* Add Offcanvas
+
 ## v1.0.8
 * IE8 fixes (readmore, ie_fixes did not work in IE8)
 

data/Gemfile

@@ -19,5 +19,4 @@ group :development, :test do
   gem 'jquery-rails'
   gem 'i18n-js'
   gem 'guard-jasmine'
-  gem 'guard-jslint-on-rails'
 end

data/Guardfile

@@ -8,13 +8,3 @@ guard :jasmine, console: :always do
   watch(%r{app/assets/stylesheets/.+$})
   watch(%r{app/assets/javascripts/(.+?)\.(js\.coffee|js|coffee)(?:\.\w+)*$}) { |m| "spec/javascripts/#{ m[1] }_spec.#{ m[2] }" }
 end
-
-
-# verify that application Javascript files are lintable
-# see https://github.com/psionides/jslint_on_rails
-guard 'jslint-on-rails' do
-  # watch for changes to application javascript files
-  watch(%r{^app/assets/javascripts/.*\.js$})
-  # watch for changes to the JSLint configuration
-  watch('config/jslint.yml')
-end

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

@@ -1,2 +1,3 @@
 #= require partystreusel/scroll_to
 #= require partystreusel/readmore
+#= require partystreusel/offcanvas

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

@@ -6,10 +6,14 @@ class Partystreusel.Base
   @className = 'Base'
 
   @selector: ->
-    "[data-streusel-#{@className.toLowerCase()}]"
+    prefix = Partystreusel.selectorPrefix || 'streusel'
+    if Streusel.selectorType == 'css_class'
+      ".#{prefix}-#{@className.toLowerCase()}"
+    else
+      "[data-#{prefix}-#{@className.toLowerCase()}]"
 
   @init: (element = $('body')) ->
-    element.find(@selector())
+    element.find(@selector()).addBack(@selector())
       .filter (i, el) -> !($(el).data('object')?)
       .map (i, el) => new @(el)
 

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

@@ -0,0 +1,22 @@
+#= require partystreusel/base
+
+class Offcanvas extends Partystreusel.Base
+  @className = 'Offcanvas'
+
+  constructor: (el) ->
+    super
+    @$el.find('.js-offcanvas__toggler').on 'click', @toggle
+    @$el.find('.offcanvas__overlay').on 'click', @toggle
+    @$el.find('.offcanvas-nav__link').on 'click', @toggleNavLink
+
+  toggle: =>
+    @$el.toggleClass('offcanvas--open')
+
+  toggleNavLink: (e) =>
+    navLink = $(e.target).closest('.offcanvas-nav__link')
+    subNav = navLink.next('.offcanvas-nav__sub')
+    return if subNav.length == 0
+    e.preventDefault()
+    subNav.toggleClass('offcanvas-nav__sub--open')
+
+Partystreusel.Offcanvas = Offcanvas

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

@@ -5,40 +5,38 @@ class Readmore extends Partystreusel.Base
 
   constructor: (el) ->
     super
+    return if $.trim(@$el.text()) == ''
 
-    @contentDiv = $('<div/>')
-      .append(@$el.contents())
-      .addClass('hide')
-    @$el.append(@contentDiv)
+    unless @$el.hasClass('readmore--opened') || @$el.hasClass('readmore--closed')
+      @$el.addClass('readmore--closed')
 
-    return if $.trim(@contentDiv.text()) == ''
+    @button = @$el.next()
+    unless @button.hasClass('readmore__button')
+      @button = @renderButton()
+      @button.insertAfter(@$el)
 
-    @button = @renderButton('open')
     $(@button).bind 'click', @toggle
-    @$el.append(@button)
 
   toggle: (event) =>
-    @button.toggleClass('open close')
     @button.text(@buttonText())
-    @contentDiv.slideToggle =>
-      @contentDiv.toggleClass('hide')
-      @contentDiv.css('display', "")
-      @contentDiv.removeAttr('style') if @contentDiv.attr('style') == ''
+    @$el.slideToggle =>
+      @$el.toggleClass('readmore--opened readmore--closed')
+      @$el.css('display', "")
+      @$el.removeAttr('style') if @$el.attr('style') == ''
     return false
 
   buttonState: ->
-    classes = @button.attr('class').split(' ')
-    classes = classes.filter (v) -> v != 'button'
-    classes[0]
+    return 'close' if @$el.hasClass('readmore--opened')
+    'open'
 
   buttonText: (state = @buttonState()) ->
     I18n.t("readmore.button_text.#{state}")
 
-  renderButton: (state) =>
-    text = @buttonText(state)
+  renderButton: =>
+    text = @buttonText()
 
     $('<a></a>')
-      .addClass(state + ' button')
+      .addClass('readmore__button')
       .attr('href', '#')
       .html(text)
 

data/app/assets/stylesheets/partystreusel.css.sass

@@ -1,2 +1,2 @@
-.hide
+.readmore--closed
   display: none

data/lib/partystreusel/version.rb

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

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

@@ -3,6 +3,8 @@ describe 'Base', ->
   describe 'class functions', ->
 
     beforeEach ->
+      Streusel.selectorPrefix = undefined
+      Streusel.selectorType = undefined
       initSpy = jasmine.createSpy('initSpy')
       @initSpy = initSpy
 
@@ -15,6 +17,11 @@ describe 'Base', ->
 
       @subject = MyClass
 
+    it 'computes selector based on class name', ->
+      Streusel.selectorPrefix = 'js'
+      Streusel.selectorType = 'css_class'
+      expect(@subject.selector()).toEqual('.js-myclass')
+
     it 'computes selector based on class name', ->
       expect(@subject.selector()).toEqual('[data-streusel-myclass]')
 

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

@@ -0,0 +1,24 @@
+describe 'Offcanvas', ->
+
+  it 'Streusel.Offcanvas exist', ->
+    expect(Streusel.Offcanvas).toBeDefined()
+
+  describe 'Readmore object', ->
+
+    beforeEach ->
+      @el = affix('[data-streusel-offcanvas] .js-offcanvas__toggler+.offcanvas__overlay')
+      @subject = Partystreusel.Offcanvas.init()[0]
+
+    it 'toggles correcty with togger', ->
+      expect(@el).not.toHaveClass('offcanvas--open')
+      $('.js-offcanvas__toggler').trigger('click')
+      expect(@el).toHaveClass('offcanvas--open')
+      $('.js-offcanvas__toggler').trigger('click')
+      expect(@el).not.toHaveClass('offcanvas--open')
+
+    it 'closes correctly with overlay', ->
+      expect(@el).not.toHaveClass('offcanvas--open')
+      $('.js-offcanvas__toggler').trigger('click')
+      expect(@el).toHaveClass('offcanvas--open')
+      $('.offcanvas__overlay').trigger('click')
+      expect(@el).not.toHaveClass('offcanvas--open')

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

@@ -18,10 +18,9 @@ describe 'Readmore', ->
       @subject = Partystreusel.Readmore.init()[0]
 
     it 'renders an open button', ->
-      @subject = @subject.renderButton('open')
+      @subject = @subject.renderButton()
       expect(@subject.text()).toEqual('Read more')
-      expect(@subject).toHaveClass('button')
-      expect(@subject).toHaveClass('open')
+      expect(@subject).toHaveClass('readmore__button')
 
     it 'toggles button state', ->
       expect(@subject.buttonState()).toEqual('open')
@@ -37,27 +36,22 @@ describe 'Readmore', ->
       @subject.html('Some Test text')
       Partystreusel.Readmore.init()
 
-    it 'add a read more button to the div', ->
-      expect(@subject).toContain('a.button')
-
-    it 'moves text into a separate div', ->
-      expect(@subject).toContain('div')
-      expect(@subject.find('div')).toBeHidden()
-      expect(@subject.find('div').html()).toEqual('Some Test text')
+    it 'add a read more button after readmore', ->
+      expect(@subject.next()).toHaveClass('readmore__button')
 
     it 'toggle button on click', ->
-      @subject.find('.button').trigger('click')
-      expect(@subject.find('.button')).toHaveClass('button')
-      expect(@subject.find('.button')).toHaveClass('close')
-      expect(@subject.find('div')).not.toHaveClass('hide')
-      expect(@subject.find('div')).not.toHaveAttr('style')
-      expect(@subject.find('div')).not.toBeHidden()
-      @subject.find('.button').trigger('click')
-      expect(@subject.find('.button')).toHaveClass('button')
-      expect(@subject.find('.button')).toHaveClass('open')
-      expect(@subject.find('div')).toHaveClass('hide')
-      expect(@subject.find('div')).not.toHaveAttr('style')
-      expect(@subject.find('div')).toBeHidden()
+      expect(@subject.next()).toHaveClass('readmore__button')
+      expect(@subject).toHaveClass('readmore--closed')
+      @subject.next().trigger('click')
+      expect(@subject.next()).toHaveClass('readmore__button')
+      expect(@subject).toHaveClass('readmore--opened')
+      expect(@subject).not.toHaveAttr('style')
+      expect(@subject).not.toBeHidden()
+      @subject.next().trigger('click')
+      expect(@subject.next()).toHaveClass('readmore__button')
+      expect(@subject).toHaveClass('readmore--closed')
+      expect(@subject).not.toHaveAttr('style')
+      expect(@subject).toBeHidden()
 
   describe 'without content', ->
 
@@ -69,4 +63,12 @@ describe 'Readmore', ->
     it 'removes element when no content available', ->
       expect(@subject).not.toContain('a.button')
 
+  describe 'with custom button', ->
+
+    beforeEach ->
+      @subject = affix('[data-streusel-readmore]+button.myclass.readmore__button').html('Some Test text')
+      Partystreusel.Readmore.init()
+
+    it 'uses custom button', ->
+      expect(@subject.next()).toHaveClass('myclass')
 

metadata

@@ -1,18 +1,20 @@
 --- !ruby/object:Gem::Specification
 name: partystreusel
 version: !ruby/object:Gem::Version
-  version: 1.0.8
+  version: 1.1.0pre1
+  prerelease: 5
 platform: ruby
 authors:
 - Flavio Pellanda
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-08-11 00:00:00.000000000 Z
+date: 2015-02-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
   requirement: !ruby/object:Gem::Requirement
+    none: false
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
@@ -20,6 +22,7 @@ dependencies:
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
+    none: false
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
@@ -27,6 +30,7 @@ dependencies:
 - !ruby/object:Gem::Dependency
   name: i18n-js
   requirement: !ruby/object:Gem::Requirement
+    none: false
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
@@ -34,6 +38,7 @@ dependencies:
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
+    none: false
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
@@ -60,6 +65,7 @@ files:
 - app/assets/javascripts/partystreusel/foundation_helpers.js.coffee
 - app/assets/javascripts/partystreusel/ie_fixes.js.coffee
 - app/assets/javascripts/partystreusel/namespace.js.coffee
+- app/assets/javascripts/partystreusel/offcanvas.js.coffee
 - app/assets/javascripts/partystreusel/readmore.js.coffee
 - app/assets/javascripts/partystreusel/scroll_to.js.coffee
 - app/assets/javascripts/partystreusel/translations.js.coffee
@@ -74,6 +80,7 @@ files:
 - spec/javascripts/helpers/jasmine-fixture.js
 - spec/javascripts/helpers/jasmine-jquery.js
 - spec/javascripts/partystreusel/base_spec.js.coffee
+- spec/javascripts/partystreusel/offcanvas_spec.js.coffee
 - spec/javascripts/partystreusel/readmore_spec.js.coffee
 - spec/javascripts/partystreusel/scroll_to_spec.js.coffee
 - spec/javascripts/spec.css
@@ -81,32 +88,34 @@ files:
 - spec/javascripts/support/jasmine_helper.rb
 homepage: http://www.screenconcept.ch
 licenses: []
-metadata: {}
 post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
   requirements:
   - - ! '>='
     - !ruby/object:Gem::Version
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
   requirements:
-  - - ! '>='
+  - - ! '>'
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubyforge_project: partystreusel
-rubygems_version: 2.3.0
+rubygems_version: 1.8.23
 signing_key: 
-specification_version: 4
+specification_version: 3
 summary: A collection uf reusable javascript components by Screen Concept
 test_files:
 - spec/javascripts/helpers/.gitkeep
 - spec/javascripts/helpers/jasmine-fixture.js
 - spec/javascripts/helpers/jasmine-jquery.js
 - spec/javascripts/partystreusel/base_spec.js.coffee
+- spec/javascripts/partystreusel/offcanvas_spec.js.coffee
 - spec/javascripts/partystreusel/readmore_spec.js.coffee
 - spec/javascripts/partystreusel/scroll_to_spec.js.coffee
 - spec/javascripts/spec.css

checksums.yaml

@@ -1,15 +0,0 @@
----
-!binary "U0hBMQ==":
-  metadata.gz: !binary |-
-    NzU5MDEwNTZhNTdlMWNhNjY5MjcwZWU1ZmU0N2Q1MzcyOGM1ZWUxOA==
-  data.tar.gz: !binary |-
-    ODY4OWVmYzg2ZjkwZDI4NGMyNGQzYjlhOGI4M2JjNzNiOGY4YTc3NA==
-SHA512:
-  metadata.gz: !binary |-
-    M2U5YmQ1ZTYxZWRkNTEzMTI0YjcwYjFmMWQxOWY4Yjg2MzY0YTY5Y2VjODE4
-    MTQyMWM4YjMwNmRiYmFmN2E3NTIwZjFhNTYxOGQ0MWY3YTU1ZGM0OGJkNzRj
-    ZjNmODM0ZTA2NGNjZWI5NWJlMGYwZGI2MTE4MDA0MDU3YjEwZGM=
-  data.tar.gz: !binary |-
-    NjZiYTlhMGY4ZDhiZjBhYzNkMjk5N2M5NTQ5ZDcyMjQ4ODUyYmRhMTE2NDFm
-    MGQ1ZjVlMzQ4YmJkYjYwODc1OGY1MzAwODVmZmRkZjU0YzliNGZhZDQ1NWE5
-    YmM3ZTk4ODc0Y2E2N2E0YjE2ZTM0N2YxM2EzOGI5MTY5ZmRiMDk=