Skip to content
Snippets Groups Projects
Commit 15f80955 authored by Steinwender, Tamara's avatar Steinwender, Tamara
Browse files

Merge branch 'master' of gitlab.tugraz.at:dbp/web-components/toolkit

parents 2d354399 2e6467da
No related branches found
No related tags found
No related merge requests found
Pipeline #14620 passed
Showing
with 45 additions and 14 deletions
node_modules
.idea
npm-debug.log
package-lock.json
index.html
...@@ -3,10 +3,17 @@ ...@@ -3,10 +3,17 @@
A web component for building SPAs consisting of one topic with multiple A web component for building SPAs consisting of one topic with multiple
activities. Handles login, language selection, activity switching, menus etc. activities. Handles login, language selection, activity switching, menus etc.
You can install these component via npm:
```bash
npm i @dbp-toolkit/app-shell
```
## Usage ## Usage
```html ```html
<dbp-app-shell src="/example.topic.metadata.json"></dbp-app-shell> <dbp-app-shell src="/example.topic.metadata.json"></dbp-app-shell>
<script type="module" src="node_modules/@dbp-toolkit/app-shell/dist/dbp-app-shell.js"></script>
``` ```
## Attributes ## Attributes
...@@ -83,6 +90,9 @@ yarn run watch ...@@ -83,6 +90,9 @@ yarn run watch
# run tests # run tests
yarn test yarn test
# build local packages in dist directory
yarn run build
``` ```
Jump to <http://localhost:8002> and you should get a Single Sign On login page. Jump to <http://localhost:8002> and you should get a Single Sign On login page.
{ {
"name": "@dbp-toolkit/app-shell", "name": "@dbp-toolkit/app-shell",
"version": "0.1.0", "homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/app-shell",
"version": "0.1.1",
"main": "src/index.js", "main": "src/index.js",
"license": "LGPL-2.1-or-later", "license": "LGPL-2.1-or-later",
"private": true,
"devDependencies": { "devDependencies": {
"@rollup/plugin-commonjs": "^16.0.0", "@rollup/plugin-commonjs": "^16.0.0",
"@rollup/plugin-json": "^4.1.0", "@rollup/plugin-json": "^4.1.0",
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
"watch": "npm run watch-local", "watch": "npm run watch-local",
"watch-local": "rollup -c --watch", "watch-local": "rollup -c --watch",
"test": "npm run build-test && karma start --singleRun", "test": "npm run build-test && karma start --singleRun",
"publish": "can-npm-publish --verbose 2>&1 && npm run build && echo 'Todo: Publish' || true", "publish": "can-npm-publish --verbose 2>&1 && npm run build && npm publish --access public || true",
"lint": "eslint ." "lint": "eslint ."
} }
} }
{ {
"name": "@dbp-toolkit/auth", "name": "@dbp-toolkit/auth",
"homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/auth",
"version": "0.1.0", "version": "0.1.0",
"main": "src/index.js", "main": "src/index.js",
"license": "LGPL-2.1-or-later", "license": "LGPL-2.1-or-later",
......
{ {
"name": "@dbp-toolkit/check-in-place-select", "name": "@dbp-toolkit/check-in-place-select",
"homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/check-in-place-select",
"version": "0.1.0", "version": "0.1.0",
"main": "src/index.js", "main": "src/index.js",
"license": "LGPL-2.1-or-later", "license": "LGPL-2.1-or-later",
...@@ -45,6 +46,6 @@ ...@@ -45,6 +46,6 @@
"watch-local": "rollup -c --watch", "watch-local": "rollup -c --watch",
"watch-dev": "rollup -c --watch --environment BUILD:development", "watch-dev": "rollup -c --watch --environment BUILD:development",
"test": "npm run build-test && karma start --singleRun", "test": "npm run build-test && karma start --singleRun",
"publish": "can-npm-publish --verbose 2>&1 && npm run build && echo 'Todo: Publish' || true" "publish": "can-npm-publish --verbose 2>&1 && npm run build && npm publish --access public || true"
} }
} }
{ {
"name": "@dbp-toolkit/common", "name": "@dbp-toolkit/common",
"homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/common",
"version": "0.1.0", "version": "0.1.0",
"module": "index.js", "module": "index.js",
"license": "LGPL-2.1-or-later", "license": "LGPL-2.1-or-later",
...@@ -29,7 +30,7 @@ ...@@ -29,7 +30,7 @@
"test": "npm run build-test && karma start --singleRun", "test": "npm run build-test && karma start --singleRun",
"watch": "rollup -c --watch", "watch": "rollup -c --watch",
"lint": "eslint .", "lint": "eslint .",
"publish": "can-npm-publish --verbose 2>&1 && npm run build && echo 'Todo: Publish' || true" "publish": "can-npm-publish --verbose 2>&1 && npm run build && npm publish --access public || true"
}, },
"dependencies": { "dependencies": {
"@open-wc/scoped-elements": "^1.3.2", "@open-wc/scoped-elements": "^1.3.2",
......
{ {
"name": "@dbp-toolkit/data-table-view", "name": "@dbp-toolkit/data-table-view",
"homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/data-table-view",
"version": "0.1.0", "version": "0.1.0",
"main": "src/index.js", "main": "src/index.js",
"license": "LGPL-2.1-or-later", "license": "LGPL-2.1-or-later",
...@@ -51,6 +52,6 @@ ...@@ -51,6 +52,6 @@
"watch-local": "rollup -c --watch", "watch-local": "rollup -c --watch",
"watch-dev": "rollup -c --watch --environment BUILD:development", "watch-dev": "rollup -c --watch --environment BUILD:development",
"test": "npm run build-test && karma start --singleRun", "test": "npm run build-test && karma start --singleRun",
"publish": "can-npm-publish --verbose 2>&1 && npm run build && echo 'Todo: Publish' || true" "publish": "can-npm-publish --verbose 2>&1 && npm run build && npm publish --access public || true"
} }
} }
{ {
"name": "@dbp-toolkit/file-handling", "name": "@dbp-toolkit/file-handling",
"homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/file-handling",
"version": "0.1.5", "version": "0.1.5",
"main": "src/index.js", "main": "src/index.js",
"license": "LGPL-2.1-or-later", "license": "LGPL-2.1-or-later",
...@@ -46,6 +47,6 @@ ...@@ -46,6 +47,6 @@
"watch-local": "rollup -c --watch", "watch-local": "rollup -c --watch",
"watch-dev": "rollup -c --watch --environment BUILD:development", "watch-dev": "rollup -c --watch --environment BUILD:development",
"test": "npm run build-test && karma start --singleRun", "test": "npm run build-test && karma start --singleRun",
"publish": "can-npm-publish --verbose 2>&1 && npm run build && echo 'Todo: Publish' || true" "publish": "can-npm-publish --verbose 2>&1 && npm run build && npm publish --access public || true"
} }
} }
{ {
"name": "@dbp-toolkit/knowledge-base-web-page-element-view", "name": "@dbp-toolkit/knowledge-base-web-page-element-view",
"homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/knowledge-base-web-page-element-view",
"version": "0.1.0", "version": "0.1.0",
"main": "src/index.js", "main": "src/index.js",
"license": "LGPL-2.1-or-later", "license": "LGPL-2.1-or-later",
...@@ -44,6 +45,6 @@ ...@@ -44,6 +45,6 @@
"watch-local": "rollup -c --watch", "watch-local": "rollup -c --watch",
"watch-dev": "rollup -c --watch --environment BUILD:development", "watch-dev": "rollup -c --watch --environment BUILD:development",
"test": "npm run build-test && karma start --singleRun", "test": "npm run build-test && karma start --singleRun",
"publish": "can-npm-publish --verbose 2>&1 && npm run build && echo 'Todo: Publish' || true" "publish": "can-npm-publish --verbose 2>&1 && npm run build && npm publish --access public || true"
} }
} }
{ {
"name": "@dbp-toolkit/language-select", "name": "@dbp-toolkit/language-select",
"homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/language-select",
"version": "0.1.0", "version": "0.1.0",
"main": "src/index.js", "main": "src/index.js",
"license": "LGPL-2.1-or-later", "license": "LGPL-2.1-or-later",
...@@ -40,6 +41,6 @@ ...@@ -40,6 +41,6 @@
"watch-local": "rollup -c --watch", "watch-local": "rollup -c --watch",
"watch-dev": "rollup -c --watch --environment BUILD:development", "watch-dev": "rollup -c --watch --environment BUILD:development",
"test": "npm run build-test && karma start --singleRun", "test": "npm run build-test && karma start --singleRun",
"publish": "can-npm-publish --verbose 2>&1 && npm run build && echo 'Todo: Publish' || true" "publish": "can-npm-publish --verbose 2>&1 && npm run build && npm publish --access public || true"
} }
} }
{ {
"name": "@dbp-toolkit/matomo", "name": "@dbp-toolkit/matomo",
"homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/matomo",
"version": "0.1.0", "version": "0.1.0",
"main": "src/index.js", "main": "src/index.js",
"license": "LGPL-2.1-or-later", "license": "LGPL-2.1-or-later",
......
{ {
"name": "@dbp-toolkit/notification", "name": "@dbp-toolkit/notification",
"homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/notification",
"version": "0.1.0", "version": "0.1.0",
"main": "src/index.js", "main": "src/index.js",
"license": "LGPL-2.1-or-later", "license": "LGPL-2.1-or-later",
...@@ -41,6 +42,6 @@ ...@@ -41,6 +42,6 @@
"watch-local": "rollup -c --watch", "watch-local": "rollup -c --watch",
"watch-dev": "rollup -c --watch --environment BUILD:development", "watch-dev": "rollup -c --watch --environment BUILD:development",
"test": "npm run build-test && karma start --singleRun", "test": "npm run build-test && karma start --singleRun",
"publish": "can-npm-publish --verbose 2>&1 && npm run build && echo 'Todo: Publish' || true" "publish": "can-npm-publish --verbose 2>&1 && npm run build && npm publish --access public || true"
} }
} }
{ {
"name": "@dbp-toolkit/person-profile", "name": "@dbp-toolkit/person-profile",
"homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/person-profile",
"version": "0.1.0", "version": "0.1.0",
"main": "src/index.js", "main": "src/index.js",
"license": "LGPL-2.1-or-later", "license": "LGPL-2.1-or-later",
...@@ -44,6 +45,6 @@ ...@@ -44,6 +45,6 @@
"watch-local": "rollup -c --watch", "watch-local": "rollup -c --watch",
"watch-dev": "rollup -c --watch --environment BUILD:development", "watch-dev": "rollup -c --watch --environment BUILD:development",
"test": "npm run build-test && karma start --singleRun", "test": "npm run build-test && karma start --singleRun",
"publish": "can-npm-publish --verbose 2>&1 && npm run build && echo 'Todo: Publish' || true" "publish": "can-npm-publish --verbose 2>&1 && npm run build && npm publish --access public || true"
} }
} }
{ {
"name": "@dbp-toolkit/person-select", "name": "@dbp-toolkit/person-select",
"homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/person-select",
"version": "0.1.0", "version": "0.1.0",
"main": "src/index.js", "main": "src/index.js",
"license": "LGPL-2.1-or-later", "license": "LGPL-2.1-or-later",
...@@ -45,6 +46,6 @@ ...@@ -45,6 +46,6 @@
"watch-local": "rollup -c --watch", "watch-local": "rollup -c --watch",
"watch-dev": "rollup -c --watch --environment BUILD:development", "watch-dev": "rollup -c --watch --environment BUILD:development",
"test": "npm run build-test && karma start --singleRun", "test": "npm run build-test && karma start --singleRun",
"publish": "can-npm-publish --verbose 2>&1 && npm run build && echo 'Todo: Publish' || true" "publish": "can-npm-publish --verbose 2>&1 && npm run build && npm publish --access public || true"
} }
} }
...@@ -32,6 +32,10 @@ after loaded. This attribute is also used to stop the QR code reader or if you d ...@@ -32,6 +32,10 @@ after loaded. This attribute is also used to stop the QR code reader or if you d
- `'code-detected'`: Outgoing Event which is fired if a QR code is detected. The data of the detected QR code is in `event.detail`. - `'code-detected'`: Outgoing Event which is fired if a QR code is detected. The data of the detected QR code is in `event.detail`.
- `'scan-started`: Fired after the first image is drawn. Can be used to scrolling or other layout dependent tasks. - `'scan-started`: Fired after the first image is drawn. Can be used to scrolling or other layout dependent tasks.
## Assets
- `qr-scanner/qr-scanner-worker.*` -> `dist/local/@dbp-toolkit/qr-code-scanner/`
## Local development ## Local development
```bash ```bash
......
{ {
"name": "@dbp-toolkit/qr-code-scanner", "name": "@dbp-toolkit/qr-code-scanner",
"homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/qr-code-scanner",
"version": "0.1.0", "version": "0.1.0",
"main": "src/index.js", "main": "src/index.js",
"license": "LGPL-2.1-or-later", "license": "LGPL-2.1-or-later",
...@@ -47,6 +48,6 @@ ...@@ -47,6 +48,6 @@
"watch-dev": "rollup -c --watch --environment BUILD:development", "watch-dev": "rollup -c --watch --environment BUILD:development",
"test": "npm run build-test && karma start --singleRun", "test": "npm run build-test && karma start --singleRun",
"lint": "eslint .", "lint": "eslint .",
"publish": "can-npm-publish --verbose 2>&1 && npm run build && echo 'Todo: Publish' || true" "publish": "can-npm-publish --verbose 2>&1 && npm run build && npm publish --access public || true"
} }
} }
...@@ -57,7 +57,7 @@ export class QrCodeScannerDemo extends ScopedElementsMixin(LitElement) { ...@@ -57,7 +57,7 @@ export class QrCodeScannerDemo extends ScopedElementsMixin(LitElement) {
<div class="container"> <div class="container">
<div class="columns is-centered"> <div class="columns is-centered">
<div class="column"> <div class="column">
<dbp-qr-code-scanner show-output lang="${this.lang}"></dbp-qr-code-scanner> <dbp-qr-code-scanner @code-detected="${(e) => console.log(e)}" @scan-started="${(e) => console.log(e)}" show-output lang="${this.lang}"></dbp-qr-code-scanner>
</div> </div>
</div> </div>
</div> </div>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment