ng-angularjs-rails 0.0.3 → 0.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c2ff724dfdb878e8afbce506cf56651e7aba5642
-  data.tar.gz: fa817f94ee41cbd1d52e728a2191e4c446dffec6
+  metadata.gz: 082198f6faef57934c397530786e490cc94882a0
+  data.tar.gz: 5bfa809948e727b4ad9ee276430306f295092745
 SHA512:
-  metadata.gz: a1a7fdc9e7e5f18e61ad0d418c97fb6d219b8adfb2f25f9420d8d26b981b09015385266975be5a4ca82b52deb6f0d7b6fdffa7b381d7583e8f0809fdc36ef7f6
-  data.tar.gz: 9656359058cf0e285de73d23f2e2e952601faacee782a53e75f30d8ad1ceb75e962aad1d3d011c24507427ed511a5d8672cf266bb245e3d8ed01b03ebcb60801
+  metadata.gz: 5c73f153d1d2108f5cfaeb220d1608644b0deaf96700fe61301492f6a785f0612a0bda78081b965b2bd80c4535437c855e414629d482a883738849f90c6dec7c
+  data.tar.gz: c45678879ffe22579fb65bd482fd4242c5c1f19665d88643f4ab2f378f0defbb8bbbce1bf8c8f728661014b6ebac95d6740b0ea847f1d49ab26a874cdaa12930

data/README.md

@@ -1,5 +1,7 @@
 # Ng::Angularjs::Rails
 
+## TODO
+added ng-upload.js
 
 ## Installation
 
@@ -22,4 +24,7 @@ If you desire to require (optional) Angular files, you may include them as well
 //= require angular-bootstrap
 //= require angular-resource
 //= require i18n/angular-locale_zh-cn
+
+// if you hava ng-upload.js
+//= require ng-upload
 ```

data/lib/ng/angularjs/rails/version.rb

@@ -1,7 +1,7 @@
 module Ng
   module Angularjs
     module Rails
-      VERSION = "0.0.3"
+      VERSION = "0.0.4"
     end
   end
 end

data/vendor/assets/javascripts/ng-upload.js

@@ -0,0 +1,107 @@
+// Version 0.3.2
+// AngularJS simple file upload directive
+// this directive uses an iframe as a target
+// to enable the uploading of files without
+// losing focus in the ng-app.
+//
+// <div ng-app="app">
+//   <div ng-controller="mainCtrl">
+//    <form action="/uploads" ng-upload> 
+//      <input type="file" name="avatar"></input>
+//      <input type="submit" value="Upload" 
+//         upload-submit="submited(content, completed)"></input>
+//    </form>
+//  </div>
+// </div>
+//
+//  angular.module('app', ['ngUpload'])
+//    .controller('mainCtrl', function($scope) {
+//      $scope.submited = function(content, completed) {
+//        if (completed) {
+//          console.log(content);
+//        }
+//      }  
+//  });
+//
+angular.module('ngUpload', [])
+  .directive('uploadSubmit', ['$parse', function($parse) {
+    return {
+      restrict: 'AC',
+      link: function(scope, element, attrs) {
+        // Options (just 1 for now) 
+        // Each option should be prefixed with 'upload-options-' or 'uploadOptions'
+        // {
+        //    // specify whether to enable the submit button when uploading forms
+        //    enableControls: bool 
+        // }
+        var options = {};
+        options.enableControls = attrs.uploadOptionsEnableControls;
+
+        // submit the form - requires jQuery
+        var form = element.parents('form[ng-upload]') || element.parents('form.ng-upload'); 
+
+        // Retrieve the callback function
+        var fn = $parse(attrs.uploadSubmit);
+
+        if (!angular.isFunction(fn)) {
+            var message = "The expression on the ngUpload directive does not point to a valid function.";
+            throw message + "\n";
+        }
+
+        element.bind('click', function($event) {
+          // prevent default behavior of click
+          $event.preventDefault = true;
+          // create a new iframe
+          var iframe = angular.element("<iframe id='upload_iframe' name='upload_iframe' border='0' width='0' height='0' style='width: 0px; height: 0px; border: none; display: none' />");
+
+          // attach function to load event of the iframe
+          iframe.bind('load', function () {
+            // get content - requires jQuery
+            var content = iframe.contents().find('body').text();
+            // execute the upload response function in the active scope
+            scope.$apply(function () { 
+              fn(scope, { content: content, completed: true});
+            });
+            // remove iframe
+            if (content !== "") { // Fixes a bug in Google Chrome that dispose the iframe before content is ready.
+                setTimeout(function () { iframe.remove(); }, 250);
+            }
+            element.attr('disabled', null);
+            element.attr('title', 'Click to start upload.');
+          });
+
+          // add the new iframe to application
+          form.parent().append(iframe);
+
+          scope.$apply(function () { 
+            fn(scope, {content: "Please wait...", completed: false }); 
+          });
+
+          var enabled = true;
+          if (!options.enableControls) {
+              // disable the submit control on click
+              element.attr('disabled', 'disabled');
+              enabled = false;
+          }
+          // why do we need this???
+          element.attr('title', (enabled ? '[ENABLED]: ' : '[DISABLED]: ') + 'Uploading, please wait...');
+
+          form.submit();
+
+        }).attr('title', 'Click to start upload.');
+      }
+    };
+  }])
+  .directive('ngUpload', ['$parse', function ($parse) {
+    return {
+      restrict: 'AC',
+      link: function (scope, element, attrs) {
+        element.attr("target", "upload_iframe");
+        element.attr("method", "post");
+        // Append a timestamp field to the url to prevent browser caching results
+        element.attr("action", element.attr("action") + "?_t=" + new Date().getTime());
+        element.attr("enctype", "multipart/form-data");
+        element.attr("encoding", "multipart/form-data");
+      }
+    };
+  }]);

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ng-angularjs-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.0.4
 platform: ruby
 authors:
 - mjason
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-03-02 00:00:00.000000000 Z
+date: 2013-03-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -213,6 +213,7 @@ files:
 - vendor/assets/javascripts/i18n/angular-locale_zh.js
 - vendor/assets/javascripts/jstd-scenario-adapter-config.js
 - vendor/assets/javascripts/jstd-scenario-adapter.js
+- vendor/assets/javascripts/ng-upload.js
 - vendor/assets/javascripts/version.json
 - LICENSE.txt
 - README.md