material_raingular 0.0.1.alpha

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: fc8b3fde9153d728b103515e331213214f7d8869
+  data.tar.gz: be9370ebe8c6d33b766c9ecb3d8fe46186948a58
+SHA512:
+  metadata.gz: bbbc21e4a0d5d4b1888844258afeb510eecad05f7e6e37c3495b496ca8414dc6fcef56cfae64f5649c9126d0be6bc5a9bea345b50efe50873d4841a9d049c970
+  data.tar.gz: 9762463d29da0434cfa4790e1a9bf9e8e41893890e66e2059849ca94d1096d89ab2a1ec033cce48a0d6677b03cfc7d7a821e4064763b2b01a53b705361e89255

data/.gitignore

@@ -0,0 +1,14 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+*.bundle
+*.so
+*.o
+*.a
+mkmf.log

data/Gemfile

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

data/Gemfile.lock

@@ -0,0 +1,17 @@
+PATH
+  remote: .
+  specs:
+    material_raingular (0.0.1)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    rake (10.4.2)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  bundler (~> 1.7)
+  material_raingular!
+  rake (~> 10.0)

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2015 Chris Moody
+
+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,32 @@
+# MaterialRaingular
+
+Simple convention over configuration rails angular tie in.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'material_raingular', github: 'transcon/material_raingular'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install material_raingular
+
+## Usage
+The factories will be auto-generated when you run migrations to manually create the factories:
+
+    $ rake material_raingular:factories
+
+## Contributing
+
+1. Fork it ( https://github.com/transcon/material_raingular/fork )
+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 a new Pull Request

data/Rakefile

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

data/lib/assets/javascripts/ajax_errors.js.coffee

@@ -0,0 +1,13 @@
+angular.factories
+  .factory 'AjaxErrorsInterceptor', ($q, $rootScope) ->
+    request: (config)          ->
+      $rootScope.xhr_errors = []
+      config
+    requestError: (rejection)  -> rejection
+    response: (response)       -> response
+    responseError: (rejection) ->
+      $rootScope.xhr_errors = []
+      for k,v of rejection.data
+        for description in v
+          $rootScope.xhr_errors.push(k + ' ' + ' ' + description)
+      rejection

data/lib/assets/javascripts/dateconverter.coffee

@@ -0,0 +1,23 @@
+class DateParser
+  constructor: (object)->
+    @object = object
+  evaluate: ->
+    for i of @object
+      if @object[i] != null and typeof @object[i] == 'object'
+        new DateParser(@object[i]).evaluate()
+      else if @object[i] != null and typeof @object[i] == 'string'
+        if !!@object[i].match(/^[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])$/)
+          time = new Date(@object[i])
+          time.setTime( time.getTime() + time.getTimezoneOffset()*60*1000 ) #offset timezone
+          @object[i] = time
+        else if !!@object[i].match(/^[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])T[0-9]{2}\:[0-9]{2}\:[0-9]{2}\.[0-9]{3}[A-Z]$/)
+          @object[i] = new Date(@object[i])
+    return
+angular.factories
+  .factory 'DateConverterInterceptor', ($q, $rootScope) ->
+    request: (config)          -> config
+    requestError: (rejection)  -> rejection
+    response: (response)       ->
+      new DateParser(response.data).evaluate()
+      response
+    responseError: (rejection) -> rejection

data/lib/assets/javascripts/directives/ngauthorize.js.coffee

@@ -0,0 +1,8 @@
+angular.module('NgAuthorize', [])
+  .directive 'ngAuthorize', ($http) ->
+    controller: ($scope, $element) ->
+      params = $element[0].attributes['ng-authorize'].value.split(',')
+      object = {action: params[0], object: params[1]}
+      $http url: '/authorize.json', method: "GET", params: object
+        .success (data) ->
+          $scope.authorized = data.authorized

data/lib/assets/javascripts/directives/ngautocomplete.js.coffee

