From 28056f5ddc909f733fa870a80a11e07dc4af9e2b Mon Sep 17 00:00:00 2001
From: Patrizio Bekerle <patrizio@bekerle.com>
Date: Tue, 25 May 2021 14:12:41 +0200
Subject: [PATCH] Move examples to separate files and add
dbp-qualified-signature-pdf-upload example
---
README.md | 100 ++----------------
.../index.html | 59 +++++++++++
examples/dbp-signature/index.html | 85 +++++++++++++++
package.json | 2 +-
4 files changed, 156 insertions(+), 90 deletions(-)
create mode 100644 examples/dbp-qualified-signature-pdf-upload/index.html
create mode 100644 examples/dbp-signature/index.html
diff --git a/README.md b/README.md
index dad85e6..793456b 100644
--- a/README.md
+++ b/README.md
@@ -37,94 +37,16 @@ npm install @dbp-topics/signature
```
But you can also use this app directly from the [Unpkg CDN](https://unpkg.com/browse/@dbp-topics/signature/)
-for example like this:
-
-```html
-<!doctype html>
-<html>
-<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
-
- <!-- Favicons -->
- <link rel="shortcut icon" type="image/x-icon" href="https://unpkg.com/@dbp-topics/signature@1.0.2/dist/local/@dbp-topics/signature/favicon.ico">
- <link rel="icon" type="image/svg+xml" href="https://unpkg.com/@dbp-topics/signature@1.0.2/dist/local/@dbp-topics/signature/favicon.svg" sizes="any">
-
- <!-- PWA manfiest file -->
- <link rel="manifest" href="https://unpkg.com/@dbp-topics/signature@1.0.2/dist/dbp-signature.manifest.json">
-
- <!-- PWA iphone -->
- <link rel="apple-touch-icon" sizes="180x180" href="https://unpkg.com/@dbp-topics/signature@1.0.2/dist/local/@dbp-topics/signature/icon-180x180.png">
- <link rel="icon" type="image/png" sizes="32x32" href="https://unpkg.com/@dbp-topics/signature@1.0.2/dist/local/@dbp-topics/signature/icon-32x32.png">
- <link rel="icon" type="image/png" sizes="16x16" href="https://unpkg.com/@dbp-topics/signature@1.0.2/dist/local/@dbp-topics/signature/icon-16x16.png">
-
- <!-- Loading spinner -->
- <script type="module">
- import {Spinner} from 'https://unpkg.com/@dbp-topics/signature@1.0.2/dist/local/@dbp-topics/signature/spinner.js';
- customElements.define('dbp-loading-spinner', Spinner);
- </script>
-
- <!-- App bundles-->
- <script type="module" src="https://unpkg.com/@dbp-topics/signature@1.0.2/dist/dbp-signature.js"></script>
-
- <!-- Prevent Chrome/Edge from suggesting to translate the page -->
- <meta name="google" content="notranslate">
-
- <!-- Font related CSS -->
- <style>
- @import "https://unpkg.com/@dbp-topics/signature@1.0.2/dist/local/@dbp-topics/signature/fonts/source-sans-pro/300.css";
- @import "https://unpkg.com/@dbp-topics/signature@1.0.2/dist/local/@dbp-topics/signature/fonts/source-sans-pro/400.css";
- @import "https://unpkg.com/@dbp-topics/signature@1.0.2/dist/local/@dbp-topics/signature/fonts/source-sans-pro/600.css";
-
- body {
- font-family: 'Source Sans Pro', 'Calibri', 'Arial', 'sans-serif';
- font-weight: 300;
- margin: 0;
- }
-
- /* TU-Graz style override */
- html {
- --dbp-override-primary-bg-color: #245b78;
- --dbp-override-primary-button-border: solid 1px #245b78;
- --dbp-override-info-bg-color: #245b78;
- --dbp-override-danger-bg-color: #e4154b;
- --dbp-override-warning-bg-color: #ffe183;
- --dbp-override-warning-text-color: black;
- --dbp-override-success-bg-color: #259207;
- }
- </style>
-
- <!-- Preloading/Preconnecting -->
- <link rel="preconnect" href="https://mw-dev.tugraz.at">
- <link rel="preconnect" href="https://auth-dev.tugraz.at/auth">
-</head>
-
-<body>
-<dbp-signature
- lang="de" entry-point-url="https://mw-dev.tugraz.at"
- show-nextcloud-file-picker
- show-clipboard
- allow-annotating
- nextcloud-web-app-password-url="http://localhost:8081/index.php/apps/webapppassword"
- nextcloud-webdav-url="http://localhost:8081/remote.php/dav/files"
- nextcloud-name="TU Graz cloud"
- nextcloud-file-url="http://localhost:8081/index.php/apps/files/?dir="
- initial-file-handling-state
- clipboard-files
- auth requested-login-status analytics-event
- src="https://unpkg.com/@dbp-topics/signature@1.0.2/dist/dbp-signature.topic.metadata.json"
- base-path="/"
- keycloak-config='{"url": "https://auth-dev.tugraz.at/auth", "realm": "tugraz", "clientId": "auth-dev-mw-frontend-local", "silentCheckSsoRedirectUri": "./silent-check-sso.html"}'
- matomo-url='https://analytics.tugraz.at/'
- matomo-site-id='131'
- env='local'
-><dbp-loading-spinner></dbp-loading-spinner></dbp-signature>
-
-<!-- Error handling for too old browsers -->
-<script src="https://unpkg.com/@dbp-topics/signature@1.0.2/dist/local/@dbp-topics/signature/browser-check.js" defer></script>
-<noscript>Diese Applikation benötigt Javascript / This application requires Javascript</noscript>
-</body>
-</html>
-```
+for example like this: [dbp-signature/index.html](https://gitlab.tugraz.at/dbp/esign/signature/-/tree/master/examples/dbp-signature/index.html)
+
+Note that you will need a Keycloak server along with a client id for the domain you are running this html on.
+
+## Activities
+
+### dbp-qualified-signature-pdf-upload
+
+You can also use a single activity directly from the [Unpkg CDN](https://unpkg.com/browse/@dbp-topics/signature/)
+for example the `dbp-qualified-signature-pdf-upload` activity to qualifiedly sign PDF documents like this:
+[dbp-qualified-signature-pdf-upload/index.html](https://gitlab.tugraz.at/dbp/esign/signature/-/tree/master/examples/dbp-qualified-signature-pdf-upload/index.html)
Note that you will need a Keycloak server along with a client id for the domain you are running this html on.
diff --git a/examples/dbp-qualified-signature-pdf-upload/index.html b/examples/dbp-qualified-signature-pdf-upload/index.html
new file mode 100644
index 0000000..0d3d7a4
--- /dev/null
+++ b/examples/dbp-qualified-signature-pdf-upload/index.html
@@ -0,0 +1,59 @@
+<!doctype html>
+<html>
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+
+ <!-- Package bundles-->
+ <script type="module" src="https://unpkg.com/@dbp-toolkit/provider@0.2.2/dist/dbp-provider.js"></script>
+ <script type="module" src="https://unpkg.com/@dbp-toolkit/auth@0.2.2/dist/dbp-auth.js"></script>
+ <script type="module" src="https://unpkg.com/@dbp-topics/signature@1.0.3/dist/dbp-qualified-signature-pdf-upload.js"></script>
+
+ <!-- Prevent Chrome/Edge from suggesting to translate the page -->
+ <meta name="google" content="notranslate">
+
+ <!-- Font related CSS -->
+ <style>
+ @import "https://unpkg.com/@dbp-topics/signature@1.0.3/dist/local/@dbp-topics/signature/fonts/source-sans-pro/300.css";
+ @import "https://unpkg.com/@dbp-topics/signature@1.0.3/dist/local/@dbp-topics/signature/fonts/source-sans-pro/400.css";
+ @import "https://unpkg.com/@dbp-topics/signature@1.0.3/dist/local/@dbp-topics/signature/fonts/source-sans-pro/600.css";
+
+ body {
+ font-family: 'Source Sans Pro', 'Calibri', 'Arial', 'sans-serif';
+ font-weight: 300;
+ margin: 0;
+ }
+
+ /* TU-Graz style override */
+ html {
+ --dbp-override-primary-bg-color: #245b78;
+ --dbp-override-primary-button-border: solid 1px #245b78;
+ --dbp-override-info-bg-color: #245b78;
+ --dbp-override-danger-bg-color: #e4154b;
+ --dbp-override-warning-bg-color: #ffe183;
+ --dbp-override-warning-text-color: black;
+ --dbp-override-success-bg-color: #259207;
+ }
+ </style>
+
+ <!-- Preloading/Preconnecting -->
+ <link rel="preconnect" href="https://mw-dev.tugraz.at">
+ <link rel="preconnect" href="https://auth-dev.tugraz.at/auth">
+</head>
+
+<body>
+
+<dbp-provider auth requested-login-status analytics-event lang="de" entry-point-url="https://mw-dev.tugraz.at">
+ <dbp-auth-keycloak client-id="auth-dev-mw-frontend-local" idp-hint=""
+ load-person="" realm="tugraz" scope=""
+ silent-check-sso-redirect-uri="./silent-check-sso.html"
+ subscribe="requested-login-status,entry-point-url,lang"
+ try-login=""
+ url="https://auth-dev.tugraz.at/auth"
+ ></dbp-auth-keycloak>
+ <dbp-login-button subscribe="auth,lang"></dbp-login-button>
+ <dbp-qualified-signature-pdf-upload subscribe="lang,entry-point-url,auth"></dbp-qualified-signature-pdf-upload>
+</dbp-provider>
+
+</body>
+</html>
diff --git a/examples/dbp-signature/index.html b/examples/dbp-signature/index.html
new file mode 100644
index 0000000..f3c8aad
--- /dev/null
+++ b/examples/dbp-signature/index.html
@@ -0,0 +1,85 @@
+<!doctype html>
+<html>
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+
+ <!-- Favicons -->
+ <link rel="shortcut icon" type="image/x-icon" href="https://unpkg.com/@dbp-topics/signature@1.0.2/dist/local/@dbp-topics/signature/favicon.ico">
+ <link rel="icon" type="image/svg+xml" href="https://unpkg.com/@dbp-topics/signature@1.0.2/dist/local/@dbp-topics/signature/favicon.svg" sizes="any">
+
+ <!-- PWA manfiest file -->
+ <link rel="manifest" href="https://unpkg.com/@dbp-topics/signature@1.0.2/dist/dbp-signature.manifest.json">
+
+ <!-- PWA iphone -->
+ <link rel="apple-touch-icon" sizes="180x180" href="https://unpkg.com/@dbp-topics/signature@1.0.2/dist/local/@dbp-topics/signature/icon-180x180.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="https://unpkg.com/@dbp-topics/signature@1.0.2/dist/local/@dbp-topics/signature/icon-32x32.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="https://unpkg.com/@dbp-topics/signature@1.0.2/dist/local/@dbp-topics/signature/icon-16x16.png">
+
+ <!-- Loading spinner -->
+ <script type="module">
+ import {Spinner} from 'https://unpkg.com/@dbp-topics/signature@1.0.2/dist/local/@dbp-topics/signature/spinner.js';
+ customElements.define('dbp-loading-spinner', Spinner);
+ </script>
+
+ <!-- App bundles-->
+ <script type="module" src="https://unpkg.com/@dbp-topics/signature@1.0.2/dist/dbp-signature.js"></script>
+
+ <!-- Prevent Chrome/Edge from suggesting to translate the page -->
+ <meta name="google" content="notranslate">
+
+ <!-- Font related CSS -->
+ <style>
+ @import "https://unpkg.com/@dbp-topics/signature@1.0.2/dist/local/@dbp-topics/signature/fonts/source-sans-pro/300.css";
+ @import "https://unpkg.com/@dbp-topics/signature@1.0.2/dist/local/@dbp-topics/signature/fonts/source-sans-pro/400.css";
+ @import "https://unpkg.com/@dbp-topics/signature@1.0.2/dist/local/@dbp-topics/signature/fonts/source-sans-pro/600.css";
+
+ body {
+ font-family: 'Source Sans Pro', 'Calibri', 'Arial', 'sans-serif';
+ font-weight: 300;
+ margin: 0;
+ }
+
+ /* TU-Graz style override */
+ html {
+ --dbp-override-primary-bg-color: #245b78;
+ --dbp-override-primary-button-border: solid 1px #245b78;
+ --dbp-override-info-bg-color: #245b78;
+ --dbp-override-danger-bg-color: #e4154b;
+ --dbp-override-warning-bg-color: #ffe183;
+ --dbp-override-warning-text-color: black;
+ --dbp-override-success-bg-color: #259207;
+ }
+ </style>
+
+ <!-- Preloading/Preconnecting -->
+ <link rel="preconnect" href="https://mw-dev.tugraz.at">
+ <link rel="preconnect" href="https://auth-dev.tugraz.at/auth">
+</head>
+
+<body>
+<dbp-signature
+ lang="de" entry-point-url="https://mw-dev.tugraz.at"
+ show-nextcloud-file-picker
+ show-clipboard
+ allow-annotating
+ nextcloud-web-app-password-url="http://localhost:8081/index.php/apps/webapppassword"
+ nextcloud-webdav-url="http://localhost:8081/remote.php/dav/files"
+ nextcloud-name="TU Graz cloud"
+ nextcloud-file-url="http://localhost:8081/index.php/apps/files/?dir="
+ initial-file-handling-state
+ clipboard-files
+ auth requested-login-status analytics-event
+ src="https://unpkg.com/@dbp-topics/signature@1.0.2/dist/dbp-signature.topic.metadata.json"
+ base-path="/"
+ keycloak-config='{"url": "https://auth-dev.tugraz.at/auth", "realm": "tugraz", "clientId": "auth-dev-mw-frontend-local", "silentCheckSsoRedirectUri": "./silent-check-sso.html"}'
+ matomo-url='https://analytics.tugraz.at/'
+ matomo-site-id='131'
+ env='local'
+><dbp-loading-spinner></dbp-loading-spinner></dbp-signature>
+
+<!-- Error handling for too old browsers -->
+<script src="https://unpkg.com/@dbp-topics/signature@1.0.2/dist/local/@dbp-topics/signature/browser-check.js" defer></script>
+<noscript>Diese Applikation benötigt Javascript / This application requires Javascript</noscript>
+</body>
+</html>
diff --git a/package.json b/package.json
index 34f8121..a28628e 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
{
"name": "@dbp-topics/signature",
"internalName": "dbp-signature",
- "version": "1.0.3",
+ "version": "1.0.4",
"main": "src/dbp-signature.js",
"license": "LGPL-2.1-or-later",
"repository": {
--
GitLab