verdnatura-mirror
/
loopback-component-storage
mirror of https://github.com/strongloop/loopback-component-storage.git
0
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Bump client dependencies

This commit is contained in:
upq 2015-08-16 03:35:16 -07:00 committed by Raymond Feng
parent 2b0d9f6938
commit 61e14c4852
5 changed files with 75 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
example-2.0/client/angular-file-upload.min.js vendored
View File

File diff suppressed because one or more lines are too long

1
example-2.0/client/angular-file-upload.min.js.map Normal file
View File

File diff suppressed because one or more lines are too long

1
example-2.0/client/angular-file-upload.min.map
View File

File diff suppressed because one or more lines are too long

99
example-2.0/client/controllers.js
View File

@ -1,78 +1,75 @@
angular.module('app', ['angularFileUpload']) angular.module('app', ['angularFileUpload'])
// The example of the full functionality // The example of the full functionality
.controller('TestController',function ($scope, $fileUploader) { .controller('TestController',function ($scope, FileUploader) {
'use strict'; 'use strict';
// create a uploader with options // create a uploader with options
var uploader = $scope.uploader = $fileUploader.create({
var uploader = $scope.uploader = new FileUploader({
scope: $scope, // to automatically update the html. Default: $rootScope scope: $scope, // to automatically update the html. Default: $rootScope
url: '/api/containers/container1/upload', url: '/api/containers/container1/upload',
formData: [ formData: [
{ key: 'value' } { key: 'value' }
],
filters: [
function (item) { // first user filter
console.info('filter1');
return true;
}
] ]
}); });
// ADDING FILTERS // ADDING FILTERS
uploader.filters.push({
uploader.filters.push(function (item) { // second user filter name: 'filterName',
fn: function (item, options) { // second user filter
console.info('filter2'); console.info('filter2');
return true; return true;
}
}); });
// REGISTER HANDLERS // REGISTER HANDLERS
// --------------------
uploader.bind('afteraddingfile', function (event, item) { uploader.onAfterAddingFile = function(item) {
console.info('After adding a file', item); console.info('After adding a file', item);
}); };
// --------------------
uploader.bind('whenaddingfilefailed', function (event, item) { uploader.onAfterAddingAll = function(items) {
console.info('When adding a file failed', item);
});
uploader.bind('afteraddingall', function (event, items) {
console.info('After adding all files', items); console.info('After adding all files', items);
}); };
// --------------------
uploader.bind('beforeupload', function (event, item) { uploader.onWhenAddingFileFailed = function(item, filter, options) {
console.info('When adding a file failed', item);
};
// --------------------
uploader.onBeforeUploadItem = function(item) {
console.info('Before upload', item); console.info('Before upload', item);
}); };
// --------------------
uploader.bind('progress', function (event, item, progress) { uploader.onProgressItem = function(item, progress) {
console.info('Progress: ' + progress, item); console.info('Progress: ' + progress, item);
}); };
// --------------------
uploader.bind('success', function (event, xhr, item, response) { uploader.onProgressAll = function(progress) {
console.info('Success', xhr, item, response);
$scope.$broadcast('uploadCompleted', item);
});
uploader.bind('cancel', function (event, xhr, item) {
console.info('Cancel', xhr, item);
});
uploader.bind('error', function (event, xhr, item, response) {
console.info('Error', xhr, item, response);
});
uploader.bind('complete', function (event, xhr, item, response) {
console.info('Complete', xhr, item, response);
});
uploader.bind('progressall', function (event, progress) {
console.info('Total progress: ' + progress); console.info('Total progress: ' + progress);
}); };
// --------------------
uploader.bind('completeall', function (event, items) { uploader.onSuccessItem = function(item, response, status, headers) {
console.info('Complete all', items); console.info('Success', response, status, headers);
}); $scope.$broadcast('uploadCompleted', item);
};
// --------------------
uploader.onErrorItem = function(item, response, status, headers) {
console.info('Error', response, status, headers);
};
// --------------------
uploader.onCancelItem = function(item, response, status, headers) {
console.info('Cancel', response, status);
};
// --------------------
uploader.onCompleteItem = function(item, response, status, headers) {
console.info('Complete', response, status, headers);
};
// --------------------
uploader.onCompleteAll = function() {
console.info('Complete all');
};
// --------------------
} }
).controller('FilesController', function ($scope, $http) { ).controller('FilesController', function ($scope, $http) {

34
example-2.0/client/index.html
View File

@ -12,8 +12,8 @@
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<!--<script src="../bower_components/angular/angular.js"></script>--> <!--<script src="../bower_components/angular/angular.js"></script>-->
<script src="http://code.angularjs.org/1.2.9/angular.min.js"></script> <script src="http://code.angularjs.org/1.4.4/angular.min.js"></script>
<script src="angular-file-upload.js"></script> <script src="angular-file-upload.min.js"></script>
<script src="controllers.js"></script> <script src="controllers.js"></script>
<style> <style>
@ -21,7 +21,7 @@
border: dotted 3px lightgray; border: dotted 3px lightgray;
} }
.ng-file-over { .nv-file-over {
border: dotted 3px red; border: dotted 3px red;
} }
@ -37,8 +37,8 @@
</head> </head>
<!-- 1. ng-file-drop | ng-file-drop="options" --> <!-- 1. nv-file-drop | nv-file-drop="options" -->
<body ng-controller="TestController" ng-file-drop> <body ng-controller="TestController" nv-file-drop uploader="uploader">
<div class="container"> <div class="container">
@ -50,31 +50,34 @@
</div> </div>
</div> </div>
<div class="row">
<div class="row">
<div class="col-md-3"> <div class="col-md-3">
<img ng-src="{{image}}"> </img>
<h3>Select files</h3> <h3>Select files</h3>
<div ng-show="uploader.isHTML5"> <div ng-show="uploader.isHTML5">
<!-- 3. ng-file-over | ng-file-over="className" --> <!-- 3. nv-file-over | nv-file-over="className" -->
<div class="well my-drop-zone" ng-file-over> <div class="well my-drop-zone" nv-file-over uploader="uploader">
Base drop zone Base drop zone
</div> </div>
<!-- Example: ng-file-drop | ng-file-drop="options" --> <!-- Example: nv-file-drop | nv-file-drop="options" -->
<div class="well my-drop-zone" ng-file-drop="{ url: '/foo' }" <div class="well my-drop-zone" nv-file-drop="{ url: '/foo' } "
ng-file-over="another-file-over-class"> nv-file-over="another-file-over-class" uploader="uploader">
Another drop zone with its own settings Another drop zone with its own settings
</div> </div>
</div> </div>
<!-- 2. ng-file-select | ng-file-select="options" --> <!-- 2. nv-file-select | nv-file-select="options" -->
Multiple Multiple
<input ng-file-select type="file" multiple/><br/> <input nv-file-select uploader="uploader" type="file" multiple/><br/>
Single Single
<input ng-file-select type="file"/> <input nv-file-select uploader="uploader" type="file"/>
</div> </div>
<div class="col-md-9" style="margin-bottom: 40px"> <div class="col-md-9" style="margin-bottom: 40px">
@ -196,6 +199,9 @@
</div> </div>
</div>
</div> </div>
</body> </body>