@@ -0,0 +1,135 @@
+class Autocomplete
+  constructor: (scope,factory_name, element,$filter)->
+    @element     = element
+    @attributes  = element[0].attributes
+    @scope       = scope
+    @model_name  = @attributes['ng-model'].value
+    @list_model  = @attributes['ng-list-model'].value.split('.')
+    @options     = if @attributes['ng-list-options']  then eval("(" + @attributes['ng-list-options'].value + ")") else {}
+    @context     = if @attributes['ng-context']       then @attributes['ng-context'].value
+    @sort_by     = if @attributes['ng-sort-by']       then @attributes['ng-sort-by'].value else @list_attr
+    @list_attr   = @list_model[1]
+    @factory     = factory_name(@list_model[0])
+    @scopes      = @context.split('.') if @context
+    @parent_name = @scopes.pop() if @scopes
+    @list        = angular.element("<div class='autocomplete menu'></div>")
+    @filter      = $filter
+    @existing_factory = @scope[@factory] || @scope.$parent[@factory]
+    @listFactory = @element.injector().get(@factory) unless @existing_factory
+    @list.insertAfter(@element[0])
+
+    if @parent_name
+      @parent_id   = @parent_name + if @parent_name.indexOf('_id') < 0 then '_id' else ''
+
+    @load()
+
+  parent_context: =>
+    hash = {}
+    hash[@parent_id] = @parent() if @context
+    return hash
+  serialize: =>
+    hash = {}
+    for key,val of @options
+      hash[key] = val
+    for key,val of @parent_context()
+      hash[key] = val
+    hash
+  model: (val)=>
+    return @scope.$eval(@model_name + '="' + val + '"') if val
+    return @scope.$eval(@model_name)
+  parent: =>
+    return null unless @context
+    return @scope.$eval(@context)
+  load: ->
+    scope   = @scope
+    factory = @factory
+    model   = @model
+    updateView = @updateView
+    if @context
+      return unless @parent()
+    if @existing_factory
+      scope[factory] = @existing_factory
+      scope.$watchCollection factory, (newVal) ->
+        updateView(model())
+      updateView(model())
+    else
+      @listFactory.index @serialize(), (data) ->
+        scope[factory] = data
+        updateView(model())
+  updateView: (value) =>
+    object              = {}
+    object[@list_attr]  = value || ''
+    scope               = @scope
+    model               = @model
+    model_name          = @model_name
+    filtered            = @filter('filter')((scope[@factory] || []), object )
+    filtered            = @filter('orderBy')(filtered, @sort_by)
+    items               = []
+    for item in filtered
+      item = angular.element "<a class='item'>" + item[@list_attr] + "</a>"
+      item.bind 'click', (event) ->
+        model(event.target.textContent)
+        scope.$eval event.target.parentNode.previousSibling.attributes['ng-change-on-blur'].value
+      items.push item
+    @list.empty()
+    @list.append(items)
+
+angular.module('AutoComplete', [ 'FactoryName'])
+
+  .directive 'ngAutocomplete', ->
+    restrict: 'E'
+    replace:  true
+    require:  'ngModel'
+    require:  'ngListModel'
+    template: (element, attributes) ->
+      newElement = angular.element('<input>')
+      newElement.addClass('autocomplete')
+      newElement[0].setAttribute('ng-update',attributes.ngModel)
+      newElement[0].setAttribute('auto-complete',true)
+      return newElement[0].outerHTML
+    controller: ($scope, $element, $filter, $timeout, factoryName) ->
+      ac = new Autocomplete($scope,factoryName,$element,$filter)
+      if ac.context
+        $scope.$watch ac.context, (newVal, oldVal) ->
+          if newVal
+            ac.load()
+      $scope.$watch ac.model_name, (newVal) ->
+        ac.updateView(newVal)
+
+  .directive 'autoComplete', ->
+    restrict: 'A'
+    require: '?ngModel'
+    link: (scope, element, attributes, ngModel) ->
+      if element[0].tagName == 'INPUT'
+        element.bind 'focus', ->
+          pos = element.position()
+          element.next()[0].style.left = '0px'
+        element.bind 'blur', ->
+          element.parent().find('.active').removeClass('active')
+          ngModel.$setViewValue(element.val())
+          ngModel.$render()
+        element.bind 'keydown', (input)->
+          if input.keyCode == 40
+            selected = element.next().find('a.active')
+            if selected.hasClass('active')
+              selected.removeClass('active')
+              selected = selected.next('a')
+            else
+              selected = element.next().find('a').first()
+            if !selected.html() then selected = element.next().find('a').first()
+            scroll = selected[0].scrollHeight * element.next().find('a').index(selected)
+            selected[0].parentElement.scrollTop = scroll
+            selected.addClass('active')
+            element.val(selected.text())
+          if input.keyCode == 38
+            selected = element.next().find('a.active')
+            if selected.hasClass('active')
+              selected.removeClass('active')
+              selected = selected.prev('a')
+            else
+              selected = element.next().find('a').last()
+            if !selected.html() then selected = element.next().find('a').last()
+            scroll = selected[0].scrollHeight * element.next().find('a').index(selected)
+            selected[0].parentElement.scrollTop = scroll
+            selected.addClass('active')
+            element.val(selected.text())

