Skip to content

Commit 499c09f

Browse files
author
Walker Leite
committed
feat(component): add storage and update docs
1 parent 23740e5 commit 499c09f

8 files changed

Lines changed: 342 additions & 141 deletions

File tree

README.md

Lines changed: 18 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,22 @@ Vue.component('ic-firebase-uploader', IcFirebaseUploader);
3737
## Usage
3838

3939
```js
40+
const firebase = require('firebase')
41+
42+
const config = {
43+
apiKey: "AIzaSyBMlvoWc9MI1boEeXFWNuD8uYv-8mpAMSU",
44+
authDomain: "ic-firebase-uploader.firebaseapp.com",
45+
databaseURL: "https://ic-firebase-uploader.firebaseio.com",
46+
projectId: "ic-firebase-uploader",
47+
storageBucket: "ic-firebase-uploader.appspot.com",
48+
messagingSenderId: "526916383818"
49+
}
50+
51+
function getStorage() {
52+
firebase.initializeApp(config)
53+
return firebase.storage()
54+
}
55+
4056
function getFileName(file) {
4157
return file.name + Math.floor(Math.random() * 1000)
4258
}
@@ -52,9 +68,10 @@ function onDelete(fullPath, doDelete) {
5268

5369
```html
5470
<ic-firebase-upload
55-
max-files="3"
5671
path="images"
72+
max-files="3"
5773
:getFileName="getFileName"
74+
:storage="getStorage()"
5875
@upload="onUpload"
5976
@delete="onDelete">
6077
</ic-firebase-upload>

docs/Example with Firebase.md

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
Using with firebase
2+
3+
```jsx
4+
const firebase = require('firebase')
5+
6+
const config = {
7+
apiKey: "AIzaSyBMlvoWc9MI1boEeXFWNuD8uYv-8mpAMSU",
8+
authDomain: "ic-firebase-uploader.firebaseapp.com",
9+
databaseURL: "https://ic-firebase-uploader.firebaseio.com",
10+
projectId: "ic-firebase-uploader",
11+
storageBucket: "ic-firebase-uploader.appspot.com",
12+
messagingSenderId: "526916383818"
13+
}
14+
15+
function getFileName(file) {
16+
return file.name + Math.floor(Math.random() * 1000)
17+
}
18+
19+
function getStorage() {
20+
firebase.initializeApp(config)
21+
return firebase.storage()
22+
}
23+
24+
function onUpload(fullPath, doUpload) {
25+
doUpload();
26+
}
27+
28+
function onDelete(fullPath, doDelete) {
29+
doDelete();
30+
}
31+
32+
function onClick(fullPath, downloadUrl) {
33+
}
34+
35+
function onUploaded(fullPath) {}
36+
37+
function onDeleted(fullPath) {}
38+
39+
<ic-firebase-uploader
40+
path="images"
41+
max-files="3"
42+
:getFileName="getFileName"
43+
:storage="getStorage()"
44+
@upload="onUpload"
45+
@delete="onDelete"
46+
@uploaded="onUploaded"
47+
@deleted="onDeleted"
48+
@click="onClick">
49+
</ic-firebase-uploader>
50+
```

docs/UseCase1.md

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

docs/UseCase2.md

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

0 commit comments

Comments
 (0)