Create dialogue to open Classroom assignments. (#159)

* add api calls to google classroom
* displays an empty classroom course dialog
* show courses in list of classroom dialog
* fixed decorate on classroom
* Allow opening courses and course work in dialog
* opens Drive file after selecting coursework
* show multiple files per course
* fix expand & collapse to store state
* filter only openable mime types or extensions
* remove console.logs
* fix missing return from jsdoc

Author: efuquen

.gitignore

@@ -5,6 +5,7 @@
 .nyc_output
 .project
 .settings
+.idea
 OWNERS
 Thumbs.db
 coverage

app/chrome_app/manifest.json

@@ -19,7 +19,9 @@
       "https://www.googleapis.com/auth/cloud-platform.read-only",
       "https://www.googleapis.com/auth/devstorage.full_control",
       "https://www.googleapis.com/auth/devstorage.read_only",
-      "https://www.googleapis.com/auth/devstorage.read_write"
+      "https://www.googleapis.com/auth/devstorage.read_write",
+      "https://www.googleapis.com/auth/classroom.courses.readonly",
+      "https://www.googleapis.com/auth/classroom.coursework.me.readonly"
     ]
   },
   "icons": {

src/config/gdrive.js

@@ -21,6 +21,8 @@
 
 goog.provide('cwc.config.GDrive');
 
+goog.require('cwc.utils.mime.Type');
+
 
 /**
  * Google Drive config
@@ -31,19 +33,31 @@ cwc.config.GDrive = {
   ORDER_BY: 'folder,modifiedTime desc,name',
   FILE_FIELDS: 'files(id,mimeType,parents,iconLink,modifiedTime,name,owners)',
   FOLDER_MIME_TYPE: 'application/vnd.google-apps.folder',
-  EXT_TO_MIME_TYPE: {
-    'py': 'text/python',
-    'html': 'text/html',
-    'cwc': 'application/cwc',
-  },
+  OPENABLE_MIME_TYPES: [
+    cwc.utils.mime.Type.CWC,
+    cwc.utils.mime.Type.JAVASCRIPT,
+    cwc.utils.mime.Type.TEXT,
+    cwc.utils.mime.Type.HTML,
+    cwc.utils.mime.Type.COFFEESCRIPT,
+    cwc.utils.mime.Type.PYTHON,
+    cwc.utils.mime.Type.CSS,
+  ],
+  EXT_TO_MIME_TYPE: {},
   MIME_TYPES: [
-    'text/python',
-    'text/html',
     'application/cwc',
   ],
   ACCEPTED_MIME_TYPE_QUERY: '(' +
-    'mimeType = \'text/python\' or ' +
-    'mimeType = \'text/html\' or ' +
-    'mimeType = \'application/cwc\' or ' +
-    'mimeType = \'application/vnd.google-apps.folder\')',
+    'mimeType = \'application/cwc\'',
 };
+
+cwc.config.GDrive.OPENABLE_MIME_TYPES.forEach( (mime) => {
+  cwc.config.GDrive.MIME_TYPES.push(mime.type);
+  cwc.config.GDrive.ACCEPTED_MIME_TYPE_QUERY += (
+    ' or mimeType =\'' + mime.type + '\'');
+  mime.ext.forEach( (ext) => {
+    cwc.config.GDrive.EXT_TO_MIME_TYPE[ext] = mime.type;
+  });
+});
+
+cwc.config.GDrive.ACCEPTED_MIME_TYPE_QUERY += (
+  ' or mimeType = \'application/vnd.google-apps.folder\')');

src/ui/account.js

@@ -176,16 +176,33 @@ cwc.ui.Account.prototype.setAuthentication = function(authenticated) {
     menuBarInstance.setAuthenticated(authenticated);
   }
 
+  if (!authenticated) {
+    this.accessToken = '';
+  }
+  this.authenticated = authenticated;
+
   let navigationInstance = this.helper.getInstance('navigation');
   if (navigationInstance) {
     navigationInstance.enableOpenGoogleDriveFile(authenticated);
     navigationInstance.enableSaveGoogleDriveFile(authenticated);
+    navigationInstance.enableOpenGoogleClassroom(authenticated);
+
+    if (authenticated) {
+      this.request({
+        subdomain: 'classroom',
+        path: '/v1/courses',
+        params: {
+          'studentId': 'me',
+        },
+      }, function(response) {
+        if (Object.keys(response).length > 0) {
+          navigationInstance.enableOpenGoogleClassroom(true);
+        }
+      });
+    } else {
+      navigationInstance.enableOpenGoogleClassroom(false);
+    }
   }
-
-  if (!authenticated) {
-    this.accessToken = '';
-  }
-  this.authenticated = authenticated;
 };
 
 
@@ -200,58 +217,75 @@ cwc.ui.Account.prototype.setAuthentication = function(authenticated) {
  *   - token: Authorization bearer token.
  *   - raw: if true opts.path becomes the entire URI.
  * @param {function(?)=} callback Called when http request completes.
+ * @return {Promise} to wait on the completion of the http request.
  */
 cwc.ui.Account.prototype.request = function(opts, callback) {
   let params = opts.params || {};
+  let subdomain = 'www';
+  if (opts.subdomain && typeof(opts.subdomain) === 'string' &&
+    opts.subdomain.match(/^[0-9a-zA-Z]+$/)) {
+    subdomain = opts.subdomain;
+  }
 
-  let handleRequest = (function() {
-    let subdomain = 'www';
-    if (opts.subdomain && typeof(opts.subdomain) === 'string' &&
-      opts.subdomain.match(/^[0-9a-zA-Z]+$/)) {
-      subdomain = opts.subdomain;
-    }
+  let uri = subdomain + '.googleapis.com';
+  let url = goog.Uri.create('https', null, uri, null, opts.path);
+  if (opts.raw) {
+    url = new goog.Uri(opts.path);
+  }
+  let method = opts.method || 'GET';
+  let content = opts.content;
+  let token = opts.token || this.accessToken || '';
 
-    let uri = subdomain + '.googleapis.com';
-    let url = goog.Uri.create('https', null, uri, null, opts.path);
-    if (opts.raw) {
-      url = new goog.Uri(opts.path);
+  for (let i in params) {
+    if (Object.prototype.hasOwnProperty.call(params, i)) {
+      url.setParameterValue(i, params[i]);
     }
-    let method = opts.method || 'GET';
-    let content = opts.content;
-    let token = opts.token || this.accessToken || '';
+  }
 
-    for (let i in params) {
-      if (Object.prototype.hasOwnProperty.call(params, i)) {
-        url.setParameterValue(i, params[i]);
+  let headers = new Map(Object.entries(opts.header || {}));
+  headers.set('Authorization', 'Bearer ' + token);
+  headers.set('X-JavaScript-User-Agent', 'Coding with Chrome');
+
+  return new Promise((resolve, reject) => {
+      let handleRequest = (function() {
+          let xhrRepsonseEvent = (event) => {
+              this.handleXhrResponse(event, (response) => {
+                if (callback) {
+                  callback(response);
+                }
+                resolve(response);
+              });
+          };
+
+          let xhrErrorEvent = (event) => {
+            this.handleXhrError(event);
+            reject(event);
+          };
+
+          let xhrTimeoutEvent = (event) => {
+            this.handleXhrTimeout(event);
+            reject(event);
+          };
+
+          /** @type {goog.net.XhrIo} */
+          let xhr = new goog.net.XhrIo();
+          goog.events.listen(xhr, goog.net.EventType.COMPLETE, xhrRepsonseEvent,
+              false, this);
+          goog.events.listen(xhr, goog.net.EventType.ERROR, xhrErrorEvent,
+              false, this);
+          goog.events.listen(xhr, goog.net.EventType.TIMEOUT, xhrTimeoutEvent,
+              false, this);
+
+          this.log_.info('Request: ' + method + ' ' + url);
+          xhr.send(url, method, content, headers);
+      }).bind(this);
+
+      if (!this.authenticated) {
+          this.authenticate(handleRequest);
+      } else {
+          handleRequest();
       }
-    }
-
-    let headers = new Map(Object.entries(opts.header || {}));
-    headers.set('Authorization', 'Bearer ' + token);
-    headers.set('X-JavaScript-User-Agent', 'Coding with Chrome');
-
-    let xhrRepsonseEvent = function(event) {
-      this.handleXhrResponse(event, callback);
-    };
-
-    /** @type {goog.net.XhrIo} */
-    let xhr = new goog.net.XhrIo();
-    goog.events.listen(xhr, goog.net.EventType.COMPLETE, xhrRepsonseEvent,
-      false, this);
-    goog.events.listen(xhr, goog.net.EventType.ERROR, this.handleXhrError,
-      false, this);
-    goog.events.listen(xhr, goog.net.EventType.TIMEOUT, this.handleXhrTimeout,
-      false, this);
-
-    this.log_.info('Request: ' + method + ' ' + url);
-    xhr.send(url, method, content, headers);
-  }).bind(this);
-
-  if (!this.authenticated) {
-    this.authenticate(handleRequest);
-  } else {
-    handleRequest();
-  }
+  });
 };
 
 

src/ui/builder.js

@@ -46,6 +46,7 @@ goog.require('cwc.ui.Console');
 goog.require('cwc.ui.Debug');
 goog.require('cwc.ui.Documentation');
 goog.require('cwc.ui.Experimental');
+goog.require('cwc.ui.GClassroom');
 goog.require('cwc.ui.GCloud');
 goog.require('cwc.ui.GDrive');
 goog.require('cwc.ui.Gui');
@@ -137,6 +138,7 @@ cwc.ui.supportedProtocols = {
  */
 cwc.ui.oauth2Helpers = {
   'account': cwc.ui.Account,
+  'gclassroom': cwc.ui.GClassroom,
   'gcloud': cwc.ui.GCloud,
   'gdrive': cwc.ui.GDrive,
 };

src/ui/gclassroom/gclassroom.gss

@@ -0,0 +1,27 @@
+/**
+ * Copyright 2018 The Coding with Chrome Authors.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * @author [email protected] (Edwin Fuquen)
+ */
+
+#{$prefix}gclassroom-content ul li:hover {
+    background-color: rgba(53,104,89, 0.04);
+    cursor: pointer;
+}
+
+.{$prefix}gclassroom-course_work {
+  flex-direction: column;
+  align-items: start;
+}