data/lib/assets/javascripts/directives/ngboolean.js.coffee

@@ -0,0 +1,34 @@
+angular.module 'NgBoolean', ['Factories', 'FactoryName']
+
+  .directive 'ngBoolean', ($timeout, $compile) ->
+    restrict: 'A'
+
+    link: (scope, element, attributes, ngModelCtrl) ->
+      model = attributes.ngModel
+      callFunction = model + ' = !' + model + ' ; update("' + model + '")'
+      callFunction += ';' + attributes.ngCallback if attributes.ngCallback
+      element.attr("call-function", callFunction)
+      element.bind 'click', ->
+        scope.$eval(element.attr("call-function"))
+
+    controller: ($scope, $injector,factoryName) ->
+      $scope.update = (modelName)->
+        input = modelName.split(',')
+        trackby = input.pop() if input.length > 1
+        trackby = trackby.split(';') if trackby
+        trackby = [] unless trackby
+        data = input.splice(0,1)[0].split('.')
+        functions = input.join(',').split(')')
+        factory = factoryName(data[0])
+        object = {id: $scope[data[0]]['id']}
+        object[data[0]] = {id: $scope[data[0]]['id']}
+        object[data[0]][data[1]] = $scope[data[0]][data[1]]
+        list = $injector.get(factory)
+        list.update object, (returnData) ->
+          for tracked in trackby
+            $scope[data[0]][tracked] = returnData[tracked]
+          $scope[data[0]][data[1]] = returnData[data[1]] if $scope[data[0]][data[1]] == object[data[0]][data[1]]
+          callFunctions = []
+          for callFunction in functions
+            callFunctions.push(callFunction + ',' + JSON.stringify(returnData) + ')') if callFunction.length > 0
+          $scope.$eval( callFunctions.join('') ) if callFunctions.join('').length > 0

data/lib/assets/javascripts/directives/ngchangeonblur.js.coffee

@@ -0,0 +1,19 @@
+angular.module('NgChangeOnBlur', [])
+  .directive 'ngChangeOnBlur', ($timeout)->
+    restrict: 'A',
+    require: 'ngModel',
+    link: (scope, element, attributes, ngModelCtrl) ->
+      return if (attributes.type == 'radio' || attributes.type == 'checkbox')
+      callFunction = attributes.ngChangeOnBlur
+      oldValue = null
+      element.bind 'focus', ->
+        scope.$apply ->
+          oldValue = element.val()
+      element.bind 'blur', (event) ->
+        delay = if element.hasClass('autocomplete') then 300 else 0
+        $timeout ->
+          scope.$apply ->
+            newValue = element.val()
+            scope.$eval(callFunction) if (newValue != oldValue)
+        , delay
+

data/lib/assets/javascripts/directives/ngcreate.js.coffee

