Skip to content

Commit bcfadfd

Browse files
committed
2 parents b0b277b + 01330b0 commit bcfadfd

File tree

18 files changed

+57
-129
lines changed

18 files changed

+57
-129
lines changed

README.md

Lines changed: 23 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -18,11 +18,12 @@ automatically give you an input field, and will set `files` property when you
1818
choose a file.
1919

2020
```js
21-
import EmberUploader from 'ember-uploader';
21+
import FileField from 'ember-uploader/components/file-field';
22+
import Uploader from 'ember-uploader/uploaders/uploader';
2223

23-
export default EmberUploader.FileField.extend({
24+
export default FileField.extend({
2425
filesDidChange(files) {
25-
const uploader = EmberUploader.Uploader.create({
26+
const uploader = Uploader.create({
2627
url: this.get('url')
2728
});
2829

@@ -44,7 +45,9 @@ By default, the request will be sent as `POST`. To override that, set `method` w
4445
creating the object:
4546

4647
```js
47-
const uploader = EmberUploader.Uploader.create({
48+
import Uploader from 'ember-uploader/uploaders/uploader';
49+
50+
const uploader = Uploader.create({
4851
url: '/upload',
4952
method: 'PUT'
5053
});
@@ -53,7 +56,9 @@ const uploader = EmberUploader.Uploader.create({
5356
#### Change Namespace
5457

5558
```js
56-
const uploader = EmberUploader.Uploader.create({
59+
import Uploader from 'ember-uploader/uploaders/uploader';
60+
61+
const uploader = Uploader.create({
5762
paramNamespace: 'post'
5863
});
5964

@@ -64,7 +69,9 @@ const uploader = EmberUploader.Uploader.create({
6469
By default parameter will be `file`
6570

6671
```js
67-
const upload = EmberUploader.Uploader.create({
72+
import Uploader from 'ember-uploader/uploaders/uploader';
73+
74+
const upload = Uploader.create({
6875
paramName: 'upload'
6976
});
7077

@@ -109,14 +116,15 @@ uploader.upload(file).then(data => {
109116

110117
#### Multiple files
111118
```js
112-
import EmberUploader from 'ember-uploader';
119+
import FileField from 'ember-uploader/components/file-field';
120+
import Uploader from 'ember-uploader/uploaders/uploader';
113121

114-
export default EmberUploader.FileField.extend({
122+
export default FileField.extend({
115123
multiple: true,
116124
url: 'http://example.com/upload',
117125

118126
filesDidChange(files) {
119-
const uploader = EmberUploader.Uploader.create({
127+
const uploader = Uploader.create({
120128
url: this.get('url')
121129
});
122130

@@ -135,9 +143,9 @@ settings required by Ember Uploader. Here we modify the headers sent with
135143
the request.
136144

137145
```js
138-
import EmberUploader from 'ember-uploader';
146+
import Uploader from 'ember-uploader/uploaders/uploader';
139147

140-
export default EmberUploader.Uploader.extend({
148+
export default Uploader.extend({
141149
ajaxSettings: {
142150
headers: {
143151
'X-Application-Name': 'Uploader Test'
@@ -156,13 +164,14 @@ able to make an authenticated request to S3. This step is required to avoid
156164
saving secret token on your client.
157165

158166
```js
159-
import EmberUploader from 'ember-uploader';
167+
import FileField from 'ember-uploader/components/file-field';
168+
import Uploader from 'ember-uploader/uploaders/uploader';
160169

161-
export default EmberUploader.FileField.extend({
170+
export default FileField.extend({
162171
signingUrl: '',
163172

164173
filesDidChange(files) {
165-
const uploader = EmberUploader.S3Uploader.create({
174+
const uploader = S3Uploader.create({
166175
signingUrl: this.get('signingUrl')
167176
});
168177

addon/components.js

Lines changed: 0 additions & 2 deletions
This file was deleted.

addon/components/file-field.js

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
1-
import Ember from 'ember';
1+
import { isEmpty } from '@ember/utils';
2+
import Evented from '@ember/object/evented';
3+
import Component from '@ember/component';
24

3-
export default Ember.Component.extend(Ember.Evented, {
5+
export default Component.extend(Evented, {
46
tagName: 'input',
57
type: 'file',
68
attributeBindings: [
@@ -16,7 +18,7 @@ export default Ember.Component.extend(Ember.Evented, {
1618
multiple: false,
1719
change (event) {
1820
const input = event.target;
19-
if (!Ember.isEmpty(input.files)) {
21+
if (!isEmpty(input.files)) {
2022
this.trigger('filesDidChange', input.files);
2123
}
2224
}

addon/core.js

Lines changed: 0 additions & 29 deletions
This file was deleted.

addon/index.js

Lines changed: 0 additions & 21 deletions
This file was deleted.

addon/uploaders.js

Lines changed: 0 additions & 7 deletions
This file was deleted.

addon/uploaders/s3.js

Lines changed: 9 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,9 @@
1-
import Ember from 'ember';
2-
import Uploader from 'ember-uploader/uploaders/base';
3-
4-
const {
5-
get,
6-
set,
7-
run
8-
} = Ember;
1+
import $ from 'jquery';
2+
import { Promise } from 'rsvp';
3+
import { set, get } from '@ember/object';
4+
import { run } from '@ember/runloop';
5+
import Uploader from 'ember-uploader/uploaders/uploader';
6+
import { assign } from '@ember/polyfills';
97

108
export default Uploader.extend({
119
/**
@@ -75,7 +73,7 @@ export default Uploader.extend({
7573
extra.type = file.type;
7674
extra.size = file.size;
7775

78-
const settings = Ember.assign(
76+
const settings = assign(
7977
{},
8078
{
8179
contentType: 'application/json',
@@ -89,7 +87,7 @@ export default Uploader.extend({
8987

9088
set(this, 'isSigning', true);
9189

92-
return new Ember.RSVP.Promise((resolve, reject) => {
90+
return new Promise((resolve, reject) => {
9391
settings.success = (json) => {
9492
run(null, resolve, this.didSign(json));
9593
};
@@ -98,7 +96,7 @@ export default Uploader.extend({
9896
run(null, reject, this.didErrorOnSign(jqXHR, responseText, errorThrown));
9997
};
10098

101-
Ember.$.ajax(settings);
99+
$.ajax(settings);
102100
});
103101
},
104102

Lines changed: 12 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,11 @@
1-
import Ember from 'ember';
2-
3-
const {
4-
get,
5-
set,
6-
run
7-
} = Ember;
8-
9-
export default Ember.Object.extend(Ember.Evented, {
1+
import { Promise } from 'rsvp';
2+
import $ from 'jquery';
3+
import { assign } from '@ember/polyfills';
4+
import Evented from '@ember/object/evented';
5+
import EmberObject, { set, get } from '@ember/object';
6+
import { run } from '@ember/runloop';
7+
8+
export default EmberObject.extend(Evented, {
109
/**
1110
* Target url to upload to
1211
*
@@ -179,13 +178,13 @@ export default Ember.Object.extend(Ember.Evented, {
179178
* object
180179
*/
181180
ajax (url, data = {}, method = this.method) {
182-
const ajaxSettings = Ember.assign(
181+
const ajaxSettings = assign(
183182
{},
184183
{
185184
contentType: false,
186185
processData: false,
187186
xhr: () => {
188-
const xhr = Ember.$.ajaxSettings.xhr();
187+
const xhr = $.ajaxSettings.xhr();
189188
xhr.upload.onprogress = (event) => {
190189
this.didProgress(event);
191190
};
@@ -210,7 +209,7 @@ export default Ember.Object.extend(Ember.Evented, {
210209
* @return {object} Returns a Ember.RSVP.Promise wrapping the ajax request
211210
*/
212211
ajaxPromise (settings) {
213-
return new Ember.RSVP.Promise((resolve, reject) => {
212+
return new Promise((resolve, reject) => {
214213
settings.success = (data) => {
215214
run(null, resolve, this.didUpload(data));
216215
};
@@ -219,7 +218,7 @@ export default Ember.Object.extend(Ember.Evented, {
219218
run(null, reject, this.didError(jqXHR, responseText, errorThrown));
220219
};
221220

222-
Ember.$.ajax(settings);
221+
$.ajax(settings);
223222
});
224223
}
225224
});

app/components/file-field.js

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1 @@
1-
import FileField from 'ember-uploader/components/file-field';
2-
export default FileField;
1+
export { default } from 'ember-uploader/components/file-field';

app/uploaders/s3.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export { default } from 'ember-uploader/uploaders/s3';

0 commit comments

Comments
 (0)