coolstrap-generator 0.1.0

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

@@ -0,0 +1,89 @@
+###
+ * Coolstrap Platform functions
+ * 
+ * @namespace COOLSTRAP.Util
+ * @class Platform
+ * 
+ * @author Abraham Barrera <abarrerac@gmail.com> || @abraham_barrera
+ * Inspired by LungoJS
+###
+
+COOLSTRAP.Util.Platform = ((cool) ->
+  SUPPORTED_OS =
+    android: /(Android)\s+([\d.]+)/
+    ipad: /(iPad).*OS\s([\d_]+)/
+    iphone: /(iPhone\sOS)\s([\d_]+)/
+    blackberry: /(BlackBerry).*Version\/([\d.]+)/
+    webos: /(webOS|hpwOS)[\s\/]([\d.]+)/
+    windows: /(Windows Phone OS)[\s\/]([\d.]+)/
+
+  _current_environment = null
+  _detectBrowser = (user_agent) ->
+    is_webkit = user_agent.match(/WebKit\/([\d.]+)/)
+    (if (is_webkit) then is_webkit[0] else user_agent)
+
+  _detectOS = (user_agent) ->
+    detected_os = undefined
+    for os of SUPPORTED_OS
+      supported = user_agent.match(SUPPORTED_OS[os])
+      if supported
+        detected_os =
+          name: (if (os is "iphone" or os is "ipad") then "ios" else os)
+          version: supported[2].replace("_", ".")
+
+        break
+    detected_os
+
+  _detectEnvironment = ->
+    ua = navigator.userAgent
+    environment = {}
+    environment.browser = _detectBrowser(ua)
+    environment.os = _detectOS(ua)
+    environment.isMobile = (if (environment.os) then true else false)
+    environment.screen =
+      width: window.innerWidth
+      height: window.innerHeight
+
+    environment
+  ###
+     * Determine if the current environment is a mobile environment
+     *
+     * @method isMobile
+     *
+     * @return {boolean} true if is mobile environment, false if not.
+  ###
+  isMobile = ->
+    _current_environment = _current_environment or _detectEnvironment()
+    _current_environment.isMobile
+  ### 
+    * Get from current environment
+    *
+    * Inspired by LungoJS
+    *
+    * @method environment
+  ###
+  environment = (reload_environment) ->
+    _current_environment = (if reload_environment then _detectEnvironment() else _current_environment or _detectEnvironment())
+    _current_environment
+  
+  ###
+    * Reload  current environment
+    *
+    * @method reloadEnvironment
+  ###
+  reloadEnvironment = ->
+    environment true
+
+  ###
+    * Detect if browser is online
+    *
+    * @method isOnline
+  ###
+  isOnline = ->
+    navigator.onLine
+
+  isMobile: isMobile
+  environment: environment
+  isOnline: isOnline
+  reloadEnvironment: reloadEnvironment
+)(COOLSTRAP)

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

