material_raingular 0.2.8.6 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 61d66d3984b1c5dad4faf7e85b22310557699551
-  data.tar.gz: 45505a3df9861368977d513dfd1e24c42c4fa3c3
+  metadata.gz: e849b4413ab5d0ea74e9c93be9f0ccd3bcde92ef
+  data.tar.gz: 01ff63bf054c3930763065ff3cb4ba29206ea11d
 SHA512:
-  metadata.gz: 07c1c332bf37f08499a71123e60cd58c0dbfd7b0f2af7acc4d12e83339635d7a13655f57254c362250497615b66713434fb87bad430ee000c0695e7161383714
-  data.tar.gz: 28682e1c5f8a0b94f5300ef03138213b24676ffc5458db152884ef485c18548a4442fb8248213caf756f15222d60a14b22780f259d74b29755442c3c0e9b99cd
+  metadata.gz: ae8490d5e48a5489ec0184835d9846702c0d51477d3e65d6d2990d331c28ccac98cbe194c6b5ba14bbff5106c0a3927119a977ffa23616971e78c05eadfa8a18
+  data.tar.gz: 871dd25b4ba62558de880b53b09010a02711a608aac3e8dd29a5f33a3cd10dd0fa201997150139ea6e6f054dc774a2f6db5f8dcd2c43fded4e0e663796fb6ea6

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

@@ -57,4 +57,5 @@ angular.module 'MdUpdate', ['Factories', 'FactoryName','RailsUpdater']
     require:  ['ngModel','?ngCallback','?ngTrackBy']
 
     link: (scope, element, attributes, ngControllers) ->
+      console.warn 'mdUpdate is deprecated. Please consider using mrUpdate in its stead.'
       new ElementUpdate(scope,element,attributes,ngControllers, RailsUpdater,$timeout,$parse)

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

@@ -4,6 +4,7 @@ angular.module 'NgCreate', ['Factories', 'FactoryName']
     restrict: 'A'
     require: '?ngCallback'
     link: (scope, element, attributes, ngCallbackCtrl) ->
+      console.warn 'ngCreate is deprecated. Please consider using mrCreate in its stead.'
       element.bind 'click', (event) ->
         [parentName, listName] = attributes.ngContext.split('.') if attributes.ngContext
         attr = scope.$eval('(' + attributes.ngAttributes + ')') || {}

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

@@ -80,6 +80,7 @@ angular.module('NgDrag', [])
 
   .directive 'ngDrag', ->
     link: (scope, element, attributes, ngModelCtrl) ->
+      console.warn 'ngDrag is deprecated. Please consider using mrDrag in its stead.'
       callFunction = attributes.ngDrag
       el = element[0]
       el.draggable = true
@@ -92,6 +93,7 @@ angular.module('NgDrag', [])
 
   .directive 'ngDrop', ->
     link: (scope, element, attributes, ngModelCtrl) ->
+      console.warn 'ngDrop is deprecated. Please consider using mrDrop in its stead.'
       callFunction = attributes.ngDrop
       el = element[0]
       el.droppable = true

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

@@ -5,6 +5,7 @@ angular.module 'NgUpdate', ['Factories', 'FactoryName']
     require: '?ngCallback'
 
     link: (scope, element, attributes, ngCallbackCtrl) ->
+      console.warn 'ngUpdate is deprecated. Please consider using mrUpdate in its stead.'
       model = attributes.ngUpdate.split('"').join('\'')
       html = element[0].outerHTML
       html = angular.element(html)

data/lib/assets/javascripts/material_raingular/directives/drop_file/directive.coffee

@@ -0,0 +1,4 @@
+class Directives.MrDropFile extends AngularDirective
+  restrict: 'A'
+  require:  ['ngModel','?mrCallback']
+  @register(MaterialRaingular.app)

data/lib/assets/javascripts/material_raingular/directives/drop_file/drop_events.coffee

@@ -0,0 +1,27 @@
+class Modules.MrDropFileEvents
+  constructor: (@element,@fileUpload) ->
+    dragHovered = 0
+    el = angular.element("<div class='hovered-cover'>Drop Files Here</div>")
+    @element.bind 'dragenter', (event) =>
+      dragHovered += 1
+      @element.addClass('hovered') if dragHovered == 1
+      @element.append el if dragHovered == 1
+      height = window.getComputedStyle(@element[0]).height
+      el.css('height', height)
+      el.css('line-height',height)
+      el.css('margin-top', '-' + height)
+    @element.bind 'dragleave', (event) =>
+      dragHovered -= 1
+      @element.removeClass('hovered') if dragHovered == 0
+      el.remove() if dragHovered == 0
+    @element.bind 'dragover', (event) =>
+      event.preventDefault()
+      event.stopPropagation()
+    @element.bind 'drop', (event) =>
+      event.preventDefault()
+      event.stopPropagation()
+      @element.removeClass('hovered')
+      el.remove()
+      dragHovered = 0
+      file   = (event.originalEvent || event).dataTransfer.files[0]
+      @fileUpload.uploadFile(file)

