Revize f30a7b90

Annotation document links

webapp/api/api.ts

@@ -101 +101 @@
      * @memberof AnnotationInfo
      */
     'tagInstances'?: Array<TagInstanceInfo> | null;
+    /**
+     * 
+     * @type {Array<TagInstanceCSSInfo>}
+     * @memberof AnnotationInfo
+     */
+    'cssInfo'?: Array<TagInstanceCSSInfo> | null;
 }
 /**
  * 
@@ -138 +144 @@
      * @memberof AnnotationInstanceAddRequest
      */
     'instanceId'?: string | null;
+    /**
+     * 
+     * @type {string}
+     * @memberof AnnotationInstanceAddRequest
+     */
+    'selectedText'?: string | null;
 }
 /**
  * 
@@ -432 +444 @@
      */
     'documents'?: Array<DocumentAddInfo> | null;
 }
+/**
+ * 
+ * @export
+ * @interface DocumentAnnotationInfo
+ */
+export interface DocumentAnnotationInfo {
+    /**
+     * 
+     * @type {string}
+     * @memberof DocumentAnnotationInfo
+     */
+    'annotationId'?: string;
+    /**
+     * 
+     * @type {string}
+     * @memberof DocumentAnnotationInfo
+     */
+    'userId'?: string;
+    /**
+     * 
+     * @type {string}
+     * @memberof DocumentAnnotationInfo
+     */
+    'userFirstName'?: string | null;
+    /**
+     * 
+     * @type {string}
+     * @memberof DocumentAnnotationInfo
+     */
+    'userSurname'?: string | null;
+    /**
+     * 
+     * @type {string}
+     * @memberof DocumentAnnotationInfo
+     */
+    'username'?: string | null;
+}
 /**
  * 
  * @export
@@ -468 +517 @@
      * @memberof DocumentListInfo
      */
     'annotatingUsers'?: Array<DocumentUserInfo> | null;
+    /**
+     * 
+     * @type {boolean}
+     * @memberof DocumentListInfo
+     */
+    'finalizedExists'?: boolean;
+    /**
+     * 
+     * @type {string}
+     * @memberof DocumentListInfo
+     */
+    'finalizedAnnotationId'?: string | null;
+    /**
+     * 
+     * @type {EState}
+     * @memberof DocumentListInfo
+     */
+    'finalizedState'?: EState;
+    /**
+     * 
+     * @type {Array<DocumentAnnotationInfo>}
+     * @memberof DocumentListInfo
+     */
+    'finalAnnotations'?: Array<DocumentAnnotationInfo> | null;
 }
 /**
  * 
@@ -988 +1061 @@
      */
     'subTags'?: Array<SubTagInfo> | null;
 }
+/**
+ * 
+ * @export
+ * @interface TagInstanceCSSInfo
+ */
+export interface TagInstanceCSSInfo {
+    /**
+     * 
+     * @type {string}
+     * @memberof TagInstanceCSSInfo
+     */
+    'instanceId'?: string;
+    /**
+     * 
+     * @type {string}
+     * @memberof TagInstanceCSSInfo
+     */
+    'color'?: string | null;
+    /**
+     * 
+     * @type {number}
+     * @memberof TagInstanceCSSInfo
+     */
+    'padding'?: number;
+}
 /**
  * 
  * @export
@@ -1066 +1164 @@
      * @memberof TagInstanceInfo
      */
     'sentiment'?: ETagSentiment;
+    /**
+     * 
+     * @type {string}
+     * @memberof TagInstanceInfo
+     */
+    'selectedText'?: string | null;
 }
 /**
  * 

webapp/pages/link.tsx

@@ +1 @@
+import 'antd/dist/antd.css';
+import React, { useContext, useEffect } from 'react';
+
+import { useRouter } from 'next/router';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faFileExport } from '@fortawesome/free-solid-svg-icons';
+import { Button, Typography } from 'antd';
+import styles from '../styles/Link.module.scss';
+
+function LinkPage() {
+    const router = useRouter();
+    let url = router.query.url;
+
+    if (Array.isArray(url)) {
+        url = url[0];
+    }
+    if (!url) {
+        return <div>Invalid request</div>;
+    }
+
+    return (
+        <div className={styles.page}>
+            <div className={styles.container}>
+                <div className={styles.header}>Tento odkaz vede mimo anotační službu</div>
+                <p>
+                    Chystáte se odejít do neznámého a potenciálně nebezpečného prostředí:
+                </p>
+                <a href={url}>{url}</a>
+
+                <Button onClick={router.back} className={styles.button}>
+                    Zpět
+                </Button>
+            </div>
+        </div>
+    );
+}
+
+export default LinkPage;

webapp/styles/Link.module.scss

@@ +1 @@
+.page {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  align-content: center;
+  height: 100vh;
+  width: 100vw;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  justify-content: stretch;
+  width: 100%;
+  max-width: 600px;
+  background-color: whitesmoke;
+  padding: 15px;
+  border-radius: 10px;
+  box-shadow: 5px 5px 5px #c9c9c9;
+
+  text-align: left;
+
+  .header {
+    border-radius: 10px 10px 0 0;
+    margin: -15px;
+    margin-bottom: 10px;
+    padding: 10px;
+    background-color: gainsboro;
+    font-size: large;
+    font-weight: bold;
+  }
+
+  .button {
+    margin-top: 30px;
+  }
+}