@@ -0,0 +1,96 @@
+###
+ * Coolstrap UI Utils functions
+ * 
+ * @namespace COOLSTRAP.Util
+ * @class UI
+ * 
+ * @author Abraham Barrera <abarrerac@gmail.com> || @abraham_barrera
+ *
+###
+
+COOLSTRAP.Util.UI = ((cool) ->
+  VIEWPORT_META = document.querySelector and document.querySelector("meta[name=\"viewport\"]")
+  
+  ###  
+    * Normalized hide address bar for iOS & Android
+    * (c) Scott Jehl, scottjehl.com
+    * MIT License
+    *
+    * If we split this up into two functions we can reuse
+    * this function if we aren't doing full page reloads.
+    * If we cache this we don't need to re-calibrate everytime we call
+    * the hide url bar
+    *
+    * So we don't redefine this function everytime we call hideUrlBar
+    * Inspired by MBP Helper
+  ###
+  hideNavigationBar = ->
+    _window = window
+    _document = _window.document
+    if not location.hash or not _window.addEventListener
+      _window.scrollTo 0, 1
+      scrollTop = 1
+      # reset to 0 on bodyready, if needed
+      bodycheck = setInterval(->
+        if _document.body
+          clearInterval bodycheck
+          scrollTop = (if "scrollTop" of _document.body then _document.body.scrollTop else 1)
+          _window.scrollTo 0, (if scrollTop is 1 then 0 else 1)
+      , 15)
+      _window.addEventListener "load", (->
+        setTimeout (->
+          _window.scrollTo 0, (if scrollTop is 1 then 0 else 1)
+        ), 0
+      ), false
+
+
+  ###
+    * Autogrow  
+    * http://googlecode.blogspot.com/2009/07/gmail-for-mobile-html5-series.html
+    *
+  ###
+  autogrow = (element, lh) ->
+    handler = (e) ->
+      newHeight = @scrollHeight
+      currentHeight = @clientHeight
+      @style.height = newHeight + 3 * textLineHeight + "px"  if newHeight > currentHeight
+    setLineHeight = (if (lh) then lh else 12)
+    textLineHeight = (if element.currentStyle then element.currentStyle.lineHeight else getComputedStyle(element, null).lineHeight)
+    textLineHeight = (if (textLineHeight.indexOf("px") is -1) then setLineHeight else parseInt(textLineHeight, 10))
+    element.style.overflow = "hidden"
+    (if element.addEventListener then element.addEventListener("keyup", handler, false) else element.attachEvent("onkeyup", handler))
+
+
+  ###
+      * Enable active
+      *
+      * Enable CSS active pseudo styles in Mobile Safari
+      * http://miniapps.co.uk/blog/post/enable-css-active-pseudo-styles-in-mobile-safari/
+  ###
+  enableActive = ->
+    document.addEventListener "touchstart", (->
+    ), false
+
+  ### 
+    * Prevent iOS from zooming onfocus
+    *
+    * https://github.com/h5bp/mobile-boilerplate/pull/108
+  ###
+  preventZoom = ->
+    formFields = document.querySelectorAll("input, select, textarea")
+    contentString = "width=device-width,initial-scale=1,maximum-scale="
+    i = 0
+    i = 0
+    while i < formFields.length
+      formFields[i].onfocus = ->
+        VIEWPORT_META.content = contentString + "1"
+
+      formFields[i].onblur = ->
+        VIEWPORT_META.content = contentString + "10"
+      i++
+
+  hideNavigationBar: hideNavigationBar
+  autogrow: autogrow
+  enableActive: enableActive
+  preventZoom: preventZoom
+)(COOLSTRAP)

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

@@ -0,0 +1,41 @@
+###
+ * Coolstrapp Utils functions
+ * 
+ * @namespace COOLSTRAP
+ * @class Util
+ * 
+ * @author Abraham Barrera <abarrerac@gmail.com> || @abraham_barrera
+###
+
+COOLSTRAP.Util = ((cool) ->
+  ###
+     * Returns a correct URL using hashtag character
+     *
+     * @method parseUrl
+     *
+     * @param {string} Url
+     * @return {string} Url parsed
+  ###
+  parseUrl = (href) ->
+    href_hashtag = href.lastIndexOf("#")
+    if href_hashtag > 0
+      href = href.substring(href_hashtag)
+    else href = "#" + href  if href_hashtag is -1
+    href
+
+  ###
+     * Returns a URL without hashtag character
+     *
+     * @method cleanUrl
+     *
+     * @param {string} Url
+     * @return {string} Url parsed
+  ###
+  cleanUrl = (href) ->
+    href_hashtag = href.lastIndexOf("#")
+    href = href.substring(href_hashtag + 1)  if href_hashtag >= 0
+    href
+
+  parseUrl: parseUrl
+  cleanUrl: cleanUrl
+)(COOLSTRAP)

data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/view/_Coolstrap.View.Article.coffee

@@ -0,0 +1,43 @@
+###
+ * Initialize the <articles> layout of a certain <section>
+ * Inspired by LungoJS
+ *
+ * @namespace COOLSTRAP.View
+ * @class Article
+ *
+ * @author Abraham Barrera <abarrerac@gmail.com> || @abraham_barrera
+###
+
+
+COOLSTRAP.View.Article = ((cool) ->
+  ELEMENT = cool.Constants.ELEMENT
+  CLASS = cool.Constants.CLASS
+  ATTRIBUTE = cool.Constants.ATTRIBUTE
+  TRIGGER = cool.Constants.TRIGGER
+  SELECTORS = NAVIGATION_ITEM: "a[href][data-target=\"article\"]"
+  _showContainer = (section_id, article_id) ->
+    section_articles = section_id + " " + ELEMENT.ARTICLE + "." + CLASS.CURRENT
+    current_active_article_id = "#" + cool.dom(section_articles).attr(ATTRIBUTE.ID)
+    cool.dom(section_articles).removeClass(CLASS.CURRENT).trigger TRIGGER.UNLOAD
+    _fallbackAndroidInputs current_active_article_id, false
+    cool.dom(article_id).addClass CLASS.CURRENT
+    _fallbackAndroidInputs article_id, true
+
+  _fallbackAndroidInputs = (article_id, enable) ->
+    cool.Fallback.Android.inputs article_id, enable  if cool.Fallback.Android
+
+  _setTitle = (id, item) ->
+    title = item.attr(ATTRIBUTE.TITLE)
+    if title
+      section_title = id + " header h1, " + id + " footer h1"
+      cool.dom(section_title).text title
+  ###
+     * Show section
+     *
+     * @method show
+  ###
+  show = (section_id, article_id) ->
+    _showContainer section_id, article_id
+
+  show: show
+)(COOLSTRAP)

