utility_box 0.1.0

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in utility_box.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Grant Klinsing
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,44 @@
+# UtilityBox
+
+UtilityBox suppllies you will a bunch of CSS and Javascript niceties
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'utility_box'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install utility_box
+
+## What's Included?
+
+### Javascripts
+
+  - connection_manager
+  - ellipsis
+  - events
+  - form
+  - preload_images
+  - pusher
+  - strings
+  - tables
+
+### Stylesheets
+
+  - [Twitter Bootstrap SASS](https://github.com/thomas-mcdonald/bootstrap-sass)
+  - [Font Awesome SASS](https://github.com/littlebtc/font-awesome-sass-rails)
+  - mixins
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/app/assets/javascripts/utility_box/connection_manager.js.coffee

@@ -0,0 +1,93 @@
+#= require utility_box/utility_box_namespace
+#= require utility_box/forms
+
+# @class connectionManager
+# A simple global interface for ajax calls and handlebars templates
+#
+# @method get
+# resource [Handlebar Template]
+# data [Object]
+#
+# @method post
+# resource [Handlebar Template]
+# data [Object]
+#
+# @method put
+# resource [Handlebar Template]
+# data [Object]
+#
+# @method destroy
+# resource [Handlebar Template]
+# data [Object]
+#
+# Example:
+#
+# file team_url.hbs
+# /api/v1/team/{{id}}
+#
+# file script.js
+# var conn = window.utilityBox.connectionManager()
+# conn.get('team_url', {id: 1})
+# conn.success(function(data){
+#   console.log(data)
+# });
+class window.utilityBox.connectionManager
+
+  constructor : ->
+    # gather tokens for each ajax call
+    @apiToken  = $('meta[name="api-token"]').attr('content')
+    @csrfToken = $('meta[name="csrf-token"]').attr('content')
+
+    # add progress event to ajax calls
+    originalXhr = $.ajaxSettings.xhr
+    $.ajaxSetup({
+      progress: $.noop
+      xhr: ->
+        xhr = originalXhr()
+        if xhr instanceof window.XMLHttpRequest
+          xhr.addEventListener('progress', this.progress, false)
+
+        if xhr.upload
+          xhr.upload.addEventListener('progress', this.progress, false)
+
+        xhr.setRequestHeader 'X-CSRF-Token', @csrfToken
+        xhr
+    })
+
+  get : (resource, data={}) ->
+    @_send @_buildParams('GET', resource, data)
+
+  post : (resource, data={}) ->
+    @_send @_buildParams('POST', resource, data)
+
+  put : (resource, data={}) ->
+    @_send @_buildParams('PUT', resource, data)
+
+  destroy : (resource, data={}) ->
+    @_send @_buildParams('DELETE', resource, data)
+
+  _send : (params) ->
+    return $.ajax(params)
+
+  _buildParams : (method = 'POST', resource, data={}) ->
+    if method == 'GET'
+      formData = $.param(data)
+    else
+      formData = new FormData()
+      for key, val of window.utilityBox.parameterizeObject(data)
+        formData.append key, val
+
+    params = {
+      type        : method
+      url         : @buildEndpoint(resource, data)
+      username    : 'x'
+      password    : @apiToken
+      dataType    : 'json'
+      data        : formData
+      cache       : false,
+      contentType : false,
+      processData : false
+    }
+
+  buildEndpoint : (resource='base_uri', data) ->
+    JST["endpoints/#{resource}"](data)

data/app/assets/javascripts/utility_box/ellipsis.js.coffee

@@ -0,0 +1,22 @@
+
+# Animate an ellipsis witin elements with the attribute 'data-animate="ellipsis"'
+# Frame 1 .
+# Frame 2 ..
+# Frame 3 ...
+# Frame 4 .
+# Etc..
+$(document).ready () ->
+  $('[data-animate="ellipsis"]').each (idx, ele) ->
+    ellipsis  = $ ele
+    counter   = 0
+    timer     = setInterval () ->
+      counter++
+      counter = 0 if counter > 3
+      num     = 0
+      arr     = []
+      while num < counter
+        num++
+        arr.push '.'
+
+      ellipsis.text arr.join('')
+    , 750

data/app/assets/javascripts/utility_box/events.js.coffee

@@ -0,0 +1,13 @@
+#= require utility_box/utility_box_namespace
+
+# @method isClickOutsideElement
+# event [Event]
+# element [DOM Element]
+# Determines whether or not a click is outside of the element passed in
+window.utilityBox.isClickOutsideElement = (event, element) ->
+  target = $ event.target
+
+  if target[0] == element[0] || element.children(target).length > 0
+    return false
+  else
+    return true

data/app/assets/javascripts/utility_box/forms.js.coffee

@@ -0,0 +1,63 @@
+#= require utility_box/utility_box_namespace
+
+# @method parameterizeObject
+# data [Object]
+# Generate correctly formatted parameters for xhr2
+#
+# {
+#   id: 1234567890,
+#   person: {
+#     first_name: 'Grant',
+#     last_name : 'Klinsing',
+#     meta : {
+#       foo: 'bar',
+#       test: [100, 200]
+#     }
+#   }
+# }
+#
+# Will become:
+#
+# id = 1234567890
+# person[first_name] = 'Grant'
+# person[last_name] = 'Klinsing'
+# person[meta][foo] = 'bar'
+# person[meta][test] = [100, 200]
+window.utilityBox.parameterizeObject = (data) ->
+  obj = {}
+
+  accLoop = (key, val) ->
+    if $.isPlainObject val
+      for k, v of val
+        k = "#{key}[#{k}]"
+        accLoop(k, v)
+    else
+      obj[key] = val
+    return
+
+  for key, val of data
+    accLoop(key, val)
+
+  obj
+
+# @method serializeForm
+# form [element|jQuery Element]
+window.utilityBox.serializeForm = (form) ->
+  obj = {}
+  # if jQuery, break it down
+  form = form[0] if form.jquery
+  $.makeArray(form.querySelectorAll('input, select, textarea')).forEach (input) ->
+    if input.type == 'file'
+      obj[input.name] = input.files[0]
+    else
+      obj[input.name] = input.value
+
+  # remove properites that are undefined
+  for key, val of obj
+    if val == undefined
+      delete obj[key]
+
+  obj
+
+$(document).ready () ->
+  $('[data-is="datepicker"]').datepicker()

data/app/assets/javascripts/utility_box/preload_images.js.coffee

@@ -0,0 +1,22 @@
+#= require utility_box/utility_box_namespace
+
+# @method preloadImages
+# urls [String, Array]
+# callback [Function]
+# callback fired when all images have loaded
+window.utilityBox.preloadImages = (urls, callback) ->
+  urls = [urls] if typeof urls == 'string'
+  images = []
+  loaded = 0
+  increment = ->
+    loaded++
+    if callback? && loaded == urls.length
+      callback()
+  urls.forEach (url, i) ->
+    img = images[i]
+    img = new Image()
+    # we want to increment on each of these events
+    img.onload = increment
+    img.onerror = increment
+    img.onabort = increment
+    img.src = url

data/app/assets/javascripts/utility_box/pusher.js.coffee

@@ -0,0 +1,13 @@
+# Pusher.js.coffee
+# This file is used to establish a pusher connection and any defaults or
+# channel subscriptions that should be established globally for an artist.
+#
+#= require utility_box/utility_box_namespace
+#= require pusher
+#
+
+do ->
+  key = $('meta[name=pusher-key]').attr('content')
+
+  if key
+    window.utilityBox.pusher = new Pusher(key)

data/app/assets/javascripts/utility_box/strings.js.coffee

@@ -0,0 +1,29 @@
+#= require utility_box/utility_box_namespace
+
+# @method titleize
+# str [String]
+# Titleize a string
+window.utilityBox.titleize = (str) ->
+  str.charAt(0).toUpperCase() + str.slice(1)
+
+# @method formatJSONErrors
+# str [String, Object]
+# withKeys [Boolean]
+# Takes a JSON object and convert it to a readable sentence
+#
+# Example:
+# {email: ["must be at least 6 characters","must contain a number and a letter"]}
+# will be translated to:
+# ["email must be at least 6 characters and must contain a number and a letter"]
+window.utilityBox.formatJSONErrors = (str, withKeys) ->
+  errors = if typeof str == 'string' then JSON.parse(str) else str
+  $.map errors, (val, key) ->
+    values = val.join(' and ')
+    str = window.utilityBox.titleize "#{key} #{values}"
+
+    if withKeys?
+      obj = {}
+      obj[key] = str
+      obj
+    else
+      str

data/app/assets/javascripts/utility_box/tables.js.coffee

@@ -0,0 +1,2 @@
+$(document).on 'click', 'tr[data-href]', (e) ->
+  window.location = $(e.currentTarget).attr('data-href')

data/app/assets/javascripts/utility_box/utility_box_namespace.js.coffee

@@ -0,0 +1 @@
+window.utilityBox = window.utilityBox || {}

data/app/assets/javascripts/utility_box.js

@@ -0,0 +1,9 @@
+//= require utility_box/utility_box_namespace
+//= require utility_box/connection_manager
+//= require utility_box/ellipsis
+//= require utility_box/events
+//= require utility_box/forms
+//= require utility_box/preload_images
+//= require utility_box/pusher
+//= require utility_box/strings
+//= require utility_box/tables

data/app/assets/stylesheets/utility_box/mixins.css.scss

@@ -0,0 +1,24 @@
+@mixin gradient($first, $second) {
+  background-color: $first;
+  background: -moz-linear-gradient(top, $first 0%, $second 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$first), color-stop(100%,$second));
+  background: -webkit-linear-gradient(top,  $first 0%,$second 100%);
+  background: -o-linear-gradient(top,  $first 0%,$second 100%);
+  background: -ms-linear-gradient(top,  $first 0%,$second 100%);
+  background: linear-gradient(to bottom,  $first 0%,$second 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$first', endColorstr='$second',GradientType=0 );
+}
+
+@mixin trans($property: all, $time: 1s, $effect: ease, $delay: 0) {
+  -moz-transition: $property $time $effect $delay;
+  -webkit-transition: $property $time $effect $delay;
+  -ms-transition: $property $time $effect $delay;
+  -o-transition: $property $time $effect $delay;
+  transition: $property $time $effect $delay;
+}
+
+@mixin border-box {
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+}

data/app/assets/stylesheets/utility_box.css

@@ -0,0 +1,3 @@
+/*
+*= require utility_box/mixins
+*/

data/lib/utility_box/rails/version.rb

@@ -0,0 +1,5 @@
+module UtilityBox
+  module Rails
+    VERSION = "0.1.0"
+  end
+end

data/lib/utility_box/rails.rb

@@ -0,0 +1,8 @@
+require "utility_box/rails/version"
+
+module UtilityBox
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/utility_box.rb

@@ -0,0 +1,5 @@
+require 'pusher_rails'
+require 'bootstrap-sass'
+require 'font-awesome-sass-rails'
+
+require "utility_box/rails"

metadata

@@ -0,0 +1,144 @@
+--- !ruby/object:Gem::Specification
+name: utility_box
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+  prerelease: 
+platform: ruby
+authors:
+- Grant Klinsing
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-01-10 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bootstrap-sass
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 2.2.2.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 2.2.2.0
+- !ruby/object:Gem::Dependency
+  name: font-awesome-sass-rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: pusher_rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.1'
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.1'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.1'
+description: CSS and JS utility toolbox for Rails
+email:
+- grant@digitalopera.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/utility_box/rails/version.rb
+- lib/utility_box/rails.rb
+- lib/utility_box.rb
+- app/assets/javascripts/utility_box/connection_manager.js.coffee
+- app/assets/javascripts/utility_box/ellipsis.js.coffee
+- app/assets/javascripts/utility_box/events.js.coffee
+- app/assets/javascripts/utility_box/forms.js.coffee
+- app/assets/javascripts/utility_box/preload_images.js.coffee
+- app/assets/javascripts/utility_box/pusher.js.coffee
+- app/assets/javascripts/utility_box/strings.js.coffee
+- app/assets/javascripts/utility_box/tables.js.coffee
+- app/assets/javascripts/utility_box/utility_box_namespace.js.coffee
+- app/assets/javascripts/utility_box.js
+- app/assets/stylesheets/utility_box/mixins.css.scss
+- app/assets/stylesheets/utility_box.css
+- Gemfile
+- LICENSE.txt
+- Rakefile
+- README.md
+homepage: ''
+licenses: []
+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'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.23
+signing_key: 
+specification_version: 3
+summary: Adds a bunch of utility Javascript and CSS scaffolding via Twiiter Bootstrap
+test_files: []