@@ -0,0 +1,27 @@
+angular.module 'NgCreate', ['Factories', 'FactoryName']
+
+  .directive 'ngCreate', ($timeout, $compile) ->
+    restrict: 'A'
+    link: (scope, element, attributes) ->
+      element.bind 'click', (event) ->
+        [parentName, listName] = attributes.ngContext.split('.') if attributes.ngContext
+        attr = eval('(' + attributes.ngAttributes + ')') || {}
+        scope.create(attributes.ngCreate,parentName,listName,attr)
+    controller: ($scope, $injector, factoryName) ->
+      $scope.create = (modelName,parentName,listName,attributes) ->
+        factory = factoryName(modelName)
+        list = $injector.get(factory)
+        object = {}
+        object[modelName] = attributes
+        if parentName
+          object[parentName]         = $scope[parentName]    unless parentName.indexOf('_id') < 0
+          object[parentName + '_id'] = $scope[parentName].id     if parentName.indexOf('_id') < 0
+        list.create object, (returnData) ->
+          if listName
+            scope = if $scope[parentName] then $scope else $scope.$parent
+            scope[parentName] = {} unless scope[parentName]
+            scope[parentName][listName] = [] unless scope[parentName][listName]
+            scope[parentName][listName].push(returnData)
+          else
+            $scope[factory] = [] unless $scope[factory]
+            $scope[factory].push(returnData)

data/lib/assets/javascripts/directives/ngdestroy.js.coffee

@@ -0,0 +1,24 @@
+angular.module 'NgDestroy', ['Factories']
+
+  .directive 'ngDestroy', ($timeout, $compile) ->
+    restrict: 'A'
+    link: (scope, element, attributes) ->
+      element.bind 'click', (event) ->
+        scope.destroy(attributes.ngDestroy,attributes.ngContext)
+    controller: ($scope, $injector) ->
+      $scope.destroy = (modelName,listName) ->
+        raw_factory = modelName.split('_')
+        factory=[]
+        for word in raw_factory
+          factory.push(word.charAt(0).toUpperCase() + word.slice(1))
+        factory = factory.join('')
+        if listName
+          list = $scope
+          for scope in listName.split('.')
+            list = list[scope]
+        else
+          list = $scope[factory]
+        list.splice(list.indexOf($scope[modelName]),1)
+        list = $injector.get(factory)
+        object = {id: $scope[modelName].id}
+        list.delete object

data/lib/assets/javascripts/directives/ngdownload.js.coffee

@@ -0,0 +1,8 @@
+angular.module('NgDownload', [])
+  .directive 'ngDownload', ->
+    replace: true,
+    link: (scope, element, attrs) ->
+      value = attrs.ngDownload
+      value = if value == true || value == 'true' then '' else value
+      value = null if (value == null || value == 'false' || value == '')
+      element.attr 'download',value

data/lib/assets/javascripts/directives/ngdrag.js.coffee