data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/view/_Coolstrap.View.Aside.coffee

@@ -0,0 +1,65 @@
+###
+ * Initialize the <Aisde> layout
+ *
+ * @namespace COOLSTRAP.View
+ * @class Aside
+ *
+ * @author Abraham Barrera <abarrerac@gmail.com> || @abraham_barrera
+###
+
+COOLSTRAP.View.Aside = ((cool) ->
+  ELEMENT = cool.Constants.ELEMENT
+  CLASS = cool.Constants.CLASS
+  ATTRIBUTE = cool.Constants.ATTRIBUTE
+  TRANSITION = cool.Constants.TRANSITION
+  ###
+     * Display an aside element
+     *
+     * @method show
+     *
+     * @param  {string} Aside id.
+  ###
+  show = (aside_id) ->
+    aside = cool.dom(ELEMENT.ASIDE + aside_id)
+    body_class = CLASS.SHOW + CLASS.ASIDE + _classFromAside(aside)
+    _initFirstSection aside
+    cool.dom(ELEMENT.BODY).addClass(body_class).addClass CLASS.ASIDE
+    aside.addClass CLASS.CURRENT
+
+  _initFirstSection = (aside) ->
+    aside_id = aside.attr(ATTRIBUTE.ID)
+    sections = cool.dom("#" + aside_id + " " + ELEMENT.SECTION + "." + CLASS.CURRENT)
+    section_to_show = sections.first()
+    if not section_to_show or section_to_show.length is 0
+      sections = cool.dom("#" + aside_id + " " + ELEMENT.SECTION)
+      section_to_show = sections.first()
+    section_id = "#" + section_to_show.attr(ATTRIBUTE.ID)
+    section_to_show.addClass CLASS.CURRENT
+    cool.Navigate.History.add
+      section_id: section_id
+      container_id: aside_id
+      init_container: true
+  ###
+     * Hide an aside element
+     *
+     * @method hide
+     *
+     * @param  {string} Aside id.
+  ###
+  hide = (aside_id) ->
+    aside = cool.dom(ELEMENT.ASIDE + aside_id)
+    body_class = CLASS.SHOW + CLASS.ASIDE + _classFromAside(aside)
+    cool.dom(ELEMENT.BODY).removeClass(body_class).removeClass CLASS.ASIDE
+    setTimeout (->
+      current_aside = ELEMENT.ASIDE + aside_id + "." + CLASS.CURRENT
+      cool.dom(current_aside).removeClass CLASS.CURRENT
+    ), TRANSITION.DURATION
+    cool.Navigate.History.clear aside_id
+
+  _classFromAside = (aside) ->
+    aside_class = aside.attr(ATTRIBUTE.CLASS)
+    aside_class or ""
+
+  show: show
+  hide: hide
+)(COOLSTRAP)

data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/view/_Coolstrap.View.Dialog.coffee

