Added calendar

Author: jasonjoh

app.js

@@ -10,6 +10,7 @@ require('dotenv').config();
 var index = require('./routes/index');
 var authorize = require('./routes/authorize');
 var mail = require('./routes/mail');
+var calendar = require('./routes/calendar');
 
 var app = express();
 
@@ -28,6 +29,7 @@ app.use(express.static(path.join(__dirname, 'public')));
 app.use('/', index);
 app.use('/authorize', authorize);
 app.use('/mail', mail);
+app.use('/calendar', calendar);
 
 // catch 404 and forward to error handler
 app.use(function(req, res, next) {

routes/calendar.js

@@ -0,0 +1,52 @@
+var express = require('express');
+var router = express.Router();
+var authHelper = require('../helpers/auth');
+var graph = require('@microsoft/microsoft-graph-client');
+
+/* GET /calendar */
+router.get('/', async function(req, res, next) {
+  let parms = { title: 'Calendar', active: { calendar: true } };
+
+  const accessToken = await authHelper.getAccessToken(req.cookies, res);
+  const userName = req.cookies.graph_user_name;
+
+  if (accessToken && userName) {
+    parms.user = userName;
+
+    // Initialize Graph client
+    const client = graph.Client.init({
+      authProvider: (done) => {
+        done(null, accessToken);
+      }
+    });
+
+    // Set start of the calendar view to today at midnight
+    const start = new Date(new Date().setHours(0,0,0));
+    // Set end of the calendar view to 7 days from start
+    const end = new Date(new Date(start).setDate(start.getDate() + 7));
+    
+    try {
+      // Get the first 10 events for the coming week
+      const result = await client
+      .api(`/me/calendarView?startDateTime=${start.toISOString()}&endDateTime=${end.toISOString()}`)
+      .top(10)
+      .select('subject,start,end,attendees')
+      .orderby('start/dateTime DESC')
+      .get();
+
+      parms.events = result.value;
+      res.render('calendar', parms);
+    } catch (err) {
+      parms.message = 'Error retrieving events';
+      parms.error = { status: `${err.code}: ${err.message}` };
+      parms.debug = JSON.stringify(err.body, null, 2);
+      res.render('error', parms);
+    }
+    
+  } else {
+    // Redirect to home
+    res.redirect('/');
+  }
+});
+
+module.exports = router;

routes/mail.js

@@ -3,7 +3,7 @@ var router = express.Router();
 var authHelper = require('../helpers/auth');
 var graph = require('@microsoft/microsoft-graph-client');
 
-/* GET home page. */
+/* GET /mail */
 router.get('/', async function(req, res, next) {
   let parms = { title: 'Inbox', active: { inbox: true } };
 
@@ -30,6 +30,7 @@ router.get('/', async function(req, res, next) {
       .get();
 
       parms.messages = result.value;
+      res.render('mail', parms);
     } catch (err) {
       parms.message = 'Error retrieving messages';
       parms.error = { status: `${err.code}: ${err.message}` };
@@ -41,8 +42,6 @@ router.get('/', async function(req, res, next) {
     // Redirect to home
     res.redirect('/');
   }
-
-  res.render('mail', parms);
 });
 
 module.exports = router;

sample.env

@@ -1,4 +1,4 @@
 APP_ID="YOUR APP ID HERE"
 APP_PASSWORD="YOUR APP PASSWORD HERE"
-APP_SCOPES="openid profile offline_access User.Read Mail.Read"
+APP_SCOPES="openid profile offline_access User.Read Mail.Read Calendars.Read"
 REDIRECT_URI="http://localhost:3000/authorize"

views/calendar.hbs

@@ -0,0 +1,27 @@
+<h2>Calendar</h2>
+<table class="table">
+  <thead class="thead-light">
+    <th scope="col">Subject</th>
+    <th scope="col">Start</th>
+    <th scope="col">End</th>
+    <th scope="col">Attendees</th>
+  </thead>
+  <tbody>
+    {{#each events}}
+      <tr>
+        <td>{{this.subject}}</td>
+        <td>{{this.start.dateTime}} ({{this.start.timeZone}})</td>
+        <td>{{this.end.dateTime}} ({{this.end.timeZone}})</td>
+        <td>
+          <ul class="list-unstyled">
+            {{#each this.attendees}}
+              <li class="border" title="{{this.emailAddress.address}}">
+                {{this.emailAddress.name}}
+              </li>
+            {{/each}}
+          </ul>
+        </td>
+      </tr>
+    {{/each}}
+  </tbody>
+</table>

views/layout.hbs

@@ -24,6 +24,9 @@
             <li class="nav-item{{#if active.inbox}} active{{/if}}">
               <a class="nav-link" href="/mail">Inbox</a>
             </li>
+            <li class="nav-item{{#if active.calendar}} active{{/if}}">
+              <a class="nav-link" href="/calendar">Calendar</a>
+            </li>
           {{/if}}
         </ul>
         <ul class="navbar-nav justify-content-end">