rolodex 2.0.0

data/vendor/assets/javascripts/rolodex_angular.coffee

@@ -0,0 +1,3 @@
+#= require_tree './rolodex_angular/src'
+
+#= require 'rolodex_angular/rolodex'

data/vendor/assets/javascripts/rolodex_angular/README.md

@@ -0,0 +1,68 @@
+# [Angular](https://angularjs.org/) modules just for [Rolodex](https://github.com/bellycard/rolodex)
+
+***
+
+## Wat?
+Rolodex components written in Angular. Rolodex Angular has very few dependencies, requiring only [AngularJS](https://angularjs.org/), of course, and [LoDash](http://lodash.com/) (or [Underscore](http://underscorejs.org/)). The collection of directives should be very simple to use, fast, and drop in seamlessly when using Rolodex styles and classes. jQuery is not required for any of these modules to work now and forever. This project is heavily infulenced by [UI Bootstrap](http://angular-ui.github.io/bootstrap/).
+
+## See Rolodex Angular In Action
+[Belly Style Guide](https://style.bellycard.com/)
+
+## Installation
+Required libraries
+
+* [AngularJS](https://angularjs.org/)
+* [LoDash](http://lodash.com/) or [Underscore](http://underscorejs.org/)
+
+Make sure that both are loaded before Rolodex.
+
+Add to your `Gemfile:`
+
+```ruby
+gem 'rolodex', :git => 'https://github.com/bellycard/rolodex.git'
+```
+
+Import to your main coffee/js file
+
+```coffeescript
+#= require 'rolodex_angular'
+```
+
+Add Rolodex to your Angular App
+
+```coffeescript
+angular.module('myApp', ['rolodex'])
+```
+
+## Dial Up Only What You Need
+Utilizing Angular's flexible module system each directive is its own module which means you don't have to import then entire rolodex module if you don't need it. No need for jQuery either - each module should be independent of jQuery. Guaranteed. Forever.
+
+## Tested Browsers
+* Chrome
+* Safari
+* IE 9/10
+* Opera
+
+## Development
+You will need already installed:
+
+* Ruby
+* NodeJS (For Karma, the test runner)
+
+Run Bundler
+
+```
+$: bundle install
+```
+
+Run NPM install
+
+```
+$: npm install
+```
+
+Run Karma
+
+```
+$: npm test_angular
+```

data/vendor/assets/javascripts/rolodex_angular/rolodex.coffee

@@ -0,0 +1,11 @@
+# Initialize primary namespace
+angular.module('rolodex', [
+  'templates'
+  'rolodex.accordion'
+  'rolodex.alert'
+  'rolodex.buttons'
+  'rolodex.datepicker'
+  'rolodex.dropdown'
+  'rolodex.modal'
+  'rolodex.transition'
+])

data/vendor/assets/javascripts/rolodex_angular/src/accordion.coffee

@@ -0,0 +1,100 @@
+#= require 'rolodex_angular/template/accordion/accordion'
+#= require 'rolodex_angular/template/accordion/accordion-group'
+
+angular.module("rolodex.accordion", ["rolodex.collapse"])
+
+.constant("accordionConfig", closeOthers: true)
+
+.controller("AccordionController", [
+  "$scope"
+  "$attrs"
+  "accordionConfig"
+  ($scope, $attrs, accordionConfig) ->
+    # This array keeps track of the accordion groups
+    @groups = []
+
+    # Ensure that all the groups in this accordion are closed, unless close-others explicitly says not to
+    @closeOthers = (openGroup) ->
+      closeOthers = (if angular.isDefined($attrs.closeOthers) then $scope.$eval($attrs.closeOthers) else accordionConfig.closeOthers)
+      if closeOthers
+        angular.forEach @groups, (group) ->
+          group.isOpen = false  if group isnt openGroup
+
+    # This is called from the accordion-group directive to add itself to the accordion
+    @addGroup = (groupScope) ->
+      that = this
+      @groups.push groupScope
+      groupScope.$on "$destroy", (event) ->
+        that.removeGroup groupScope
+
+    # This is called from the accordion-group directive when to remove itself
+    @removeGroup = (group) ->
+      index = @groups.indexOf(group)
+      @groups.splice index, 1  if index isnt -1
+
+    return this
+])
+
+# The accordion directive simply sets up the directive controller
+# and adds an accordion CSS class to itself element.
+.directive "accordion", ->
+  restrict: "EA"
+  controller: "AccordionController"
+  transclude: true
+  replace: false
+  templateUrl: 'rolodex_angular/template/accordion/accordion'
+
+# The accordion-group directive indicates a block of html that will expand and collapse in an accordion
+.directive "accordionGroup", ->
+  require: "^accordion" # We need this directive to be inside an accordion
+  restrict: "EA"
+  transclude: true # It transcludes the contents of the directive into the template
+  replace: true # The element containing the directive will be replaced with the template
+  templateUrl: 'rolodex_angular/template/accordion/accordion-group'
+  scope:
+    heading: "@" # Interpolate the heading attribute onto this scope
+    isOpen: "=?"
+    isDisabled: "=?"
+
+  controller: ->
+    @setHeading = (element) ->
+      @heading = element
+
+  link: (scope, element, attrs, accordionCtrl) ->
+    accordionCtrl.addGroup scope
+    scope.$watch "isOpen", (value) ->
+      accordionCtrl.closeOthers scope  if value
+      return
+
+    scope.toggleOpen = ->
+      scope.isOpen = not scope.isOpen  unless scope.isDisabled
+
+# Use accordion-heading below an accordion-group to provide a heading containing HTML
+# <accordion-group>
+#   <accordion-heading>Heading containing HTML - <img src="..."></accordion-heading>
+# </accordion-group>
+.directive "accordionHeading", ->
+  restrict: "EA"
+  transclude: true # Grab the contents to be used as the heading
+  template: "" # In effect remove this element!
+  replace: true
+  require: "^accordionGroup"
+  link: (scope, element, attr, accordionGroupCtrl, transclude) ->
+    # Pass the heading to the accordion-group controller
+    # so that it can be transcluded into the right place in the template
+    # [The second parameter to transclude causes the elements to be cloned so that they work in ng-repeat]
+    accordionGroupCtrl.setHeading transclude(scope, (->))
+
+# Use in the accordion-group template to indicate where you want the heading to be transcluded
+# You must provide the property on the accordion-group controller that will hold the transcluded element
+# <div class="accordion-group">
+#   <div class="accordion-heading" ><a ... accordion-transclude="heading">...</a></div>
+#   ...
+# </div>
+.directive "accordionTransclude", ->
+  require: "^accordionGroup"
+  link: (scope, element, attr, controller) ->
+    scope.$watch (-> controller[attr.accordionTransclude]), (heading) ->
+      if heading
+        element.html ""
+        element.append heading

data/vendor/assets/javascripts/rolodex_angular/src/alert.coffee

@@ -0,0 +1,17 @@
+#= require 'rolodex_angular/template/alert/alert'
+
+angular.module('rolodex.alert', [])
+
+.controller('AlertController', ['$scope', '$attrs', ($scope, $attrs) ->
+  $scope.closeable = 'close' of $attrs
+])
+
+.directive 'alert', ->
+  restrict: 'EA'
+  controller: 'AlertController'
+  templateUrl: 'rolodex_angular/template/alert/alert'
+  transclude: true
+  replace: true
+  scope:
+    type: '@'
+    close: '&'

data/vendor/assets/javascripts/rolodex_angular/src/buttons.coffee

@@ -0,0 +1,59 @@
+angular.module("rolodex.buttons", [])
+
+.constant("buttonConfig", activeClass: "active", toggleEvent: "click")
+
+.controller("ButtonsController", [
+  "buttonConfig"
+  (buttonConfig) ->
+    @activeClass = buttonConfig.activeClass or "active"
+    @toggleEvent = buttonConfig.toggleEvent or "click"
+
+    return this
+])
+
+.directive("btnRadio", ->
+  require: [
+    "btnRadio"
+    "ngModel"
+  ]
+  controller: "ButtonsController"
+  link: (scope, element, attrs, ctrls) ->
+    buttonsCtrl = ctrls[0]
+    ngModelCtrl = ctrls[1]
+    ngModelCtrl.$render = ->
+      element.toggleClass buttonsCtrl.activeClass, angular.equals(ngModelCtrl.$modelValue, scope.$eval(attrs.btnRadio))
+
+    element.bind buttonsCtrl.toggleEvent, ->
+      isActive = element.hasClass(buttonsCtrl.activeClass)
+      if not isActive or angular.isDefined(attrs.uncheckable)
+        scope.$apply ->
+          ngModelCtrl.$setViewValue (if isActive then null else scope.$eval(attrs.btnRadio))
+          ngModelCtrl.$render()
+)
+
+.directive "btnCheckbox", ->
+  require: [
+    "btnCheckbox"
+    "ngModel"
+  ]
+  controller: "ButtonsController"
+  link: (scope, element, attrs, ctrls) ->
+    getTrueValue = ->
+      getCheckboxValue attrs.btnCheckboxTrue, true
+    getFalseValue = ->
+      getCheckboxValue attrs.btnCheckboxFalse, false
+    getCheckboxValue = (attributeValue, defaultValue) ->
+      val = scope.$eval(attributeValue)
+      (if angular.isDefined(val) then val else defaultValue)
+    buttonsCtrl = ctrls[0]
+    ngModelCtrl = ctrls[1]
+
+    #model -> UI
+    ngModelCtrl.$render = ->
+      element.toggleClass buttonsCtrl.activeClass, angular.equals(ngModelCtrl.$modelValue, getTrueValue())
+
+    #ui->model
+    element.bind buttonsCtrl.toggleEvent, ->
+      scope.$apply ->
+        ngModelCtrl.$setViewValue (if element.hasClass(buttonsCtrl.activeClass) then getFalseValue() else getTrueValue())
+        ngModelCtrl.$render()

data/vendor/assets/javascripts/rolodex_angular/src/collapse.coffee

@@ -0,0 +1,65 @@
+angular.module("rolodex.collapse", ["rolodex.transition"])
+
+.directive "collapse", [
+  "$transition"
+  ($transition) ->
+    return link: (scope, element, attrs) ->
+      doTransition = (change) ->
+        newTransitionDone = ->
+
+          # Make sure it's this transition, otherwise, leave it alone.
+          currentTransition = `undefined` if currentTransition is newTransition
+
+        newTransition = $transition(element, change)
+
+        currentTransition.cancel()  if currentTransition
+
+        currentTransition = newTransition
+
+        newTransition.then(newTransitionDone, newTransitionDone)
+
+        return newTransition
+        return
+      expand = ->
+        if initialAnimSkip
+          initialAnimSkip = false
+          expandDone()
+        else
+          element.removeClass("collapse").addClass "collapsing"
+          doTransition(height: element[0].scrollHeight + "px").then expandDone
+        return
+      expandDone = ->
+        element.removeClass "collapsing"
+        element.addClass "collapse in"
+        element.css height: "auto"
+        return
+      collapse = ->
+        if initialAnimSkip
+          initialAnimSkip = false
+          collapseDone()
+          element.css height: 0
+        else
+
+          # CSS transitions don't work with height: auto, so we have to manually change the height to a specific value
+          element.css height: element[0].scrollHeight + "px"
+
+          #trigger reflow so a browser realizes that height was updated from auto to a specific value
+          x = element[0].offsetWidth
+          element.removeClass("collapse in").addClass "collapsing"
+          doTransition(height: 0).then collapseDone
+        return
+      collapseDone = ->
+        element.removeClass "collapsing"
+        element.addClass "collapse"
+        return
+      initialAnimSkip = true
+      currentTransition = undefined
+      scope.$watch attrs.collapse, (shouldCollapse) ->
+        if shouldCollapse
+          collapse()
+        else
+          expand()
+        return
+
+      return
+]

data/vendor/assets/javascripts/rolodex_angular/src/dateparser.coffee

@@ -0,0 +1,125 @@
+angular.module('rolodex.dateparser', [])
+
+.service "dateParser", [
+  "$locale"
+  "orderByFilter"
+  ($locale, orderByFilter) ->
+    createParser = (format) ->
+      map = []
+      regex = format.split("")
+      angular.forEach formatCodeToRegex, (data, code) ->
+        index = format.indexOf(code)
+        if index > -1
+          format = format.split("")
+          regex[index] = "(" + data.regex + ")"
+          format[index] = "$" # Custom symbol to define consumed part of format
+          i = index + 1
+          n = index + code.length
+
+          while i < n
+            regex[i] = ""
+            format[i] = "$"
+            i++
+          format = format.join("")
+          map.push
+            index: index
+            apply: data.apply
+
+        return
+
+      regex: new RegExp("^" + regex.join("") + "$")
+      map: orderByFilter(map, "index")
+
+    # Check if date is valid for specific month (and year for February).
+    # Month: 0 = Jan, 1 = Feb, etc
+    isValid = (year, month, date) ->
+      return date is 29 and ((year % 4 is 0 and year % 100 isnt 0) or year % 400 is 0)  if month is 1 and date > 28
+      return date < 31  if month is 3 or month is 5 or month is 8 or month is 10
+      true
+    @parsers = {}
+    formatCodeToRegex =
+      yyyy:
+        regex: "\\d{4}"
+        apply: (value) ->
+          @year = +value
+          return
+
+      yy:
+        regex: "\\d{2}"
+        apply: (value) ->
+          @year = +value + 2000
+          return
+
+      y:
+        regex: "\\d{1,4}"
+        apply: (value) ->
+          @year = +value
+          return
+
+      MMMM:
+        regex: $locale.DATETIME_FORMATS.MONTH.join("|")
+        apply: (value) ->
+          @month = $locale.DATETIME_FORMATS.MONTH.indexOf(value)
+          return
+
+      MMM:
+        regex: $locale.DATETIME_FORMATS.SHORTMONTH.join("|")
+        apply: (value) ->
+          @month = $locale.DATETIME_FORMATS.SHORTMONTH.indexOf(value)
+          return
+
+      MM:
+        regex: "0[1-9]|1[0-2]"
+        apply: (value) ->
+          @month = value - 1
+          return
+
+      M:
+        regex: "[1-9]|1[0-2]"
+        apply: (value) ->
+          @month = value - 1
+          return
+
+      dd:
+        regex: "[0-2][0-9]{1}|3[0-1]{1}"
+        apply: (value) ->
+          @date = +value
+          return
+
+      d:
+        regex: "[1-2]?[0-9]{1}|3[0-1]{1}"
+        apply: (value) ->
+          @date = +value
+
+      EEEE:
+        regex: $locale.DATETIME_FORMATS.DAY.join("|")
+
+      EEE:
+        regex: $locale.DATETIME_FORMATS.SHORTDAY.join("|")
+
+    @parse = (input, format) ->
+      return input  if not angular.isString(input) or not format
+      format = $locale.DATETIME_FORMATS[format] or format
+      @parsers[format] = createParser(format)  unless @parsers[format]
+      parser = @parsers[format]
+      regex = parser.regex
+      map = parser.map
+      results = input.match(regex)
+      if results and results.length
+        fields =
+          year: 1900
+          month: 0
+          date: 1
+          hours: 0
+
+        dt = undefined
+        i = 1
+        n = results.length
+
+        while i < n
+          mapper = map[i - 1]
+          mapper.apply.call fields, results[i]  if mapper.apply
+          i++
+        dt = new Date(fields.year, fields.month, fields.date, fields.hours)  if isValid(fields.year, fields.month, fields.date)
+        dt
+]