Revize d7167305

Document preview implemented

webapp/pages/documents/admin/index.tsx

@@ -14 +14 @@
 import AssignDocumentModal from '../../../components/modals/AssignDocumentModal';
 import { ShowToast } from '../../../utils/alerts';
 import { TableDocInfo } from '../../../components/types/TableDocInfo';
+import DocPreviewModal from '../../../components/modals/DocPreviewModal';
 
 function AdminDocumentPage() {
     const redirecting = useUnauthRedirect('/login');
     const { logout, role } = useContext(LoggedUserContext);
     const [visibleAdd, setVisibleAdd] = React.useState(false);
     const [visibleAssign, setVisibleAssign] = React.useState(false);
+    const [visiblePreview, setVisiblePreview] = React.useState(false);
     const router = useRouter();
 
     const [documents, setDocuments] = useState<TableDocInfo[]>([]);
     const [selectedDocs, setSelectedDocs] = useState<string[] | undefined[]>([]);
+    const [previewDocContent, setPreviewDocContent] = useState<string>();
+    const [previewDocName, setPreviewDocName] = useState<string>();
 
     async function fetchData() {
         const docs = (await documentController.documentsGet(0, 1000)).data.documents;
@@ -58 +62 @@
         setVisibleAdd(true);
     };
 
+    const showPreviewModal = async (id: string, name: string) => {
+        const documentContent = (await documentController.documentDocumentIdGet(id)).data
+            .content;
+        setPreviewDocName(name);
+        setPreviewDocContent(documentContent);
+        setVisiblePreview(true);
+    };
+
     const hideModal = () => {
         fetchData();
         setVisibleAdd(false);
         setVisibleAssign(false);
+        setVisiblePreview(false);
     };
 
     const columns = [
@@ -98 +111 @@
                 );
             },
         },
+        {
+            title: '',
+            key: 'action',
+            dataIndex: ['id', 'name'],
+            // @ts-ignore
+            render: (text, row) => (
+                <Button key={row.id} onClick={() => showPreviewModal(row.id, row.name)}>
+                    Náhled
+                </Button>
+            ),
+        },
     ];
 
     const rowSelection = {
@@ -120 +144 @@
             {visibleAssign && (
                 <AssignDocumentModal documentsIds={selectedDocs} onCancel={hideModal} />
             )}
+            {visiblePreview && (
+                <DocPreviewModal
+                    onCancel={hideModal}
+                    documentName={previewDocName}
+                    content={previewDocContent}
+                />
+            )}
 
             <Table
                 rowSelection={{