diff --git a/README.md b/README.md index ea9a09e..9785974 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,56 @@ # msgraphtoolkitsamples -Project samples exploring the Microsoft Graph Toolkit components +This repository contains samples that demonstrate different usages patterns for the Microsoft Graph Toolkit web components + +There are different files under examples/js-apps/views folder contains the example of each component. The below is the list, +allcomponents.html +getallusers.html +groupandmembers.html +heirarchyview.html +plannertasks-timeline.html +recentitems.html +roleandmembers.html + +Each file is independent, so we have to add the Client ID to each file, and also we have to add the each file url as redirect URL in App Registrtation portal. + +## STEPS +* Under Views folder, open any html +* Search for [[CLIENT-ID], available im mgt-msal-provider element, replace this with the your Client ID from your registration app. How to - https://www.youtube.com/watch?v=HgZJEEoRk4w&t=14s +* Save the file + +* Navigate to App Registration Portal and select your App. +* Then add the localhost html location in Redirect URL in your registered app + +* Everything is ready run `npm install` +* Then run `npm start` + + +## All Components - allcomponents.html +![allcomponents.html](https://raw.githubusercontent.com/ktskumar/msgraphtoolkitsamples/dev/docs/images/allcomponents.jpg) + +## Get All Group Users - getallusers.html +![getallusers.html](https://raw.githubusercontent.com/ktskumar/msgraphtoolkitsamples/dev/docs/images/allusers.jpg) + +## Groups and Its Members - groupandmembers.html +![groupandmembers.html](https://raw.githubusercontent.com/ktskumar/msgraphtoolkitsamples/dev/docs/images/groupsandmembers.jpg) + +## Heirarchy View - heirarchyview.html +![heirarchyview.html](https://raw.githubusercontent.com/ktskumar/msgraphtoolkitsamples/dev/docs/images/heirarchyview.jpg) + +## Planner Tasks and Timeline - plannertasks-timeline.html +![plannertasks-timeline.html](https://raw.githubusercontent.com/ktskumar/msgraphtoolkitsamples/dev/docs/images/plannertasks-timeline.jpg) + +## Recent Items - recentItems.html +![recentItems.html](https://raw.githubusercontent.com/ktskumar/msgraphtoolkitsamples/dev/docs/images/recentitems.jpg) + +## Role and its members - roleandmembers.html +![roleandmembers.html](https://raw.githubusercontent.com/ktskumar/msgraphtoolkitsamples/dev/docs/images/roleandmembers.jpg) + +## Mail Box +In Progress + +And lot more examples are coming soon.. + +Shantha Kumar T ( @ktskumar ) +ktskumar.com + + diff --git a/docs/images/allcomponents.jpg b/docs/images/allcomponents.jpg new file mode 100644 index 0000000..6b8fec5 Binary files /dev/null and b/docs/images/allcomponents.jpg differ diff --git a/docs/images/allusers.jpg b/docs/images/allusers.jpg new file mode 100644 index 0000000..4f80078 Binary files /dev/null and b/docs/images/allusers.jpg differ diff --git a/docs/images/groupsandmembers.jpg b/docs/images/groupsandmembers.jpg new file mode 100644 index 0000000..05c4c21 Binary files /dev/null and b/docs/images/groupsandmembers.jpg differ diff --git a/docs/images/heirarchyview.jpg b/docs/images/heirarchyview.jpg new file mode 100644 index 0000000..450ee9d Binary files /dev/null and b/docs/images/heirarchyview.jpg differ diff --git a/docs/images/plannertasks-timeline.jpg b/docs/images/plannertasks-timeline.jpg new file mode 100644 index 0000000..deaed61 Binary files /dev/null and b/docs/images/plannertasks-timeline.jpg differ diff --git a/docs/images/recentitems.jpg b/docs/images/recentitems.jpg new file mode 100644 index 0000000..483bc1d Binary files /dev/null and b/docs/images/recentitems.jpg differ diff --git a/docs/images/roleandmembers.jpg b/docs/images/roleandmembers.jpg new file mode 100644 index 0000000..c5b99e5 Binary files /dev/null and b/docs/images/roleandmembers.jpg differ diff --git a/examples/js-apps/assets/style.css b/examples/js-apps/assets/style.css new file mode 100644 index 0000000..2c52434 --- /dev/null +++ b/examples/js-apps/assets/style.css @@ -0,0 +1,47 @@ +body { + font-family: SegoeUI, Helvetica, Arial, sans-serif; + margin:auto; + padding: 0px; +} + +@font-face { + font-family: 'SegoeUI'; + src: local('Segoe UI Light'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'SegoeUI'; + src: local('Segoe UI Semilight'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'SegoeUI'; + src: local('Segoe UI'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'SegoeUI'; + src: local('Segoe UI Semibold'); + font-weight: 600; + font-style: normal; +} + +header{ + padding:0 10px; + height: 64px; + align-items: center; + display:flex; + flex-direction: row; + border:1px solid #eee; + font-size:18px; + font-weight: bold; +} +mgt-login{ + margin-left: auto; +} diff --git a/examples/js-apps/index.js b/examples/js-apps/index.js new file mode 100644 index 0000000..6e99b1b --- /dev/null +++ b/examples/js-apps/index.js @@ -0,0 +1,26 @@ +// server.js +// where your node app starts + +// init project +const express = require("express"); +const app = express(); +const port = 2020; + +// we've started you off with Express, +// but feel free to use whatever libs or frameworks you'd like through `package.json`. + +// http://expressjs.com/en/starter/static-files.html +app.use(express.static("assets")); +app.use(express.static("views")); + +// http://expressjs.com/en/starter/basic-routing.html +app.get("/", function(request, response) { + response.sendFile(__dirname + "/views/index.html"); +}); + + + +// listen for requests :) +const listener = app.listen(port, function() { + console.log("Your app is listening on port " + listener.address().port); +}); diff --git a/examples/js-apps/package-lock.json b/examples/js-apps/package-lock.json new file mode 100644 index 0000000..0032af1 --- /dev/null +++ b/examples/js-apps/package-lock.json @@ -0,0 +1,374 @@ +{ + "name": "mgtjs-apps", + "version": "1.0.0", + "lockfileVersion": 1, + "requires": true, + "dependencies": { + "accepts": { + "version": "1.3.7", + "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.7.tgz", + "integrity": "sha512-Il80Qs2WjYlJIBNzNkK6KYqlVMTbZLXgHx2oT0pU/fjRHyEp+PEfEPY0R3WCwAGVOtauxh1hOxNgIf5bv7dQpA==", + "requires": { + "mime-types": "~2.1.24", + "negotiator": "0.6.2" + } + }, + "array-flatten": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", + "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=" + }, + "body-parser": { + "version": "1.19.0", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.19.0.tgz", + "integrity": "sha512-dhEPs72UPbDnAQJ9ZKMNTP6ptJaionhP5cBb541nXPlW60Jepo9RV/a4fX4XWW9CuFNK22krhrj1+rgzifNCsw==", + "requires": { + "bytes": "3.1.0", + "content-type": "~1.0.4", + "debug": "2.6.9", + "depd": "~1.1.2", + "http-errors": "1.7.2", + "iconv-lite": "0.4.24", + "on-finished": "~2.3.0", + "qs": "6.7.0", + "raw-body": "2.4.0", + "type-is": "~1.6.17" + } + }, + "bytes": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz", + "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==" + }, + "content-disposition": { + "version": "0.5.3", + "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.3.tgz", + "integrity": "sha512-ExO0774ikEObIAEV9kDo50o+79VCUdEB6n6lzKgGwupcVeRlhrj3qGAfwq8G6uBJjkqLrhT0qEYFcWng8z1z0g==", + "requires": { + "safe-buffer": "5.1.2" + } + }, + "content-type": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz", + "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==" + }, + "cookie": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.0.tgz", + "integrity": "sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg==" + }, + "cookie-signature": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", + "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=" + }, + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "requires": { + "ms": "2.0.0" + } + }, + "depd": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", + "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=" + }, + "destroy": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz", + "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=" + }, + "ee-first": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", + "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=" + }, + "encodeurl": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", + "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=" + }, + "escape-html": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", + "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=" + }, + "etag": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", + "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=" + }, + "express": { + "version": "4.17.1", + "resolved": "https://registry.npmjs.org/express/-/express-4.17.1.tgz", + "integrity": "sha512-mHJ9O79RqluphRrcw2X/GTh3k9tVv8YcoyY4Kkh4WDMUYKRZUq0h1o0w2rrrxBqM7VoeUVqgb27xlEMXTnYt4g==", + "requires": { + "accepts": "~1.3.7", + "array-flatten": "1.1.1", + "body-parser": "1.19.0", + "content-disposition": "0.5.3", + "content-type": "~1.0.4", + "cookie": "0.4.0", + "cookie-signature": "1.0.6", + "debug": "2.6.9", + "depd": "~1.1.2", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "finalhandler": "~1.1.2", + "fresh": "0.5.2", + "merge-descriptors": "1.0.1", + "methods": "~1.1.2", + "on-finished": "~2.3.0", + "parseurl": "~1.3.3", + "path-to-regexp": "0.1.7", + "proxy-addr": "~2.0.5", + "qs": "6.7.0", + "range-parser": "~1.2.1", + "safe-buffer": "5.1.2", + "send": "0.17.1", + "serve-static": "1.14.1", + "setprototypeof": "1.1.1", + "statuses": "~1.5.0", + "type-is": "~1.6.18", + "utils-merge": "1.0.1", + "vary": "~1.1.2" + } + }, + "finalhandler": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz", + "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==", + "requires": { + "debug": "2.6.9", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "on-finished": "~2.3.0", + "parseurl": "~1.3.3", + "statuses": "~1.5.0", + "unpipe": "~1.0.0" + } + }, + "forwarded": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz", + "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=" + }, + "fresh": { + "version": "0.5.2", + "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", + "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=" + }, + "http-errors": { + "version": "1.7.2", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.2.tgz", + "integrity": "sha512-uUQBt3H/cSIVfch6i1EuPNy/YsRSOUBXTVfZ+yR7Zjez3qjBz6i9+i4zjNaoqcoFVI4lQJ5plg63TvGfRSDCRg==", + "requires": { + "depd": "~1.1.2", + "inherits": "2.0.3", + "setprototypeof": "1.1.1", + "statuses": ">= 1.5.0 < 2", + "toidentifier": "1.0.0" + } + }, + "iconv-lite": { + "version": "0.4.24", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", + "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==", + "requires": { + "safer-buffer": ">= 2.1.2 < 3" + } + }, + "inherits": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", + "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=" + }, + "ipaddr.js": { + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.0.tgz", + "integrity": "sha512-M4Sjn6N/+O6/IXSJseKqHoFc+5FdGJ22sXqnjTpdZweHK64MzEPAyQZyEU3R/KRv2GLoa7nNtg/C2Ev6m7z+eA==" + }, + "media-typer": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", + "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=" + }, + "merge-descriptors": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", + "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=" + }, + "methods": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", + "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=" + }, + "mime": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", + "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==" + }, + "mime-db": { + "version": "1.43.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.43.0.tgz", + "integrity": "sha512-+5dsGEEovYbT8UY9yD7eE4XTc4UwJ1jBYlgaQQF38ENsKR3wj/8q8RFZrF9WIZpB2V1ArTVFUva8sAul1NzRzQ==" + }, + "mime-types": { + "version": "2.1.26", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.26.tgz", + "integrity": "sha512-01paPWYgLrkqAyrlDorC1uDwl2p3qZT7yl806vW7DvDoxwXi46jsjFbg+WdwotBIk6/MbEhO/dh5aZ5sNj/dWQ==", + "requires": { + "mime-db": "1.43.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" + }, + "negotiator": { + "version": "0.6.2", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.2.tgz", + "integrity": "sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw==" + }, + "on-finished": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", + "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=", + "requires": { + "ee-first": "1.1.1" + } + }, + "parseurl": { + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz", + "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==" + }, + "path-to-regexp": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz", + "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=" + }, + "proxy-addr": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.5.tgz", + "integrity": "sha512-t/7RxHXPH6cJtP0pRG6smSr9QJidhB+3kXu0KgXnbGYMgzEnUxRQ4/LDdfOwZEMyIh3/xHb8PX3t+lfL9z+YVQ==", + "requires": { + "forwarded": "~0.1.2", + "ipaddr.js": "1.9.0" + } + }, + "qs": { + "version": "6.7.0", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.7.0.tgz", + "integrity": "sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ==" + }, + "range-parser": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz", + "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==" + }, + "raw-body": { + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.0.tgz", + "integrity": "sha512-4Oz8DUIwdvoa5qMJelxipzi/iJIi40O5cGV1wNYp5hvZP8ZN0T+jiNkL0QepXs+EsQ9XJ8ipEDoiH70ySUJP3Q==", + "requires": { + "bytes": "3.1.0", + "http-errors": "1.7.2", + "iconv-lite": "0.4.24", + "unpipe": "1.0.0" + } + }, + "safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==" + }, + "safer-buffer": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==" + }, + "send": { + "version": "0.17.1", + "resolved": "https://registry.npmjs.org/send/-/send-0.17.1.tgz", + "integrity": "sha512-BsVKsiGcQMFwT8UxypobUKyv7irCNRHk1T0G680vk88yf6LBByGcZJOTJCrTP2xVN6yI+XjPJcNuE3V4fT9sAg==", + "requires": { + "debug": "2.6.9", + "depd": "~1.1.2", + "destroy": "~1.0.4", + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "etag": "~1.8.1", + "fresh": "0.5.2", + "http-errors": "~1.7.2", + "mime": "1.6.0", + "ms": "2.1.1", + "on-finished": "~2.3.0", + "range-parser": "~1.2.1", + "statuses": "~1.5.0" + }, + "dependencies": { + "ms": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz", + "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==" + } + } + }, + "serve-static": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.14.1.tgz", + "integrity": "sha512-JMrvUwE54emCYWlTI+hGrGv5I8dEwmco/00EvkzIIsR7MqrHonbD9pO2MOfFnpFntl7ecpZs+3mW+XbQZu9QCg==", + "requires": { + "encodeurl": "~1.0.2", + "escape-html": "~1.0.3", + "parseurl": "~1.3.3", + "send": "0.17.1" + } + }, + "setprototypeof": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.1.tgz", + "integrity": "sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw==" + }, + "statuses": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz", + "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=" + }, + "toidentifier": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz", + "integrity": "sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==" + }, + "type-is": { + "version": "1.6.18", + "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz", + "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==", + "requires": { + "media-typer": "0.3.0", + "mime-types": "~2.1.24" + } + }, + "unpipe": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", + "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=" + }, + "utils-merge": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", + "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=" + }, + "vary": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", + "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=" + } + } +} diff --git a/examples/js-apps/package.json b/examples/js-apps/package.json new file mode 100644 index 0000000..9e9630a --- /dev/null +++ b/examples/js-apps/package.json @@ -0,0 +1,25 @@ +{ + "name": "mgtjs-apps", + "version": "1.0.0", + "description": "Project contains examples of microsoft graph toolkit components built with javascript", + "main": "index.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1", + "start":"node index.js" + }, + "keywords": [ + "MGT", + "Microsoft", + "Graph", + "Microsoft", + "Graph", + "Toolkit", + "Office", + "365" + ], + "author": "Shantha Kumar T ( @ktskumar )", + "license": "MIT", + "dependencies": { + "express": "^4.17.1" + } +} diff --git a/examples/js-apps/views/GroupAndMembers.html b/examples/js-apps/views/GroupAndMembers.html new file mode 100644 index 0000000..0c87c0a --- /dev/null +++ b/examples/js-apps/views/GroupAndMembers.html @@ -0,0 +1,104 @@ + + + + + Microsoft Graph Toolkit Samples! + + + + + + + + + +

