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`
+
+
+
+
+
+
+ | Name |
+ Owner |
+ Last Modified |
+ Filesize |
+
+
+
+ ${folders}
+ ${files}
+
+
+
+ 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';