@@ -0,0 +1,122 @@
+angular.module('NgDrag', [])
+  .factory 'DragHolder', ->
+    object = { scope: '', dragging: '', context: '' }
+
+    object.set = (scope,dragging,context) ->
+      this.scope    = scope
+      this.dragging = dragging
+      this.context  = context
+
+    object.get = ->
+        return this
+
+    return object
+  .directive 'ngPositionable', (DragHolder) ->
+    link: (scope, element, attributes, ngModelCtrl) ->
+      el = element[0]
+      element.css('transition', '0.3s all')
+      el.draggable = true
+      el.addEventListener 'dragstart', (e) ->
+        this.classList.add('drag')
+        DragHolder.set scope,attributes.ngPositionable,attributes.ngContext
+        e.stopPropagation()
+      el.addEventListener 'dragend',(e) ->
+        this.classList.remove('drag')
+      el.droppable = true
+      el.addEventListener 'dragover', (e) ->
+        e.dataTransfer.dropEffect = 'move'
+        e.preventDefault()
+        e.stopPropagation()
+        this.classList.add('over')
+      el.addEventListener 'dragenter', (e) ->
+        e.preventDefault()
+        e.stopPropagation()
+        this.classList.add('over')
+      el.addEventListener 'dragleave', (e) ->
+        this.classList.remove('over')
+        e.preventDefault()
+      el.addEventListener 'drop', (e) ->
+        e.stopPropagation() if (e.stopPropagation)
+        this.classList.remove('over')
+        raw_factory = attributes.ngPositionable.split('_')
+        factory=[]
+        for word in raw_factory
+          factory.push(word.charAt(0).toUpperCase() + word.slice(1))
+        factory = factory.join('')
+        dragged = DragHolder.get()
+        dragging = dragged.scope[dragged.dragging]
+        if dragged.context
+          draggingContext = dragged.scope[dragged.context]
+          droppingContext = scope[attributes.ngContext]
+          if draggingContext != droppingContext
+            dragged.scope[factory].splice(dragged.scope[factory].indexOf(dragging),1)
+            scope[factory].push(dragging)
+        dropping = scope[attributes.ngPositionable]
+        if attributes.ngDisabled
+          disabled = attributes.ngDisabled.split('!')
+          disabled[0] = '!' if disabled.length > 1
+          bool = scope.$parent[disabled.pop()]
+          bool = !bool if disabled.length > 0
+        else
+          bool = false
+        unless bool
+          scope.setPosition(dragging,dropping,draggingContext,droppingContext,attributes.ngContext,factory)
+    controller: ($scope, $element, $filter, $injector) ->
+      $scope.setPosition = (dragging,dropping,draggingContext,droppingContext,context,factory) ->
+        unless dragging == dropping
+          orderedArray = $filter('orderBy')($scope[factory], 'position')
+          index = orderedArray.indexOf(dropping)
+          unless dragging == orderedArray[index - 1]
+            unless index == 0
+              dragging.position = parseFloat(dropping.position) - (parseFloat(dropping.position) - parseFloat(orderedArray[index - 1].position)) / 2
+            else
+              dragging.position = parseFloat(dropping.position) / 2
+            object = {id: dragging.id, position: dragging.position}
+            object[context + '_id'] = droppingContext.id if context
+            list = $injector.get(factory)
+            list.update object, (returnData) ->
+              dragging = returnData
+
+  .directive 'ngDrag', ->
+    link: (scope, element, attributes, ngModelCtrl) ->
+      callFunction = attributes.ngDrag
+      el = element[0]
+      el.draggable = true
+      el.addEventListener 'dragstart', (e) ->
+        e.dataTransfer.setData('html',el)
+        this.classList.add('drag')
+        scope.$eval(callFunction)
+      el.addEventListener 'dragend',(e) ->
+        this.classList.remove('drag')
+
+  .directive 'ngDrop', ->
+    link: (scope, element, attributes, ngModelCtrl) ->
+      callFunction = attributes.ngDrop
+      el = element[0]
+      el.droppable = true
+      el.addEventListener 'dragover', (e) ->
+        e.dataTransfer.dropEffect = 'move'
+        e.preventDefault()
+        this.classList.add('over')
+      el.addEventListener 'dragenter', (e) ->
+        e.preventDefault()
+        this.classList.add('over')
+      el.addEventListener 'dragleave', (e) ->
+        this.classList.remove('over')
+        e.preventDefault()
+      el.addEventListener 'drop', (e) ->
+        e.stopPropagation() if (e.stopPropagation)
+        this.classList.remove('over')
+        scope.$eval(callFunction)
+
+  .directive 'ngChangeDebounce', ($timeout) ->
+    restrict: 'A',
+    require: 'ngModel',
+    link: (scope, element, attr, ngModelCtrl) ->
+      return if (attr.type == 'radio' || attr.type == 'checkbox')
+      callFunction = attr.ngChangeDebounce
+      element.bind 'keyup', ->
+        $timeout.cancel(scope.debounce)
+        scope.debounce = $timeout ->
+          scope.$eval(callFunction)
+        ,750

data/lib/assets/javascripts/directives/ngfade.js.coffee

