material_raingular 0.0.2.7.1 → 0.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 99e3d851c4221a249aa53f03ae38fdd28f763eb5
-  data.tar.gz: 0205913549c975f6e6fc32f4ad6077e3a84b767e
+  metadata.gz: cbdd155f510682affee2271e8eb83df2446ad959
+  data.tar.gz: b1ee0aed082d80b1f9145cd3d00fdacb178bd1a9
 SHA512:
-  metadata.gz: 7335a21dfe39742874e348a577e7abb9eaced116d6c23466e8ba16d9a2b50033ed433eb497bc10a3729d0ef7e9b15416b799b52c73e447194f0d26d5cd766005
-  data.tar.gz: 6c6c88098a7d7f276d518356f13216487950edbb79ea9b236b8f0a0712c11da57b33e0adcdf5f2f67324cbe06f7eeb4093123c5f694b0c578cb441b3e94f384a
+  metadata.gz: ae067161369d177749ee9767d0e490d0522c58c33eff3d94f6eb24bce45bde3ce446649b9155f5846bd852e07375bb4c04ba45452a9fc23728a9520050d80c4f
+  data.tar.gz: 4a15effbbd28995118f464612fcd0effab1cd5c96d126ef23edf9ec564b8f0544929c0d92bd6955be3a9dc14dcbd2aa11904e251e1ccbcc09201e6baf9d26335

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

