Mirrors/uppy
1
0
Fork 0
mirror of https://github.com/transloadit/uppy.git synced 2026-07-25 19:23:55 +00:00
Code Issues Projects Releases Wiki Activity

Work on GoogleDrive file fetching and directory browsing.

Browse source
This commit is contained in:
Harry Hedger 2016-02-09 21:51:54 -05:00
parent 132a0795a7
commit ff68aa29fb
1 changed files with 32 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

35
src/plugins/GoogleDrive.js
View file

@ -10,6 +10,7 @@ export default class Drive extends Plugin {
this.render = this.render.bind(this)
this.renderAuthentication = this.renderAuthentication.bind(this)
this.checkAuthentication = this.checkAuthentication.bind(this)
this.getDirectory = this.getDirectory.bind(this)
this.files = []
this.currentDir = 'root'
@ -17,12 +18,19 @@ export default class Drive extends Plugin {
}
connect (target) {
this.target = target
if (!this.isAuthenticated) {
target.innerHTML = this.renderAuthentication()
} else {
this.getDirectory()
.then(data => {
target.innerHTML = this.render(data)
const folders = [...document.querySelectorAll('.GoogleDriveFolder')];
const files = [...document.querySelectorAll('.GoogleDriveFile')];
folders.forEach(folder => folder.addEventListener('click', e => this.getDirectory(folder.dataset.id)))
files.forEach(file => file.addEventListener('click', e => this.getFile(file.dataset.id)))
})
}
}
@ -56,7 +64,7 @@ export default class Drive extends Plugin {
addFile () {
}
getDirectory () {
getDirectory (folderId) {
/**
* Leave this here
*/
@ -74,6 +82,9 @@ export default class Drive extends Plugin {
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json'
},
body: {
dir: folderId || undefined
}
})
.then(res => {
@ -98,6 +109,24 @@ export default class Drive extends Plugin {
})
}
getFile(fileId) {
console.log(typeof fileId)
// if (fileId !== 'string') {
// return console.log('Error: File Id not a string.')
// }
return fetch('http://localhost:3002/drive/get', {
method: 'get',
credentials: 'include',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json'
},
body: {
fileId
}
})
}
run (results) {
}
@ -107,8 +136,8 @@ export default class Drive extends Plugin {
}
render (data) {
const folders = data.folders.map(folder => `<li>Folder${folder.title}</li>`)
const files = data.files.map(file => `<li>${file.title}</li>`)
const folders = data.folders.map(folder => `<li>Folder<button class="GoogleDriveFolder" data-id="${folder.id}" data-title="${folder.title}">${folder.title}</button></li>`)
const files = data.files.map(file => `<li><button class="GoogleDriveFile" data-id="${file.id}" data-title="${file.title}">${file.title}</button></li>`)
return `<ul>${folders}</ul><ul>${files}</ul>`
}