@@ -0,0 +1,21 @@
+angular.module('NgFade', [])
+  .directive 'ngFadeOut', ->
+    link: (scope, element, attributes) ->
+      element.css('transition', '0.3s all')
+      scope.$watch attributes.ngFadeOut, (value) ->
+        if value
+          element.css('opacity', '0')
+          element.css('z-index', '0')
+        else
+          element.css('opacity', '1')
+          element.css('z-index', '1')
+  .directive 'ngFadeIn', ->
+    link: (scope, element, attributes) ->
+      element.css('transition', '0.3s all')
+      scope.$watch attributes.ngFadeIn, (value) ->
+        if value
+          element.css('opacity', '1')
+          element.css('z-index', '1')
+        else
+          element.css('opacity', '0')
+          element.css('z-index', '0')

data/lib/assets/javascripts/directives/ngload.js.coffee

@@ -0,0 +1,16 @@
+angular.module 'NgLoad', ['Factories', 'FactoryName']
+
+  .directive 'ngLoad', ->
+    restrict: 'E'
+    require:  'ngModel'
+
+    controller: ($scope, $element, $injector, $routeParams, factoryName) ->
+      factory = factoryName($element[0].attributes['ng-model'].value)
+      object  = {id: $routeParams.id}
+      list    = $injector.get(factory)
+      if $routeParams.id
+        list.show object, (returnData) ->
+          $scope[$element[0].attributes['ng-model'].value] = returnData
+      else
+        list.create (returnData) ->
+          $scope[$element[0].attributes['ng-model'].value] = returnData

data/lib/assets/javascripts/directives/ngmatches.js.coffee

@@ -0,0 +1,14 @@
+angular.module('NgMatches', [])
+  .directive 'ngMatches', ->
+    replace: true
+    scope: {
+      ngMatches: '='
+    }
+    template: (element, attributes) ->
+      element[0].setAttribute('ng-show','checkMatch(ngMatches)')
+      element[0].removeAttribute('ng-matches')
+      return element[0].outerHTML
+    controller: ($scope,$element) ->
+      $scope.checkMatch = (model) ->
+        return true unless model
+        return $element[0].textContent.toLowerCase().indexOf(model.toLowerCase()) > -1

data/lib/assets/javascripts/directives/ngpopup.js.coffee

@@ -0,0 +1,37 @@
+angular.module('NgPopup', [])
+  .directive 'ngPopup',($timeout) ->
+    restrict: 'A',
+    scope: {
+      ngPopup: '@'
+    }
+    controller: ($scope, $element) ->
+      popup = document.createElement('div')
+      popup.setAttribute('class','ng-popup ng-hide')
+      exitStatus = true
+      while exitStatus
+        $scope.uniqueId   = Math.floor(Math.random()*(1000000))
+        exitStatus = !!document.getElementById($scope.uniqueId)
+      popup.setAttribute('id', $scope.uniqueId)
+      document.body.appendChild(popup)
+
+    link: (scope, element, attributes) ->
+      setView = (start) ->
+        if start
+          pos = element[0].getBoundingClientRect()
+          popup = document.getElementById(scope.uniqueId)
+          popup.style.left = (pos.right + 3) + 'px'
+          popup.style.top = (pos.top + 3) + 'px'
+          scope.runner = $timeout ->
+            document.getElementById(scope.uniqueId).innerHTML = scope.ngPopup
+            setView(true)
+          30
+          popup.classList.remove('ng-hide')
+        else
+          $timeout.cancel scope.runner
+          document.getElementById(scope.uniqueId).classList.add('ng-hide')
+      startListener = if (element[0].tagName == 'INPUT' || element[0].tagName == 'INPUT') then 'focus' else 'mouseenter'
+      stopListener  = if (element[0].tagName == 'INPUT' || element[0].tagName == 'INPUT') then 'blur'  else 'mouseout'
+      element[0].addEventListener startListener, ->
+        setView(true)
+      element[0].addEventListener stopListener, ->
+        setView()