Add documentation and example for dbp-signature-verification

7b3724aa · Bekerle, Patrizio · 5703f90f · 7b3724aa · 7b3724aa
Unverified Commit 7b3724aa authored 3 years ago by Bekerle, Patrizio
--- a/README.md
+++ b/README.md
@@ -108,3 +108,13 @@ Note that you will need a Keycloak server along with a client id for the domain
    - example `allow-annotating`
 - `show-clipboard` (optional): Needs to be set to allow using the clipboard in the file picker dialog
    - example `show-clipboard`
+### dbp-signature-verification
+This activity shows an information page where to verify signed documents, you can use it like this:
+[dbp-signature-verification/index.html](https://gitlab.tugraz.at/dbp/esign/signature/-/tree/master/examples/dbp-signature-verification/index.html)
+#### Attributes
+- `lang` (optional, default: `de`): set to `de` or `en` for German or English
+    - example `lang="de"`
--- a/examples/dbp-signature-verification/index.html
+++ b/examples/dbp-signature-verification/index.html
+<!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-topics/signature@1.0.3/dist/dbp-signature-verification.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>
+</head>
+<body>
+<dbp-signature-verification lang="de"></dbp-signature-verification>
+</body>
+</html>