Initial commit with Email Import Wizard and Task Processor updates

2026-05-04 08:02:11 +02:00
commit effdc5d59f
170 changed files with 67739 additions and 0 deletions
@@ -0,0 +1,124 @@
+import { useState, useCallback, useEffect } from 'react';
+import { Modal, Input, List, Image, Typography, Space, Pagination, Spin, Button } from 'antd';
+import { SearchOutlined, CheckOutlined } from '@ant-design/icons';
+import { paperlessApi } from '../api/paperless';
+import { getEnv } from '../utils/env';
+import dayjs from 'dayjs';
+
+const { Text } = Typography;
+
+interface Props {
+  open: boolean;
+  onCancel: () => void;
+  onSelect: (doc: any) => void;
+}
+
+export default function DocumentSearchModal({ open, onCancel, onSelect }: Props) {
+  const [loading, setLoading] = useState(false);
+  const [search, setSearch] = useState('');
+  const [data, setData] = useState<any[]>([]);
+  const [total, setTotal] = useState(0);
+  const [page, setPage] = useState(1);
+  const [pageSize] = useState(10);
+
+  const load = useCallback(async (q: string, p: number) => {
+    setLoading(true);
+    try {
+      const response = await paperlessApi.searchDocuments({
+        search: q,
+        page: p,
+        pageSize: pageSize,
+      });
+      setData(response.results);
+      setTotal(response.count);
+    } catch (e) {
+      console.error("Error searching documents", e);
+    } finally {
+      setLoading(false);
+    }
+  }, [pageSize]);
+
+  useEffect(() => {
+    if (open) {
+      load(search, page);
+    }
+  }, [open, page, load]); // We don't trigger on search immediately to allow 'Search' button or Enter
+
+  const handleSearch = (val: string) => {
+    setSearch(val);
+    setPage(1);
+    load(val, 1);
+  };
+
+  return (
+    <Modal
+      title="Dokument suchen"
+      open={open}
+      onCancel={onCancel}
+      footer={null}
+      width={800}
+      style={{ top: 50 }}
+    >
+      <div style={{ marginBottom: 16 }}>
+        <Input.Search
+          placeholder="Titel oder Inhalt suchen..."
+          enterButton={<SearchOutlined />}
+          onSearch={handleSearch}
+          loading={loading}
+          allowClear
+        />
+      </div>
+
+      <Spin spinning={loading}>
+        <List
+          itemLayout="horizontal"
+          dataSource={data}
+          renderItem={(doc) => (
+            <List.Item
+              actions={[
+                <Button 
+                  key="select" 
+                  type="primary" 
+                  icon={<CheckOutlined />} 
+                  onClick={() => onSelect(doc)}
+                >
+                  Auswählen
+                </Button>
+              ]}
+            >
+              <List.Item.Meta
+                avatar={
+                  <Image
+                    src={`${getEnv('VITE_API_URL')}/api/paperless/inbox/preview/${doc.id}`}
+                    width={80}
+                    height={110}
+                    style={{ objectFit: 'cover', borderRadius: 4, border: '1px solid #f0f0f0' }}
+                    preview={false}
+                  />
+                }
+                title={doc.title}
+                description={
+                  <Space direction="vertical" size={0}>
+                    <Text type="secondary" style={{ fontSize: 12 }}>ID: {doc.id} | ASN: {doc.archive_serial_number || 'Keine'}</Text>
+                    <Text type="secondary" style={{ fontSize: 12 }}>Erstellt: {dayjs(doc.created_date).format('DD.MM.YYYY')}</Text>
+                  </Space>
+                }
+              />
+            </List.Item>
+          )}
+        />
+        {total > pageSize && (
+          <div style={{ marginTop: 16, textAlign: 'right' }}>
+            <Pagination
+              current={page}
+              pageSize={pageSize}
+              total={total}
+              onChange={(p) => setPage(p)}
+              size="small"
+            />
+          </div>
+        )}
+      </Spin>
+    </Modal>
+  );
+}