Skip to content
Snippets Groups Projects
Unverified Commit 28056f5d authored by Bekerle, Patrizio's avatar Bekerle, Patrizio :fire:
Browse files

Move examples to separate files and add dbp-qualified-signature-pdf-upload example

parent db314538
No related branches found
No related tags found
No related merge requests found
Pipeline #37257 passed
Stage: test
Stage: deploy
Stage: e2e-stage1
Stage: e2e-stage2
Stage: e2e-stage3
Hide whitespace changes
Inline Side-by-side
README.md
+ 11
− 89
View file @ 28056f5d
......@@ -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.
examples/dbp-qualified-signature-pdf-upload/index.html 0 → 100644
+ 59
− 0
View file @ 28056f5d
<!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>
examples/dbp-signature/index.html 0 → 100644
+ 85
− 0
View file @ 28056f5d
<!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 bentigt Javascript / This application requires Javascript</noscript>
</body>
</html>
package.json
+ 1
− 1
View file @ 28056f5d
{
"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": {
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment