rolodex 2.0.0

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

@@ -0,0 +1,143 @@
+angular.module('rolodex.dropdown', [])
+
+.constant('dropdownConfig', dropDownOpen: 'data-dropdown-open')
+
+.service('dropdownService', [
+  '$document'
+  ($document) ->
+    openScope = null
+
+    @open = (dropdownScope) ->
+      unless openScope
+        $document.bind 'click', closeDropdown
+        $document.bind 'keydown', escapeKeyBind
+      openScope.isOpen = false  if openScope and openScope isnt dropdownScope
+      openScope = dropdownScope
+
+    @close = (dropdownScope) ->
+      if openScope is dropdownScope or
+      dropdownScope.forceClose
+
+        if dropdownScope.forceClose
+          openScope.isOpen = false if openScope
+
+        openScope = null
+        $document.unbind 'click', closeDropdown
+        $document.unbind 'keydown', escapeKeyBind
+
+    closeDropdown = (evt) ->
+      toggleElement = openScope.getToggleElement()
+      if evt and toggleElement?[0].contains(evt.target) or
+      evt?.target.nodeName.toLowerCase() is 'input' # Don't close if the drop down has an input interaction
+        return
+
+      openScope.$apply ->
+        openScope.isOpen = false
+
+    escapeKeyBind = (evt) ->
+      if evt.which is 27
+        openScope.focusToggleElement()
+        closeDropdown()
+
+    return this
+])
+
+.controller('DropdownController', [
+  '$scope'
+  '$attrs'
+  '$parse'
+  'dropdownConfig'
+  'dropdownService'
+  '$animate'
+  ($scope, $attrs, $parse, dropdownConfig, dropdownService, $animate) ->
+    self = this
+    scope = $scope.$new()
+    dropDownOpen = dropdownConfig.dropDownOpen
+    getIsOpen = undefined
+    setIsOpen = angular.noop
+    toggleInvoker = (if $attrs.onToggle then $parse($attrs.onToggle) else angular.noop)
+
+    @init = (element) ->
+      self.$element = element
+      if $attrs.isOpen
+        getIsOpen = $parse($attrs.isOpen)
+        setIsOpen = getIsOpen.assign
+        $scope.$watch getIsOpen, (value) ->
+          scope.isOpen = !!value
+
+    @toggle = (open) ->
+      scope.isOpen = (if arguments.length then !!open else not scope.isOpen)
+
+    @isOpen = ->
+      scope.isOpen
+
+    scope.getToggleElement = ->
+      self.toggleElement
+
+    scope.focusToggleElement = ->
+      self.toggleElement[0].focus()  if self.toggleElement
+      return
+
+    scope.$watch 'isOpen', (isOpen, wasOpen) ->
+      anchors = self.$element.find('a')
+
+      if isOpen
+        self.$element.attr(dropDownOpen, '')
+        scope.focusToggleElement()
+        dropdownService.open scope
+
+        if anchors.length
+          scope.forceClose = true
+          _.each anchors, (anchor) ->
+            angular.element(anchor).on 'click', (evt) ->
+              dropdownService.close(scope)
+              scope.$digest()
+
+      else
+        self.$element.removeAttr(dropDownOpen)
+        dropdownService.close(scope)
+
+      setIsOpen $scope, isOpen
+      if angular.isDefined(isOpen) and isOpen isnt wasOpen
+        toggleInvoker $scope,
+          open: !!isOpen
+
+    $scope.$on '$locationChangeSuccess', ->
+      scope.isOpen = false
+
+    $scope.$on '$destroy', ->
+      scope.$destroy()
+
+    return this
+
+])
+
+.directive 'dropdown', ->
+  controller: 'DropdownController'
+  link: (scope, element, attrs, dropdownCtrl) ->
+    dropdownCtrl.init element
+
+.directive 'dropdownToggle', ->
+  require: '?^dropdown'
+  link: (scope, element, attrs, dropdownCtrl) ->
+    return unless dropdownCtrl
+    dropdownCtrl.toggleElement = element
+
+    toggleDropdown = (event) ->
+      event.preventDefault()
+      if not element.hasClass('disabled') and not attrs.disabled
+        scope.$apply ->
+          dropdownCtrl.toggle()
+
+    element.bind 'click', toggleDropdown
+
+    # WAI-ARIA
+    element.attr
+      'aria-haspopup': true
+      'aria-expanded': false
+
+    scope.$watch dropdownCtrl.isOpen, (isOpen) ->
+      element.attr 'aria-expanded', !!isOpen
+
+    scope.$on '$destroy', ->
+      element.unbind 'click', toggleDropdown

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

@@ -0,0 +1,331 @@
+#= require 'rolodex_angular/template/modal/window'
+
+# Because of the flexibility of UI-Bootstraps modal this is a copy of their source converted to CoffeeScript for
+# maintainability. The module namespace has been changed to suite Rolodex and the template has been adjusted to
+# work with the Rolodex styles. The rest remains true to the Bootstrap source including using their transition
+# animation library and not ngAnimate.
+
+angular.module("rolodex.modal", ["rolodex.transition", "templates"])
+
+# A helper, internal data structure that acts as a map but also allows getting / removing
+# elements in the LIFO order
+.factory "$$stackedMap", ->
+  createNew: ->
+    stack = []
+    add: (key, value) ->
+      stack.push
+        key: key
+        value: value
+
+    get: (key) ->
+      i = 0
+
+      while i < stack.length
+        return stack[i]  if key is stack[i].key
+        i++
+
+    keys: ->
+      keys = []
+      i = 0
+
+      while i < stack.length
+        keys.push stack[i].key
+        i++
+      keys
+
+    top: ->
+      stack[stack.length - 1]
+
+    remove: (key) ->
+      idx = -1
+      i = 0
+
+      while i < stack.length
+        if key is stack[i].key
+          idx = i
+          break
+        i++
+      stack.splice(idx, 1)[0]
+
+    removeTop: ->
+      stack.splice(stack.length - 1, 1)[0]
+
+    length: ->
+      stack.length
+
+.directive("modalWindow", [
+  "$modalStack"
+  "$timeout"
+  ($modalStack, $timeout) ->
+
+    restrict: "EA"
+    scope:
+      index: "@"
+      animate: "="
+
+    replace: true
+    transclude: true
+    templateUrl: (tElement, tAttrs) ->
+      tAttrs.templateUrl or "rolodex_angular/template/modal/window"
+
+    link: (scope, element, attrs) ->
+      element.addClass attrs.windowClass or ""
+      scope.size = attrs.size
+      $timeout ->
+        scope.animate = true
+        element[0].focus()  unless element[0].querySelectorAll("[autofocus]").length
+        return
+
+      scope.close = (evt) ->
+        modal = $modalStack.getTop()
+        # Auto-focusing of a freshly-opened modal element causes any child elements
+        # with the autofocus attribute to loose focus. This is an issue on touch
+        # based devices which will show and then hide the onscreen keyboard.
+        # Attempts to refocus the autofocus element via JavaScript will not reopen
+        # the onscreen keyboard. Fixed by updated the focusing logic to only autofocus
+        # the modal element if the modal does not contain an autofocus element.
+        if modal and modal.value.backdrop and modal.value.backdrop isnt "static" and (evt.target is evt.currentTarget)
+          evt.preventDefault()
+          evt.stopPropagation()
+          $modalStack.dismiss modal.key, "backdrop click"
+])
+
+.directive "modalTransclude", ->
+  link: ($scope, $element, $attrs, controller, $transclude) ->
+    $transclude $scope.$parent, (clone) ->
+      $element.empty()
+      $element.append clone
+
+.factory("$modalStack", [
+  "$transition"
+  "$timeout"
+  "$document"
+  "$compile"
+  "$rootScope"
+  "$$stackedMap"
+  ($transition, $timeout, $document, $compile, $rootScope, $$stackedMap) ->
+    backdropIndex = ->
+      topBackdropIndex = -1
+      opened = openedWindows.keys()
+      i = 0
+
+      while i < opened.length
+        topBackdropIndex = i  if openedWindows.get(opened[i]).value.backdrop
+        i++
+      topBackdropIndex
+    removeModalWindow = (modalInstance) ->
+      body = $document.find("body").eq(0)
+      modalWindow = openedWindows.get(modalInstance).value
+      openedWindows.remove modalInstance
+      removeAfterAnimate modalWindow.modalDomEl, modalWindow.modalScope, 300, ->
+        modalWindow.modalScope.$destroy()
+        body.toggleClass OPENED_MODAL_CLASS, openedWindows.length() > 0
+        checkRemoveBackdrop()
+        return
+
+      return
+    checkRemoveBackdrop = ->
+      if backdropDomEl and backdropIndex() is -1
+        backdropScopeRef = backdropScope
+        removeAfterAnimate backdropDomEl, backdropScope, 150, ->
+          backdropScopeRef.$destroy()
+          backdropScopeRef = null
+          return
+
+        backdropDomEl = `undefined`
+        backdropScope = `undefined`
+      return
+    removeAfterAnimate = (domEl, scope, emulateTime, done) ->
+      afterAnimating = ->
+        return  if afterAnimating.done
+        afterAnimating.done = true
+        domEl.remove()
+        done()  if done
+        return
+      scope.animate = false
+      transitionEndEventName = $transition.transitionEndEventName
+      if transitionEndEventName
+        timeout = $timeout(afterAnimating, emulateTime)
+        domEl.bind transitionEndEventName, ->
+          $timeout.cancel timeout
+          afterAnimating()
+          scope.$apply()
+          return
+
+      else
+        $timeout afterAnimating
+      return
+    OPENED_MODAL_CLASS = "modal-open"
+    backdropDomEl = undefined
+    backdropScope = undefined
+    openedWindows = $$stackedMap.createNew()
+    $modalStack = {}
+    $rootScope.$watch backdropIndex, (newBackdropIndex) ->
+      backdropScope.index = newBackdropIndex  if backdropScope
+      return
+
+    $document.bind "keydown", (evt) ->
+      modal = undefined
+      if evt.which is 27
+        modal = openedWindows.top()
+        if modal and modal.value.keyboard
+          evt.preventDefault()
+          $rootScope.$apply ->
+            $modalStack.dismiss modal.key, "escape key press"
+            return
+
+      return
+
+    $modalStack.open = (modalInstance, modal) ->
+      openedWindows.add modalInstance,
+        deferred: modal.deferred
+        modalScope: modal.scope
+        backdrop: modal.backdrop
+        keyboard: modal.keyboard
+
+      body = $document.find("body").eq(0)
+      currBackdropIndex = backdropIndex()
+      if currBackdropIndex >= 0 and not backdropDomEl
+        backdropScope = $rootScope.$new(true)
+        backdropScope.index = currBackdropIndex
+        angularBackgroundDomEl = angular.element("<div modal-backdrop></div>")
+        angularBackgroundDomEl.attr "backdrop-class", modal.backdropClass
+        backdropDomEl = $compile(angularBackgroundDomEl)(backdropScope)
+        body.append backdropDomEl
+      angularDomEl = angular.element("<div modal-window></div>")
+      angularDomEl.attr(
+        "template-url": modal.windowTemplateUrl
+        "window-class": modal.windowClass
+        size: modal.size
+        index: openedWindows.length() - 1
+        animate: "animate"
+      ).html modal.content
+      modalDomEl = $compile(angularDomEl)(modal.scope)
+      openedWindows.top().value.modalDomEl = modalDomEl
+      body.append modalDomEl
+      body.addClass OPENED_MODAL_CLASS
+      return
+
+    $modalStack.close = (modalInstance, result) ->
+      modalWindow = openedWindows.get(modalInstance)
+      if modalWindow
+        modalWindow.value.deferred.resolve result
+        removeModalWindow modalInstance
+      return
+
+    $modalStack.dismiss = (modalInstance, reason) ->
+      modalWindow = openedWindows.get(modalInstance)
+      if modalWindow
+        modalWindow.value.deferred.reject reason
+        removeModalWindow modalInstance
+      return
+
+    $modalStack.dismissAll = (reason) ->
+      topModal = @getTop()
+      while topModal
+        @dismiss topModal.key, reason
+        topModal = @getTop()
+      return
+
+    $modalStack.getTop = ->
+      openedWindows.top()
+
+    return $modalStack
+])
+
+.provider "$modal", ->
+  $modalProvider =
+    options:
+      backdrop: true #can be also false or 'static'
+      keyboard: true
+
+    $get: [
+      "$injector"
+      "$rootScope"
+      "$q"
+      "$http"
+      "$templateCache"
+      "$controller"
+      "$modalStack"
+      ($injector, $rootScope, $q, $http, $templateCache, $controller, $modalStack) ->
+        getTemplatePromise = (options) ->
+          (if options.template then $q.when(options.template) else $http.get((if angular.isFunction(options.templateUrl) then (options.templateUrl)() else options.templateUrl),
+            cache: $templateCache
+          ).then((result) ->
+            result.data
+          ))
+        getResolvePromises = (resolves) ->
+          promisesArr = []
+          angular.forEach resolves, (value) ->
+            promisesArr.push $q.when($injector.invoke(value))  if angular.isFunction(value) or angular.isArray(value)
+            return
+
+          promisesArr
+        $modal = {}
+        $modal.open = (modalOptions) ->
+          modalResultDeferred = $q.defer()
+          modalOpenedDeferred = $q.defer()
+
+          #prepare an instance of a modal to be injected into controllers and returned to a caller
+          modalInstance =
+            result: modalResultDeferred.promise
+            opened: modalOpenedDeferred.promise
+            close: (result) ->
+              $modalStack.close modalInstance, result
+              return
+
+            dismiss: (reason) ->
+              $modalStack.dismiss modalInstance, reason
+              return
+
+
+          #merge and clean up options
+          modalOptions = angular.extend({}, $modalProvider.options, modalOptions)
+          modalOptions.resolve = modalOptions.resolve or {}
+
+          #verify options
+          throw new Error("One of template or templateUrl options is required.")  if not modalOptions.template and not modalOptions.templateUrl
+          templateAndResolvePromise = $q.all([getTemplatePromise(modalOptions)].concat(getResolvePromises(modalOptions.resolve)))
+          templateAndResolvePromise.then (resolveSuccess = (tplAndVars) ->
+            modalScope = (modalOptions.scope or $rootScope).$new()
+            modalScope.$close = modalInstance.close
+            modalScope.$dismiss = modalInstance.dismiss
+            ctrlInstance = undefined
+            ctrlLocals = {}
+            resolveIter = 1
+
+            #controllers
+            if modalOptions.controller
+              ctrlLocals.$scope = modalScope
+              ctrlLocals.$modalInstance = modalInstance
+              angular.forEach modalOptions.resolve, (value, key) ->
+                ctrlLocals[key] = tplAndVars[resolveIter++]
+                return
+
+              ctrlInstance = $controller(modalOptions.controller, ctrlLocals)
+              modalScope[modalOptions.controllerAs] = ctrlInstance  if modalOptions.controller
+            $modalStack.open modalInstance,
+              scope: modalScope
+              deferred: modalResultDeferred
+              content: tplAndVars[0]
+              backdrop: modalOptions.backdrop
+              keyboard: modalOptions.keyboard
+              backdropClass: modalOptions.backdropClass
+              windowClass: modalOptions.windowClass
+              windowTemplateUrl: modalOptions.windowTemplateUrl
+              size: modalOptions.size
+
+          ), resolveError = (reason) ->
+            modalResultDeferred.reject reason
+
+          templateAndResolvePromise.then (->
+            modalOpenedDeferred.resolve true
+          ), ->
+            modalOpenedDeferred.reject false
+
+          modalInstance
+
+        return $modal
+    ]
+
+  $modalProvider