Adding event listeners. Plugin connection.

src/plugins/GoogleDrive.js

@@ -11,6 +11,9 @@ export default class Drive extends Plugin {
     this.render = this.render.bind(this)
     this.files = []
     this.currentDir = '/'
+
+    this.isAuthenticated = false
+
   }
 
   connect (target) {
@@ -18,13 +21,6 @@ export default class Drive extends Plugin {
   }
 
   authenticate () {
-    request.get('/drive/authenticate')
-    .query({})
-    .end((err, res) => {
-      if (err) {
-        console.err(err)
-      }
-    })
   }
 
   addFile () {
@@ -32,17 +28,7 @@ export default class Drive extends Plugin {
   }
 
   getDirectory () {
-    var opts = {
-      dir: 'pizza'
-    }
-    request.get('//localhost:3002/dropbox/readdir')
-      .query(opts)
-      .set('Content-Type', 'application/json')
-      .end((err, res) => {
-        console.log(err)
-        console.log('yo!')
-        console.log(res)
-      })
+
   }
 
   run (results) {

src/plugins/Modal.js

@@ -1,5 +1,6 @@
 import Plugin from './Plugin'
 import { ModalTemplate } from './templates'
+import Drive from './GoogleDrive'
 
 export default class Modal extends Plugin {
   constructor (core, opts) {
@@ -9,7 +10,13 @@ export default class Modal extends Plugin {
     this.render = this.render.bind(this)
     this.initModal = this.initModal.bind(this)
     this.onDocumentClick = this.onDocumentClick.bind(this)
-
+    this.providers = [{
+      name: 'Local'
+    },
+    {
+      name: 'Google Drive',
+      connect: Drive.connect
+    }]
     this.parent = this.opts.parent || document.body
 
     this.initModal()
@@ -80,5 +87,11 @@ export default class Modal extends Plugin {
 
   render (files) {
     this.modal.innerHTML = ModalTemplate()
+    this.providers.forEach(provider => {
+      document.getElementById(`${provider.name.split(' ').join('')}`).addEventListener('click', e => {
+        provider.connect()
+      })
+    })
+
   }
 }

src/plugins/templates/modal.js

@@ -1,16 +1,11 @@
 import Sidebar from './sidebar'
 import Browser from './browser'
 
-export default () => {
+export default (opts) => {
   return `
     <section class='Modal'>
       ${Sidebar({
-        providers: [{
-          name: 'Local'
-        },
-        {
-          name: 'Google Drive'
-        }]
+        providers: opts.providers
       })}
       ${Browser({
         files: [{ image: '123.png', name: '123.png' }],

src/plugins/templates/sidebar.js

@@ -1,6 +1,6 @@
 export default (context) => {
   const providers = context.providers.map(provider => {
-    return `<li>${provider.name}</li>`
+    return `<li id="Uppy-${provider.name.split(' ').join('')}">${provider.name}</li>`
   }).join('')
 
   return `