@@ -0,0 +1,133 @@
+REGEXP = /^\s*([\s\S]+?)(?:\s+as\s+([\s\S]+?))?(?:\s+group\s+by\s+([\s\S]+?))?(?:\s+disable\s+when\s+([\s\S]+?))?\s+for\s+(?:([\$\w][\$\w]*)|(?:\(\s*([\$\w][\$\w]*)\s*,\s*([\$\w][\$\w]*)\s*\)))\s+in\s+([\s\S]+?)(?:\s+track\s+by\s+([\s\S]+?))?$/;
+      # 1: Model Value
+      # 2: Display Value
+      # 3: group by expression (groupByFn)
+      # 4: disable when expression (disableWhenFn)
+      # 5: Repeater
+      # 6: object item key variable name
+      # 7: object item value variable name
+      # 8: collection
+      # 9: track by expressionj
+
+angular.module('FilteredSelect', [])
+  .directive 'ngFilteredSelect', ($parse,$filter,$timeout)->
+    require: 'ngModel'
+    link: (scope,element,attrs,ngModel) ->
+      filters = attrs.ngSelectOptions.split('|')
+      options = filters.shift()
+      match = options.match(REGEXP);
+      if !match
+        throw new Error(
+          "Expected expression in form of " +
+          "'_select_ (as _label_)? for (_key_,)?_value_ in _collection_'" +
+          " but got '" + attrs.ngSelectOptions + "'. Element: " + element[0].outerHTML)
+      collection   = $parse(match[8])
+      modelValue   = match[1].replace(match[5] + '.','')
+      viewValue    = if match[2] then match[2].replace(match[5] + '.','') else modelValue
+      template     = angular.element("<ul> </ul>")
+      search       = angular.element "<input type='search' placeholder='Search'>"
+      tempHolder   = angular.element("<div class='filtered-select' ></div>")
+      viewValueFn  = $parse(viewValue || modelValue)
+      modelValueFn = $parse(modelValue || viewValue)
+      tempHolder.addClass('bottom') if element.hasClass('bottom')
+      template.bind 'mousewheel DOMMouseScroll', (event)->
+        delta = event.wheelDelta or event.originalEvent and event.originalEvent.wheelDelta or -event.detail
+        bottomOverflow = template[0].scrollTop + template.outerHeight() - template[0].scrollHeight >= 0
+        topOverflow = template[0].scrollTop <= 0
+        if delta < 0 and bottomOverflow or delta > 0 and topOverflow
+          event.preventDefault()
+      scrollStart = null
+      scrollTop   = null
+      template.bind 'touchstart', (event)->
+        event.stopPropagation()
+        scrollStart = event.originalEvent.touches[0].clientY
+      template.bind 'touchmove', (event) ->
+        event.stopPropagation()
+        scroll = event.originalEvent.touches[0].clientY
+        scrollStart = scroll unless scrollStart
+        if scroll > scrollStart
+          event.preventDefault() if template.scrollTop() == 0
+        else if scroll < scrollStart
+          newScrollTop = template.scrollTop()
+          event.preventDefault() if scrollTop == newScrollTop
+          scrollTop = newScrollTop
+        scrollStart = scroll
+        return true
+      template.bind 'touchend', ->
+        event.stopPropagation()
+        scrollStart = null
+      body = angular.element('body')
+      body.bind 'keydown', (event) ->
+        tempHolder.removeClass('active') if event.keyCode == 27
+      tempHolder.append search
+      tempHolder.append template
+      body.append tempHolder
+      ulHeight = ->
+        full = window.innerHeight
+        full = full/3 if element.hasClass('bottom')
+        full - search[0].offsetHeight + 'px'
+      template.css('height',ulHeight())
+      scope.$watch collection, (newVal,oldVal) ->
+        return if newVal == oldVal
+        setInitialValue()
+        buildTemplate()
+      scope.$watch attrs.ngModel, (newVal,oldVal) ->
+        return if newVal == oldVal
+        setInitialValue()
+      search.bind 'input', ->
+        buildTemplate()
+      buildTemplate = ->
+        list= []
+        obj={}
+        obj[viewValue] = search.val() || ''
+        return unless collection(scope)
+        filteredList = $filter('orderBy')($filter('filter')(collection(scope), obj), viewValue)
+        for filter in filters
+          [filterType,value] = filter.replace(/\s+/,'').split(':')
+          filteredList = $filter(filterType)(filteredList, value)
+        for item in filteredList
+          li = angular.element '<li ng-model-value="' + modelValueFn(item) + '">' + viewValueFn(item) + '</li>'
+          li.bind 'mousedown', ($event)->
+            updateValue($event.target.attributes['ng-model-value'].value)
+          list.push li
+        template.empty()
+        template.append(list)
+      setInitialValue = ->
+        unless model = ngModel.$modelValue
+          view = attrs.placeholder
+          element.css('color','rgba(0,0,0,0.4)')
+        else
+          element.css('color','')
+          obj = {}
+          obj[modelValue] = model
+          list = $filter('filter')(collection(scope), obj)
+          viewScope = list[0] if list
+          view = if viewScope then viewValueFn(viewScope) else attrs.placeholder
+        element.html('')
+        element.html(view)
+      setInitialValue()
+      buildTemplate()
+      updateValue = (model) ->
+        ngModel.$setViewValue(model)
+        tempHolder.removeClass('active')
+      done = false
+      fieldset = element
+      until done
+        fieldset = fieldset.parent()
+        unless done = typeof fieldset[0] == 'undefined'
+          done = fieldset[0].tagName == 'FIELDSET'
+      element.parent('fieldset')
+      element.bind 'mousedown', (event)->
+        return if tempHolder.hasClass('active')
+        return if attrs.disabled || $parse(attrs.ngDisabled)(scope)
+        if fieldset
+          ngdis = if fieldset[0].attributes.ngDisabled then fieldset[0].attributes.ngDisabled.value else ''
+          return if fieldset[0].attributes.disabled || $parse(ngdis)(scope)
+        search.val('')
+        buildTemplate()
+        tempHolder.css('top',event.clientY)
+        tempHolder.css('transition','none')
+        $timeout ->
+          tempHolder.css('transition','')
+          tempHolder.css('top','')
+          tempHolder.addClass('active')

data/lib/assets/javascripts/directives/mdupdate.coffee

@@ -1,10 +1,11 @@
 class ElementUpdate
-  constructor: (scope,element,attributes,controllers,RailsUpdater,timeout) ->
+  constructor: (scope,element,attributes,controllers,RailsUpdater,timeout,parse) ->
     [@ngModelCtrl,@ngCallbackCtrl,@ngTrackByCtrl] = controllers
     @updater     = RailsUpdater.new(scope,controllers,attributes.ngModel,attributes.ngOverride)
     @type        = attributes.type
     @tagName     = element[0].tagName
     @modelName   = attributes.ngModel
+    @modelVal    = parse(attributes.ngModel)
     @isInput     = @tagName == 'INPUT'
     @scope       = scope
     @element     = element