data/lib/assets/javascripts/material_raingular/directives/drop_file/linkmodel.coffee

@@ -0,0 +1,17 @@
+# //= require material_raingular/directives/drop_file/drop_events
+class DirectiveModels.MrDropFileModel extends AngularLinkModel
+  initialize: ->
+    [@ngModelCtrl,@mrCallbackCtrl] = @$controller
+    [@model,@key] = Helpers.NgModelParse(@$attrs.ngModel,@$scope)
+    @fileUpload = new Helpers.FileUpload(@$scope,@model,@key,@$element,@callback)
+    new Modules.MrDropFileEvents(@$element,@fileUpload)
+
+  callback: (data) =>
+    @$scope.$apply =>
+      @$scope[@model][@key] = data[@key]
+      @$scope[@model].thumb = data.thumb
+      @$scope[@model].id    = data.id unless @$scope[@model].id
+      @$scope.progress = 100
+      @$element.removeClass('covered')
+      @mrCallbackCtrl?.evaluate(data)
+  @register(Directives.MrDropFile)

data/lib/assets/javascripts/material_raingular/directives/upload/directive.coffee

@@ -0,0 +1,17 @@
+class Directives.MrUpload extends AngularDirective
+  restrict: 'E'
+  replace: true
+  require:  ['ngModel','?mrCallback']
+  template: (element,attributes) ->
+    disabled = typeof(attributes.disabled) != 'undefined'
+    '<span class="mr-upload" style="outline: none">
+      <div class="mr-progress-bar">
+        <span class="bar" style="width: {{progress || 0}}%;"></span><span class="text" style="margin-left: -{{uploadProgress() || 0}}%;">{{uploadProgress()}}%</span>
+      </div>
+      <input accept="{{accept()}}" ng-model="ngModel" type="file" ng-class="{image: fileUploadShow(\'image\')}" ' + (if disabled then 'disabled ' else '') + '/>
+      <img ng-show="fileUploadShow(\'image\')" ng-src="{{fileData().thumb}}" />
+      <div class="button" ng-show="fileUploadShow(\'button\')">
+        Select File
+      </div>
+      <a download="" href="{{fileData().path}}" ng-show="fileUploadShow(\'text\')" target="_blank">{{fileData().name}}</a></span>'
+  @register(MaterialRaingular.app)

data/lib/assets/javascripts/material_raingular/directives/upload/events.coffee

@@ -0,0 +1,10 @@
+class Modules.MrUploadEvents
+  constructor: (@element,@fileUpload,@disabled) ->
+    @element.children().bind 'click', (event) =>
+      return if @disabled()
+      return if event.target.tagName == 'A'
+      event.target.parentElement.getElementsByTagName('input')[0].click()
+    @element.children('input').bind 'change', (event) =>
+      return if @disabled()
+      file   = event.target.files[0]
+      @fileUpload.uploadFile(file)

data/lib/assets/javascripts/material_raingular/directives/upload/linkmodel.coffee

@@ -0,0 +1,37 @@
+# //= require_tree ../../helpers
+# //= require material_raingular/directives/upload/events
+class DirectiveModels.MrUploadModel extends AngularLinkModel
+  @inject(
+    '$timeout'
+    'RailsUpdater'
+  )
+  initialize: ->
+    [@ngModelCtrl,@mrCallbackCtrl] = @$controller
+    [@model,@key] = Helpers.NgModelParse(@$attrs.ngModel,@$scope)
+    @fileUpload = new Helpers.FileUpload(@$scope,@model,@key,@$element,@callback)
+    @options = @$scope.$eval(@$attrs.mrUploadOptions)
+    new Modules.MrUploadEvents(@$element,@fileUpload,@disabled)
+  callback: (data) =>
+    @$scope.$apply =>
+      @$scope[@model][@key] = data[@key]
+      @$scope[@model].thumb = data.thumb
+      @$scope[@model].id    = data.id unless @$scope[@model].id
+      @$scope.progress = 100
+      @$element.removeClass('covered')
+      @mrCallbackCtrl?.evaluate(data)
+
+  fileData: ->
+    data = {}
+    data.path  = @$scope[@model]?[@key]?.url
+    data.name  = @$scope[@model]?[@key]?.name
+    data.thumb = @$scope[@model]?.thumb?.url
+    return data
+  fileUploadShow: (type) -> @options[type]
+  disabled: =>
+    el = @$element[0]
+    until !el.parentElement
+      return true if el.getAttribute('disabled')
+      el = el.parentElement
+  accept: -> @$attrs.accept || '*'
+
+  @register(Directives.MrUpload)

data/lib/assets/javascripts/material_raingular/helpers/file_upload.coffee