Microsoft Graph Toolkit - Groups and its Members

+ + + + + + +
+ +
+ +
All Groups
+ + + + + +
+
+
+
+ + + + + + \ No newline at end of file diff --git a/examples/js-apps/views/allcomponents.html b/examples/js-apps/views/allcomponents.html new file mode 100644 index 0000000..c6f91f7 --- /dev/null +++ b/examples/js-apps/views/allcomponents.html @@ -0,0 +1,78 @@ + + + + SharePoint Saturday Demo + + + + +

Microsoft Graph Toolkit - Testing All Components

+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/examples/js-apps/views/getAllUsers.html b/examples/js-apps/views/getAllUsers.html new file mode 100644 index 0000000..35cb210 --- /dev/null +++ b/examples/js-apps/views/getAllUsers.html @@ -0,0 +1,105 @@ + + + + + Microsoft Graph Toolkit Samples! + + + + + + + + + + + + + + +
+
Microsoft Graph Toolkit - All Users
+ +
+ + + +
+ + + +
+ + + + + \ No newline at end of file diff --git a/examples/js-apps/views/heirarchyView.html b/examples/js-apps/views/heirarchyView.html new file mode 100644 index 0000000..ea56d04 --- /dev/null +++ b/examples/js-apps/views/heirarchyView.html @@ -0,0 +1,311 @@ + + + + + Microsoft Graph Toolkit Samples! + + + + + + + + + + + +
+
Microsoft Graph Toolkit - Heirarchy View
+ +
+ + + + +
+ +
+ + + + + + +
+ + + + + +
+ + + + + +
+
+ + + + + + + \ No newline at end of file diff --git a/examples/js-apps/views/index.html b/examples/js-apps/views/index.html new file mode 100644 index 0000000..eec0fb8 --- /dev/null +++ b/examples/js-apps/views/index.html @@ -0,0 +1,118 @@ + + + + + Microsoft Graph Toolkit Samples! + + + + + + + + + + + + + +
+
Microsoft Graph Toolkit - My Mails
+ +
+ + + +
+ + +
+
+ + + +
+
+ + + +
+
+
+ + + +
+ + + + + \ No newline at end of file diff --git a/examples/js-apps/views/plannertasks-timeline.html b/examples/js-apps/views/plannertasks-timeline.html new file mode 100644 index 0000000..778d04f --- /dev/null +++ b/examples/js-apps/views/plannertasks-timeline.html @@ -0,0 +1,344 @@ + + + + + Microsoft Graph Toolkit Samples! + + + + + + + + + + + +
+
Microsoft Graph Toolkit - Planner Tasks Timeline
+ +
+ + +
+ + + + + +
+ + + + + \ No newline at end of file diff --git a/examples/js-apps/views/recentItems.html b/examples/js-apps/views/recentItems.html new file mode 100644 index 0000000..496487c --- /dev/null +++ b/examples/js-apps/views/recentItems.html @@ -0,0 +1,231 @@ + + + + + Microsoft Graph Toolkit Samples! + + + + + + + + + + + + + +
+
Microsoft Graph Toolkit - Recent Items
+ +
+ + +
+ + + +
+ + + + + + \ No newline at end of file diff --git a/examples/js-apps/views/roleandmembers.html b/examples/js-apps/views/roleandmembers.html new file mode 100644 index 0000000..9a2e940 --- /dev/null +++ b/examples/js-apps/views/roleandmembers.html @@ -0,0 +1,54 @@ + + + + + Microsoft Graph Toolkit Samples! + + + + + + + + + + + +
+
Microsoft Graph Toolkit - Directory Roles and Members
+ +
+ +
+ + + +
+ + + + + \ No newline at end of file