@@ -15,7 +16,7 @@ class ElementUpdate
     @setPlaceholder() unless @placeholder
   watcher: ->
     eu = @
-    @scope.$watch @modelName, (updated,old) ->
+    @scope.$watch @modelVal, (updated,old) ->
       eu.updater.update(updated) unless updated == old
   bindInput: ->
     eu = @
@@ -58,9 +59,9 @@ class ElementUpdate
     @element.attr('placeholder',placeholder)
 
 angular.module 'MdUpdate', ['Factories', 'FactoryName','RailsUpdater']
-  .directive 'mdUpdate', ($timeout, factoryName, $injector, RailsUpdater) ->
+  .directive 'mdUpdate', ($timeout, factoryName, $injector, RailsUpdater,$parse) ->
     restrict: 'A'
     require:  ['ngModel','?ngCallback','?ngTrackBy']
 
     link: (scope, element, attributes, ngControllers) ->
-      new ElementUpdate(scope,element,attributes,ngControllers, RailsUpdater,$timeout)
+      new ElementUpdate(scope,element,attributes,ngControllers, RailsUpdater,$timeout,$parse)

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

@@ -7,4 +7,9 @@ angular.module 'NgBoolean', ['Factories', 'FactoryName','RailsUpdater']
     link: (scope, element, attributes, ngControllers) ->
       updater     = RailsUpdater.new(scope,ngControllers,attributes.ngModel,attributes.ngOverride)
       element.bind 'click', ->
-        updater.update(element.val())
+        if element[0].tagName == 'INPUT'
+          updater.update(element.val())
+        else
+          bool = !ngControllers[0].$modelValue
+          updater.update(bool)
+          ngControllers[0].$setViewValue(bool)

data/lib/assets/javascripts/directives/ngcallback.coffee

@@ -7,8 +7,9 @@ angular.module 'NgCallback', ['Factories', 'FactoryName']
         for callback in $element[0].attributes['ng-callback'].value.split(';')
           [match,func,args] = callback.match(/(.*)\((.*)\)/)
           data = []
-          for arg in args.split(',')
-            data.push $scope.$eval(arg)
+          if !!args
+            for arg in args.split(',')
+              data.push $scope.$eval(arg)
           data.push returnData
           if typeof $scope[func] == 'function'
             $scope[func] data...

data/lib/assets/javascripts/extensions.coffee

@@ -65,3 +65,18 @@ String.prototype.to_f = ->
   return parseFloat(this)
 String.prototype.to_i = ->
   return parseInt(this)
+Array.prototype.dup = ->
+  return @.slice(0)
+Array.prototype.where = (obj) ->
+  equiv = (first,second) ->
+    return true if first == second
+    if !isNaN(first) && !isNaN(second)
+      return true if parseFloat(first) == parseFloat(second)
+    return false
+  result = []
+  for entry in @
+    addEntry = true
+    for key,value of obj
+      addEntry = addEntry && equiv(entry[key], value)
+    result.push(entry) if addEntry
+  result

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

@@ -21,4 +21,4 @@ angular.module('materialRaingular', ['AutoComplete', 'NgDownload', 'NgChangeOnBl
                                     'NgUpload', 'NgDestroy', 'NgCreate', 'Video','NgAuthorize', 'TextArea', 'MdUpdate'
                                     'NgSlide', 'NgMatches','NgFade','NgSwipe', 'NgLoad', 'NgWatchContent', 'RailsUpdater'
                                     'ngRoute', 'ngMaterial', 'ngMessages', 'ngResource', 'materialFilters', 'NgCallback'
-                                    'NgSortable'])
+                                    'NgSortable', 'FilteredSelect'])

data/lib/assets/javascripts/rails_updater.coffee

@@ -1,24 +1,29 @@
 class RailsUpdate
-  constructor: ($injector,factoryName,scope,controllers,model,override)->
+  constructor: ($injector,$parse,factoryName,scope,controllers,model,override)->
     @injector    = $injector
     @factoryName = factoryName
     @scope       = scope
-    @modelName   = (override || model).split('.')[0]
-    @atomName    = (override || model).split('.')[1]
+    modelName    = (override || model)
+    if parts = modelName.match(/(.+)\[(.+)\]/)
+      @modelName = parts[1]
+      @atomName  = $parse(parts[2])
+    else
+      [@modelName,@atomName] = modelName.split('.')
     @override    = !!override
     @factory     = @injector.get(@factoryName(@modelName))