@@ -0,0 +1,42 @@
+@Helpers ?= {}
+class Helpers.FileUpload
+  constructor: (@scope,@modelName,@key,@element,@callback)->
+  uploadFile: (file)->
+    @scope.progress = 0
+    @element.addClass('covered')
+    if id = @scope.$eval(@modelName).id
+      route = Routes[@modelName + '_path'](id: id) + '.json'
+      method = 'PUT'
+    else
+      route = Routes[@modelName.pluralize() + '_path']() + '.json'
+      method = 'POST'
+    formData = new FormData()
+    formData.append @modelName + '[id]', id if id
+    formData.append @modelName + '[' + @key + ']', file
+    xhr = new XMLHttpRequest()
+    xhr.upload.addEventListener "progress", (event) =>
+      if event.lengthComputable
+        @scope.$apply =>
+          @scope.progress = Math.round(event.loaded * 100 / event.total)
+    , true
+    xhr.addEventListener "readystatechange", (event) =>
+      if event.target.readyState == 4 && !(event.target.status > 399)
+        data = JSON.parse(event.target.response)
+        @callback(data)
+      else if event.target.readyState == 4 && event.target.status > 399
+        @failed()
+    , false
+    xhr.addEventListener "error", @failed, false
+    xhr.open(method, route)
+    csrf = null
+    for tag in document.getElementsByTagName('meta')
+      csrf = tag.content if tag.name == 'csrf-token'
+    xhr.setRequestHeader('X-CSRF-Token', csrf)
+    xhr.send(formData)
+  @failed: (event)=>
+    @element.addClass('failed')
+
+    timeout ->
+      @element.removeClass('failed')
+      @element.removeClass('covered')
+    , 2000

data/lib/assets/javascripts/material_raingular/helpers/ng_model_parse.coffee

@@ -0,0 +1,6 @@
+REGEXP = /(.+)(?:\.(.+)|\[(.+)?\])/
+@Helpers ?= {}
+class Helpers.NgModelParse
+  constructor: (@model,@$scope) ->
+    parsed = @model.match(REGEXP)
+    return [parsed[1], parsed[2] || @$scope.$eval(parsed[3])]

data/lib/assets/javascripts/super_classes/angular_compile_model.coffee

@@ -1,13 +1,18 @@
-# //= require super_classes/angular_model
+# //= require super_classes/angular_scoped_model
 class @AngularCompileModel extends AngularModel
   @register: (model,type) -> model::[type || 'compile'] = (args...) => new @(args...)
   @$default_arguments: ['element','attrs','transcludeFn']
   constructor: (args...) ->
-    for key,index in @constructor.$default_arguments
-      @['$' + key] = args[index]
     @$injector = angular.element(document.body).injector()
     for key in @constructor.$inject || []
       @[key] = @$injector.get(key)
+    for key,index in @constructor.$default_arguments
+      @['$' + key] = args[index]
+    # Bind all functions not begining with _ to scope
+    for key, val of @constructor.prototype
+      continue if key in ['constructor', 'initialize'] or key[0] is '_'
+      @$scope[key] = if (typeof val is 'function') then val.bind?(@) || _.bind(val, @) else val
+
     @initialize?()
 ###
 class CompileModel extends AngularLinkModel

data/lib/material_raingular/version.rb

@@ -1,3 +1,3 @@
 module MaterialRaingular
-  VERSION = "0.2.8.6"
+  VERSION = "0.3.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: material_raingular
 version: !ruby/object:Gem::Version
-  version: 0.2.8.6
+  version: 0.3.0
 platform: ruby
 authors:
 - Chris Moody
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-01-12 00:00:00.000000000 Z
+date: 2017-01-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -113,8 +113,16 @@ files:
 - lib/assets/javascripts/material_raingular/directives/drag/linkmodel.coffee
 - lib/assets/javascripts/material_raingular/directives/drop/directive.coffee
 - lib/assets/javascripts/material_raingular/directives/drop/linkmodel.coffee
+- lib/assets/javascripts/material_raingular/directives/drop_file/directive.coffee
+- lib/assets/javascripts/material_raingular/directives/drop_file/drop_events.coffee
+- lib/assets/javascripts/material_raingular/directives/drop_file/linkmodel.coffee
 - lib/assets/javascripts/material_raingular/directives/update/directive.coffee
 - lib/assets/javascripts/material_raingular/directives/update/linkmodel.coffee
+- lib/assets/javascripts/material_raingular/directives/upload/directive.coffee
+- lib/assets/javascripts/material_raingular/directives/upload/events.coffee
+- lib/assets/javascripts/material_raingular/directives/upload/linkmodel.coffee
+- lib/assets/javascripts/material_raingular/helpers/file_upload.coffee
+- lib/assets/javascripts/material_raingular/helpers/ng_model_parse.coffee
 - lib/assets/javascripts/rails_updater.coffee
 - lib/assets/javascripts/super_classes/angular_compile_model.coffee
 - lib/assets/javascripts/super_classes/angular_directive.coffee