diff --git a/src/plugins/GoogleDrive.js b/src/plugins/GoogleDrive.js index 21731f503..3b90dcac5 100644 --- a/src/plugins/GoogleDrive.js +++ b/src/plugins/GoogleDrive.js @@ -220,6 +220,43 @@ export default class Google extends Plugin { ` } + renderTemp (state) { + const breadcrumbs = state.directory.map((dir) => yo`
  • `) + const folders = state.folders.map((folder) => yo`[Folder] - ${folder.title}Me${folder.modifiedByMeDate}-`) + const files = state.files.map((file) => yo`[File] - ${file.title}Me${file.modifiedByMeDate}-`) + + return yo` +
    + +
    + +
    + + + + + + + + + + + ${folders} + ${files} + +
    NameOwnerLast ModifiedFilesize
    +
    + File active +
    +
    + ` + } + renderError (err) { return `Something went wrong. Probably our fault. ${err}` } @@ -260,7 +297,7 @@ export default class Google extends Plugin { render (state) { if (state.googleDrive.authenticated) { - return this.renderBrowser(state.googleDrive) + return this.renderTemp(state.googleDrive) } else { return this.renderAuth() } diff --git a/src/scss/_googledrive.scss b/src/scss/_googledrive.scss new file mode 100644 index 000000000..06292ea06 --- /dev/null +++ b/src/scss/_googledrive.scss @@ -0,0 +1,50 @@ +.UppyGoogleDrive-breadcrumbs { + list-style-type: none; + margin: 0; + padding: 0; +} + +.UppyGoogleDrive-breadcrumbs li { + display: inline-block; +} + +.UppyGoogleDrive-breadcrumbs li:after { + content: '>'; +} + +.UppyGoogleDrive-breadcrumbs li:last-child:after { + content: ''; +} + +.UppyGoogleDrive-sidebar { + background-color: #eee; + float: left; + height: 100%; + list-style-type: none; + margin: 0; + padding: 0; + width: 200px; +} + +.UppyGoogleDrive-sidebar li { + margin: 0 auto; + padding: 0 32px; +} + +.UppyGoogleDrive-browser { + border: 1px solid #eee; + border-collapse: collapse; + float: left; +} + +.UppyGoogleDrive-browser td { + border-bottom: 1px solid #eee; + padding: 8px; +} + +.UppyGoogleDrive-browser thead td { + background-color: #eee; +} +.UppyGoogleDrive-browser tbody tr:last-child td { + border-bottom: 0; +} diff --git a/src/scss/uppy.scss b/src/scss/uppy.scss index 7f9af2f78..07d865f97 100644 --- a/src/scss/uppy.scss +++ b/src/scss/uppy.scss @@ -5,6 +5,7 @@ @import '_variables.scss'; @import '_utils.scss'; @import '_dragdrop.scss'; +@import '_googledrive.scss'; @import '_progressbar.scss'; @import '_progressdrawer.scss'; @import '_spinner.scss';