coolstrap-generator 0.1.0

data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/navigate/_Coolstrap.Navigate.History.coffee

@@ -0,0 +1,164 @@
+###
+* Stores the stack of displayed <sections>
+* @namespace COOLSTRAP.Navigate
+* @class History
+*
+* @author Abraham Barrera <abarrerac@gmail.com> || @abraham_barrera
+###
+
+COOLSTRAP.Navigate.History = ((cool, document, window) ->
+  TARGET = cool.Constants.TARGET
+  STACK =
+    main: []
+    container: {}
+
+  prevent_hash_change = false
+  console = cool.Console
+  _mainStack = ->
+    STACK[TARGET.MAIN]
+
+  _containerStack = (container_id) ->
+    STACK[TARGET.CONTAINER][container_id] = []  unless STACK[TARGET.CONTAINER][container_id]
+    STACK[TARGET.CONTAINER][container_id]
+
+  _containerStackLevel = (container_id) ->
+    if container_id
+      STACK[TARGET.CONTAINER][container_id + "_level"] = size: 0  unless STACK[TARGET.CONTAINER][container_id + "_level"]
+      STACK[TARGET.CONTAINER][container_id + "_level"]
+    else
+      size: 1
+
+  ###
+    * Use pushState if is possible
+    *
+    * @method pushState
+  ###
+  _pushState = (section_id, container_id) ->
+    prefix = "#main/"
+    prefix = "#" + container_id + "/"  if container_id
+    window.history.pushState
+      state: size(container_id)
+      id: section_id
+    , section_id, prefix + cool.Util.cleanUrl(section_id)
+
+  _replaceState = (section_id, container_id) ->
+    prefix = "#main/"
+    prefix = "#" + container_id + "/"  if container_id
+    window.history.replaceState
+      state: size(container_id)
+      id: section_id
+    , section_id, prefix + cool.Util.cleanUrl(section_id)
+
+  _back = ->
+    prevent_hash_change = true
+    window.history.back()
+
+  _go = (position) ->
+    prevent_hash_change = true
+    window.history.go position
+
+  _onPopState = (event) ->
+    unless prevent_hash_change
+      console.info "onpopstate"
+      console.info event.state
+
+  _onHashChange = (event) ->
+    unless prevent_hash_change
+      console.info event
+      to_main = /#main/.test(document.location.hash)
+      from_main = /#main/.test(event.oldURL)
+      to_aside = /#aside/.test(document.location.hash)
+      from_aside = /#aside/.test(event.oldURL)
+      console.info "cool.Navigate.back()"  if to_main and from_main
+      console.info "back in ASIDE"  if to_aside and from_aside
+      console.info "HIDE aside"  if to_main and from_aside
+    prevent_hash_change = false
+
+  ###
+    * Initializes the Navigation listeners.
+    *
+    * @method setup
+    *
+  ###
+  setup = ->
+    window.onpopstate = _onPopState
+    window.onhashchange = _onHashChange
+
+
+  ###
+    * Create a new element to the browsing history
+    *
+    * @method add
+    *
+    * @param  {string} Id of the section.
+  ###
+  add = (options) ->
+    section_id = options.section_id
+    container_id = options.container_id or null
+    replace_state = options.replace_state or false
+    stack = (if not container_id then _mainStack() else _containerStack(container_id))
+    stack.push section_id
+    _containerStackLevel(container_id).size += 1
+    if replace_state
+      _replaceState section_id, container_id
+    else
+      _pushState section_id, container_id
+
+
+  ###
+    * Returns the current browsing history section id.
+    *
+    * @method current
+    *
+    * @return {string} Current section id.
+  ###
+  current = (container_id) ->
+    stack = (if not container_id then _mainStack() else _containerStack(container_id))
+    stack[stack.length - 1]
+  ###
+    * Removes the current item browsing history.
+    *
+    * @method removeLast
+  ###
+  removeLast = (container_id) ->
+    stack = (if not container_id then _mainStack() else _containerStack(container_id))
+    stack.length -= 1
+    _containerStackLevel(container_id).size -= 1
+    if container_id and _containerStackLevel(container_id).size is 0
+      section_id = current(container_id)
+      _replaceState section_id, container_id
+      _containerStackLevel(container_id).size = 1
+    else
+      _back()
+  ###
+    * Returns lenght of history stack
+    * 
+    * @method size
+  ###
+  size = (container_id) ->
+    stack = (if not container_id then _mainStack() else _containerStack(container_id))
+    stack.length
+  ###
+    * Removes all history on container.
+    *
+    * @method clear
+  ###
+  clear = (container_id) ->
+    console.info "clear" + container_id
+    container_id = cool.Util.cleanUrl(container_id)  if container_id
+    stack = (if not container_id then _mainStack() else _containerStack(container_id))
+    stack.length -= 1
+    if container_id
+      if _containerStackLevel(container_id).size <= 0
+        _back()
+      else
+        _go -1 * _containerStackLevel(container_id).size
+      _containerStackLevel(container_id).size = 0
+
+  add: add
+  current: current
+  removeLast: removeLast
+  size: size
+  clear: clear
+  setup: setup
+)(COOLSTRAP, document, window)