@@ -0,0 +1,129 @@
+###
+ * Initialize the <dialog> layout
+ *
+ * @namespace COOLSTRAP.View
+ * @class Dialog
+ *
+ * @author Abraham Barrera <abarrerac@gmail.com> || @abraham_barrera
+###
+
+COOLSTRAP.View.Dialog = ((cool) ->
+  ELEMENT = cool.Constants.ELEMENT
+  CLASS = cool.Constants.CLASS
+  DIALOG = cool.Constants.DIALOG
+  TRANSITION = cool.Constants.TRANSITION
+  console = cool.Console
+  _getPosition = (element) ->
+    cool.dom.extend {}, (element.offset()),
+      width: element[0].offsetWidth
+      height: element[0].offsetHeight
+
+  _getPositionFromSource = (source_pos, dialog_width, dialog_height, placement) ->
+    dialog_pos = undefined
+    switch placement
+      when CLASS.BOTTOM
+        dialog_pos =
+          top: source_pos.top + source_pos.height
+          left: source_pos.left + source_pos.width / 2 - dialog_width / 2
+      when CLASS.TOP
+        dialog_pos =
+          top: source_pos.top - dialog_height
+          left: source_pos.left + source_pos.width / 2 - dialog_width / 2
+      when CLASS.LEFT
+        dialog_pos =
+          top: source_pos.top + source_pos.height / 2 - dialog_height / 2
+          left: source_pos.left - dialog_width
+      when CLASS.RIGHT
+        dialog_pos =
+          top: source_pos.top + source_pos.height / 2 - dialog_height / 2
+          left: source_pos.left + source_pos.width
+    dialog_pos.left = 0  if dialog_pos.left < 0
+    dialog_pos.top = 0  if dialog_pos.top < 0
+    dialog_pos
+
+  _getPositionCenterOnScreen = (source_size) ->
+    dialog_pos = undefined
+    update = true
+    environment = cool.Util.Platform.reloadEnvironment()
+    screen_size = environment.screen
+    dialog_pos =
+      top: screen_size.height / 2 - source_size.height / 2
+      left: screen_size.width / 2 - source_size.width / 2
+      "margin-left": 0
+
+    dialog_pos.left = 0  if dialog_pos.left < 0
+    dialog_pos.top = 0  if dialog_pos.top < 0
+    dialog_pos
+
+  _preparePopover = (dialog, options) ->
+    source_element = options.source_element
+    dialog_pos = undefined
+    if source_element
+      options.placement = options.placement or source_element.data("placement")
+      options.animation = options.animation or source_element.data("animation")
+    else
+      console.warn "WTF! you must set a source_element"
+      return
+    options.placement = options.placement or CLASS.RIGHT
+    dialog.addClass CLASS.FADE_IN  if options.animation
+    dialog.removeClass()
+    dialog_pos = _getPositionFromSource(_getPosition(source_element), dialog[0].offsetWidth, dialog[0].offsetHeight, options.placement)
+    dialog.css(dialog_pos).addClass options.placement
+
+  _prepareAlert = (dialog, options) ->
+    set_alert_position = ->
+      dialog_pos = _getPositionCenterOnScreen(_getPosition(dialog))
+      dialog.css dialog_pos
+
+    set_alert_position()
+    cool.dom(window).on "resize", ->
+      set_alert_position()
+
+  _prepareModal = (dialog, options) ->
+
+  _prepareAction = (dialog, options) ->
+
+
+  
+  ###
+   * Show dialog
+   *
+   * @method show
+  ###
+  show = (dialog_id, options) ->
+    dialog = cool.dom(ELEMENT.DIALOG + dialog_id)
+    dialog_type = dialog.data("type")
+    options = options or {}
+    switch dialog_type
+      when DIALOG.MODAL
+        _prepareModal dialog, options
+      when DIALOG.ALERT
+        _prepareAlert dialog, options
+      when DIALOG.ACTION
+        _prepareAction dialog, options
+      when DIALOG.POPOVER
+        _preparePopover dialog, options
+    dialog.removeClass(CLASS.HIDE).addClass(CLASS.CURRENT).addClass CLASS.SHOW
+  
+  ###
+     * Close dialog
+     *
+     * @method show
+  ###
+  close = (dialog_id) ->
+    dialog = cool.dom(ELEMENT.DIALOG + dialog_id)
+    dialog_type = dialog.data("type")
+    dialog_animation = dialog.data("transition")
+    dialog_animation = dialog_animation or "slideUp"  if dialog_type is DIALOG.ACTION
+    dialog_animation = dialog_animation or "bounceOut"  if dialog_type is DIALOG.MODAL
+    dialog.removeClass(CLASS.SHOW).addClass CLASS.HIDE
+    unless dialog_animation
+      dialog.removeClass CLASS.CURRENT
+    else
+      setTimeout (->
+        dialog.removeClass CLASS.CURRENT
+      ), TRANSITION.DURATION
+
+  show: show
+  close: close
+)(COOLSTRAP)