From 6657d5dbf5677af04ab79c8a81b203cd2e309dc0 Mon Sep 17 00:00:00 2001 From: Travis Ralston Date: Thu, 14 Dec 2017 21:25:15 -0700 Subject: [PATCH 001/111] Start of a new UI for Dimension Integrations need styling and the breadcrumbs don't work. Further, you can't actually add/edit anything. --- package-lock.json | 12 ++ package.json | 2 + src/DimensionApi.js | 22 +- src/storage/DimensionStore.js | 12 ++ web/app/app.component.html | 2 + web/app/app.module.ts | 6 + web/app/app.routing.ts | 5 +- .../page-header/page-header.component.html | 9 + .../page-header/page-header.component.scss | 28 +++ web/app/page-header/page-header.component.ts | 10 + web/app/riot/riot.component.html | 115 +++++----- web/app/riot/riot.component.scss | 16 +- web/app/riot/riot.component.ts | 201 ++++++++++++------ web/app/shared/api.service.ts | 5 + web/app/shared/models/integration.ts | 14 +- web/app/spinner/spinner.component.html | 6 + web/app/spinner/spinner.component.scss | 2 + web/app/spinner/spinner.component.ts | 9 + web/style/app.scss | 6 +- 19 files changed, 322 insertions(+), 160 deletions(-) create mode 100644 web/app/page-header/page-header.component.html create mode 100644 web/app/page-header/page-header.component.scss create mode 100644 web/app/page-header/page-header.component.ts create mode 100644 web/app/spinner/spinner.component.html create mode 100644 web/app/spinner/spinner.component.scss create mode 100644 web/app/spinner/spinner.component.ts diff --git a/package-lock.json b/package-lock.json index 9ec711f..e0cdec6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4550,6 +4550,12 @@ "resolved": "https://registry.npmjs.org/netmask/-/netmask-1.0.6.tgz", "integrity": "sha1-ICl+idhvb2QA8lDZ9Pa0wZRfzTU=" }, + "ng2-breadcrumbs": { + "version": "0.1.281", + "resolved": "https://registry.npmjs.org/ng2-breadcrumbs/-/ng2-breadcrumbs-0.1.281.tgz", + "integrity": "sha1-OKZsYoD7BgwacyQ7ezP3zZ88waY=", + "dev": true + }, "ngx-modialog": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/ngx-modialog/-/ngx-modialog-3.0.4.tgz", @@ -8052,6 +8058,12 @@ "wbuf": "1.7.2" } }, + "spinkit": { + "version": "1.2.5", + "resolved": "https://registry.npmjs.org/spinkit/-/spinkit-1.2.5.tgz", + "integrity": "sha1-kPn0ZqIOjjnvJNqVnB5hHCow3VQ=", + "dev": true + }, "split-string": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz", diff --git a/package.json b/package.json index d2479eb..fe4885b 100644 --- a/package.json +++ b/package.json @@ -72,6 +72,7 @@ "html-webpack-plugin": "^2.28.0", "jquery": "^3.2.1", "json-loader": "^0.5.4", + "ng2-breadcrumbs": "^0.1.281", "ngx-modialog": "^3.0.4", "node-sass": "^4.7.2", "postcss-cssnext": "^3.0.0", @@ -84,6 +85,7 @@ "rxjs": "^5.5.5", "sass-loader": "^6.0.3", "shelljs": "^0.7.8", + "spinkit": "^1.2.5", "style-loader": "^0.18.2", "ts-helpers": "^1.1.2", "tslint": "^5.8.0", diff --git a/src/DimensionApi.js b/src/DimensionApi.js index c8b4728..28f3061 100644 --- a/src/DimensionApi.js +++ b/src/DimensionApi.js @@ -33,6 +33,25 @@ class DimensionApi { app.get("/api/v1/dimension/integrations/:roomId/:type/:integrationType/state", this._getIntegrationState.bind(this)); app.get("/api/v1/dimension/widgets/embeddable", this._checkEmbeddable.bind(this)); app.get("/api/v1/dimension/integration/:type/:integrationType", this._getIntegration.bind(this)); + app.get("/api/v1/dimension/whoami", this._getTokenOwner.bind(this)); + } + + _getTokenOwner(req, res) { + res.setHeader("Content-Type", "application/json"); + + var scalarToken = req.query.scalar_token; + if (!scalarToken) { + res.status(400).send({error: 'Missing scalar token'}); + return; + } + + this._db.getTokenOwner(scalarToken).then(userId => { + res.status(200).send({userId: userId}); + }).catch(err => { + log.error("DimensionApi", err); + console.error(err); + res.status(401).send({error: 'Invalid token or other error'}); + }); } _checkEmbeddable(req, res) { @@ -113,7 +132,8 @@ class DimensionApi { } } - _getIntegration(req, res) {res.setHeader("Content-Type", "application/json"); + _getIntegration(req, res) { + res.setHeader("Content-Type", "application/json"); // Unauthed endpoint. var type = req.params.type; diff --git a/src/storage/DimensionStore.js b/src/storage/DimensionStore.js index a8f0172..d013f7e 100644 --- a/src/storage/DimensionStore.js +++ b/src/storage/DimensionStore.js @@ -92,6 +92,18 @@ class DimensionStore { }); } + /** + * Gets the user ID that owns a given token, returning a falsey value if no one owns the token. + * @param {string} scalarToken the scalar token to check + * @returns {Promise} resolves to the user ID, or a falsey value if no user ID was found + */ + getTokenOwner(scalarToken) { + return this.__Tokens.find({where:{scalarToken: scalarToken}}).then(token => { + if (!token) return Promise.reject(new Error("Token not found")); + return Promise.resolve(token.matrixUserId); + }) + } + /** * Gets the upstream token for a given scalar token * @param {string} scalarToken the scalar token to lookup diff --git a/web/app/app.component.html b/web/app/app.component.html index 27c14e7..80510b9 100644 --- a/web/app/app.component.html +++ b/web/app/app.component.html @@ -2,6 +2,8 @@
+ +