data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/navigate/_Coolstrap.Navigate.coffee

@@ -0,0 +1,105 @@
+###
+ * Handles the <sections> , <articles> and <asides> to show
+ *
+ * @namespace COOLSTRAP
+ * @class Navigate
+ *
+ * @author Abraham Barrera <abarrerac@gmail.com> || @abraham_barrera
+###
+
+COOLSTRAP.Navigate = ((cool) ->
+  ATTRIBUTE = cool.Constants.ATTRIBUTE
+  CLASS = cool.Constants.CLASS
+  ELEMENT = cool.Constants.ELEMENT
+  TRIGGER = cool.Constants.TRIGGER
+  TRANSITION = cool.Constants.TRANSITION
+  COMMAND = cool.Constants.COMMAND
+  _console = cool.Console
+  _existsTarget = (target) ->
+    exists = false
+    if cool.dom(target).length > 0
+      exists = true
+    else
+      _console.warn "Hey! Target doesnt exists: " + target
+    exists
+
+  _getHistoryLength = (container_id) ->
+    cool.Navigate.History.size container_id
+
+  _getHistoryCurrent = (container_id) ->
+    cool.Navigate.History.current container_id
+
+  section = (section_id) ->
+    section_id = cool.Util.parseUrl(section_id)
+    container_id = cool.dom(section_id).parent(ELEMENT.ASIDE).attr(ATTRIBUTE.ID)
+    current = _getHistoryCurrent(container_id)
+    target = ELEMENT.SECTION + section_id
+    if current isnt section_id
+      if _existsTarget(target)
+        cool.dom(current).removeClass(CLASS.SHOW).addClass CLASS.HIDE
+        cool.dom(target).addClass(CLASS.CURRENT).addClass(CLASS.SHOW).trigger TRIGGER.LOAD
+        setTimeout (->
+          cool.dom(current).removeClass CLASS.CURRENT
+        ), TRANSITION.DURATION
+        cool.Navigate.History.add
+          section_id: section_id
+          container_id: container_id
+    else
+      _console.warn "WTF! you are here!"
+
+  article = (section_id, article_id) ->
+    section_id = cool.Util.parseUrl(section_id)
+    article_id = cool.Util.parseUrl(article_id)
+    target = ELEMENT.SECTION + section_id + " " + ELEMENT.ARTICLE + article_id
+    if _existsTarget(target)
+      cool.dom(target).trigger TRIGGER.LOAD
+      cool.View.Article.show section_id, article_id
+
+  aside = (aside_id) ->
+    aside_id = cool.Util.parseUrl(aside_id)
+    target = ELEMENT.ASIDE + aside_id
+    if _existsTarget(target)
+      is_visible = cool.dom(target).hasClass(CLASS.CURRENT)
+      if is_visible
+        cool.View.Aside.hide aside_id
+      else
+        cool.View.Aside.show aside_id
+
+  dialog = (dialog_id, options) ->
+    target = ELEMENT.DIALOG + dialog_id
+    dialog_command = undefined
+    dialog_command = options  if typeof options is "string"
+    if _existsTarget(target)
+      if dialog_command and dialog_command is COMMAND.CLOSE_DIALOG
+        cool.dom(target).trigger TRIGGER.UNLOAD
+        cool.View.Dialog.close dialog_id
+      else
+        cool.dom(target).trigger TRIGGER.LOAD
+        cool.View.Dialog.show dialog_id, options
+
+  back = (container_id) ->
+    if _getHistoryLength(container_id) > 1
+      current_section = ELEMENT.SECTION + _getHistoryCurrent(container_id)
+      cool.dom(current_section).removeClass(CLASS.SHOW).trigger TRIGGER.UNLOAD
+      setTimeout (->
+        cool.dom(current_section).removeClass CLASS.CURRENT
+      ), TRANSITION.DURATION
+      cool.Navigate.History.removeLast container_id
+      cool.dom(_getHistoryCurrent(container_id)).addClass(CLASS.CURRENT).removeClass(CLASS.HIDE).addClass CLASS.SHOW
+    else
+      _console.warn "Hey! Nothing back"
+
+  URL = (url, options) ->
+    options = options or {}
+    options.new_window = options.new_window or false
+    if options.new_window
+      window.open url
+    else
+
+  section: section
+  article: article
+  aside: aside
+  dialog: dialog
+  back: back
+  URL: URL
+)(COOLSTRAP)