-    @ngModelCtrl = controllers.shift()
-    @controllers = controllers
+    @controllers = controllers.slice(0)
+    @ngModelCtrl = @controllers.shift()
     return @
   equiv: (left,right) ->
     return true if left == right
     return true if (!!left && !!right) == false
     false
   update: (value) ->
-    @value = if @override then scope.$eval(@atomName) else value
+    atomName = if typeof @atomName == 'function' then @atomName(@scope) else @atomName
+    @value = if @override then scope.$eval(atomName) else value
     object = {id: @scope.$eval(@modelName).id}
     object[@modelName] = {}
-    object[@modelName][@atomName] = value
+    object[@modelName][atomName] = value
     unless @scope[@modelName].currently_updating
       @scope[@modelName].currently_updating = true
       up = @
@@ -30,6 +35,6 @@ class RailsUpdate
         for controller in up.controllers
           controller.evaluate(returnData) if !!controller
 angular.module 'RailsUpdater',  ['Factories', 'FactoryName']
-  .factory 'RailsUpdater', ($injector,factoryName) ->
+  .factory 'RailsUpdater', ($injector,factoryName,$parse) ->
     new: (scope,controllers,model,override)->
-      return new RailsUpdate($injector,factoryName,scope,controllers,model,override)
+      return new RailsUpdate($injector,$parse,factoryName,scope,controllers,model,override)

data/lib/assets/stylesheets/material-raingular.sass

@@ -0,0 +1,44 @@
+div.filtered-select
+  position: fixed
+  z-index: 1001
+  background-color: white
+  margin: 0
+  padding: 0
+  width: 100%
+  height: 0
+  overflow: hidden
+  left: 0
+  top: 0
+  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1)
+  &.active
+    height: 100%
+  input
+    width: 100%
+  ul
+    overflow: hidden
+    overflow-y: auto
+    list-style: none
+    width: 100%
+    margin: 0
+    padding: 0
+    li
+      padding-left: 5%
+      padding-right: 5%
+      overflow: hidden
+      text-overflow: ellipsis
+      line-height: 48px
+      height: 48px
+      font-size: 14px
+      white-space: nowrap
+      cursor: pointer
+      box-shadow: 0 4px 2px -2px rgba(0,0,0,0.14)
+  &.bottom
+    top: 67%
+    z-index: 1000
+    &.active
+      height: 33%
+ng-filtered-select
+  display: block
+  width: 100%
+  overflow: hidden
+  text-overflow: ellipsis

data/lib/material_raingular/version.rb

@@ -1,3 +1,3 @@
 module MaterialRaingular
-  VERSION = "0.0.2.7.1"
+  VERSION = "0.0.3"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: material_raingular
 version: !ruby/object:Gem::Version
-  version: 0.0.2.7.1
+  version: 0.0.3
 platform: ruby
 authors:
 - Chris Moody
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-10-23 00:00:00.000000000 Z
+date: 2015-10-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -71,6 +71,7 @@ files:
 - lib/assets/javascripts/dateconverter.coffee
 - lib/assets/javascripts/dateparser.coffee
 - lib/assets/javascripts/directives/acomplete.js.coffee
+- lib/assets/javascripts/directives/filteredselect.js.coffee
 - lib/assets/javascripts/directives/mdupdate.coffee
 - lib/assets/javascripts/directives/ngauthorize.js.coffee
 - lib/assets/javascripts/directives/ngautocomplete.js.coffee
@@ -103,6 +104,7 @@ files:
 - lib/assets/javascripts/material_filters.coffee
 - lib/assets/javascripts/material_raingular.js.coffee
 - lib/assets/javascripts/rails_updater.coffee
+- lib/assets/stylesheets/material-raingular.sass
 - lib/material_raingular.rb
 - lib/material_raingular/version.rb
 - lib/tasks/material_raingular.rake
@@ -142,7 +144,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.2.1
+rubygems_version: 2.4.3
 signing_key: 
 specification_version: 4
 summary: Angular v1.4 for rails. Angular Material v0.9.8.