data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/plugins/_Coolstrap.Plugins.coffee

@@ -0,0 +1,157 @@
+###
+ * Coolstrapp Plugins
+ * 
+ * @namespace COOLSTRAP
+ * @class Plugins
+ * 
+ * @author Cristian Ferrari <cristianferrarig@gmail.com> || @energettico
+ * @author Abraham Barrera <abarrerac@gmail.com> || @abraham_barrera
+ * 
+###
+
+COOLSTRAP.Plugins = ((cool, document) ->
+  # fn arg can be an object or a function, thanks to handleEvent
+  # read more about the explanation at: http://www.thecssninja.com/javascript/handleevent
+  addEvt = (el, evt, fn, bubble) ->
+    if "addEventListener" of el
+      # BBOS6 doesn't support handleEvent, catch and polyfill
+      try
+        el.addEventListener evt, fn, bubble
+      catch e
+        if typeof fn is "object" and fn.handleEvent
+          el.addEventListener evt, ((e) ->
+            # Bind fn as this and set first arg as event object
+            fn.handleEvent.call fn, e
+          ), bubble
+        else
+          throw e
+    else if "attachEvent" of el
+      # check if the callback is an object and contains handleEvent
+      if typeof fn is "object" and fn.handleEvent
+        el.attachEvent "on" + evt, ->
+          # Bind fn as this
+          fn.handleEvent.call fn
+      else
+        el.attachEvent "on" + evt, fn
+  rmEvt = (el, evt, fn, bubble) ->
+    if "removeEventListener" of el
+      # BBOS6 doesn't support handleEvent, catch and polyfill
+      try
+        el.removeEventListener evt, fn, bubble
+      catch e
+        if typeof fn is "object" and fn.handleEvent
+          el.removeEventListener evt, ((e) ->
+            # Bind fn as this and set first arg as event object
+            fn.handleEvent.call fn, e
+          ), bubble
+        else
+          throw e
+    else if "detachEvent" of el
+      # check if the callback is an object and contains handleEvent
+      if typeof fn is "object" and fn.handleEvent
+        el.detachEvent "on" + evt, ->
+          # Bind fn as this
+          fn.handleEvent.call fn
+      else
+        el.detachEvent "on" + evt, fn
+  hadTouchEvent = false
+  
+  ###
+    * Fast Buttons  
+    * fastButton is used to make instant responsive buttons, 
+    * 300ms faster to be exact.
+    *
+    * new COOLSTRAP.Plugins.fastButton(document.getElementById('myBtn'), function() { // do something });
+    *
+    * Inspired by MBP
+    * https://github.com/h5bp/mobile-boilerplate/blob/master/js/helper.js
+  ###
+  
+  fastButton = (element, handler) ->
+    @handler = handler
+    if element.length and element.length > 1
+      for singleElIdx of element
+        @addClickEvent element[singleElIdx]
+    else
+      @addClickEvent element
+
+  fastButton::handleEvent = (event) ->
+    event = event or window.event
+    switch event.type
+      when "touchstart"
+        @onTouchStart event
+      when "touchmove"
+        @onTouchMove event
+      when "touchend"
+        @onClick event
+      when "click"
+        @onClick event
+
+  fastButton::onTouchStart = (event) ->
+    element = event.srcElement
+    event.stopPropagation()
+    element.addEventListener "touchend", this, false
+    document.body.addEventListener "touchmove", this, false
+    @startX = event.touches[0].clientX
+    @startY = event.touches[0].clientY
+    element.style.backgroundColor = "rgba(0,0,0,.7)"
+
+  fastButton::onTouchMove = (event) ->
+    @reset element  if Math.abs(event.touches[0].clientX - @startX) > 10 or Math.abs(event.touches[0].clientY - @startY) > 10
+
+  fastButton::onClick = (event) ->
+    event = event or window.event
+    element = event.srcElement
+    event.stopPropagation()  if event.stopPropagation
+    @reset event
+    @handler.apply event.currentTarget, [ event ]
+    preventGhostClick @startX, @startY  if event.type is "touchend"
+    element.style.backgroundColor = ""
+
+  fastButton::reset = (event) ->
+    element = event.srcElement
+    rmEvt element, "touchend", this, false
+    rmEvt document.body, "touchmove", this, false
+    element.style.backgroundColor = ""
+
+  fastButton::addClickEvent = (element) ->
+    addEvt element, "touchstart", this, false
+    addEvt element, "click", this, false
+
+  preventGhostClick = (x, y) ->
+    coords.push x, y
+    window.setTimeout (->
+      coords.splice 0, 2
+    ), 2500
+
+  ghostClickHandler = (event) ->
+    if not hadTouchEvent and "ontouchstart" of window
+      ###
+      This is a bit of fun for Android 2.3...
+      If you change window.location via fastButton, a click event will fire
+      on the new page, as if the events are continuing from the previous page.
+      We pick that event up here, but coords is empty, because it's a new page,
+      so we don't prevent it. Here's we're assuming that click events on touch devices
+      that occur without a preceding touchStart are to be ignored.
+      ###
+      event.stopPropagation()
+      event.preventDefault()
+      return
+    i = 0
+    len = coords.length
+
+    while i < len
+      x = coords[i]
+      y = coords[i + 1]
+      if Math.abs(event.clientX - x) < 25 and Math.abs(event.clientY - y) < 25
+        event.stopPropagation()
+        event.preventDefault()
+      i += 2
+
+  document.addEventListener "click", ghostClickHandler, true  if document.addEventListener
+  addEvt document.documentElement, "touchstart", (->
+    hadTouchEvent = true
+  ), false
+  coords = []
+  fastButton: fastButton
+)(COOLSTRAP, document)

data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/util/_Coolstrap.Util.Core.coffee

@@ -0,0 +1,54 @@
+###
+ * Coolstrap Core functions
+ * 
+ * @namespace COOLSTRAP.Util
+ * @class Core
+ * 
+ * @author Abraham Barrera <abarrerac@gmail.com> || @abraham_barrera
+ * Inspired by LungoJS
+###
+
+COOLSTRAP.Util.Core = ((cool) ->
+  _toArray = (obj) ->
+    Array::slice.call obj, 0
+
+  _getType = (obj) ->
+    Object::toString.call(obj).match(/\s([a-z|A-Z]+)/)[1].toLowerCase()
+
+
+
+  ###
+     * Executes callbacks based on the parameters received.
+     *
+     * @method execute
+     *
+     * @param {Function} callback to execute
+  ###
+  execute = ->
+    args = _toArray(arguments)
+    callback = args.shift()
+    callback.apply null, args  if _getType(callback) is "function"
+
+  ###
+     * Mix two objects
+     *
+     * @method extend
+     *
+     * @param {object} arguments to mix them all into a new object.
+     * @return {object} child a new object with all the objects from the arguments mixed.
+  ###
+  extend = ->
+    child = child or {}
+    arg = 0
+    len = arguments.length
+
+    while arg < len
+      argument = arguments[arg]
+      for prop of argument
+        child[prop] = argument[prop]
+      arg++
+    child
+
+  execute: execute
+  extend: extend
+)(COOLSTRAP)