u

src/components/manifest/ManifestLines.jsx

@@ -13,6 +13,7 @@ import DeleteSweepOutlinedIcon from '@mui/icons-material/DeleteSweepOutlined';
 import { PanelTile } from 'dashgui/panels';
 import { LINE_COLUMNS, hasArticleLines } from './manifestConfig';
 import ManifestFormLine from './ManifestFormLine';
+import ArticleSearch from '../article/ArticleSearch';
 
 class ManifestLines extends PureComponent {
   render() {
@@ -22,6 +23,7 @@ class ManifestLines extends PureComponent {
       linesColor,
       onLineChange,
       onAddLine,
+      onAddArticleLine,
       onRemoveLine,
       onRemoveAllLines,
       columns = LINE_COLUMNS,
@@ -117,14 +119,25 @@ class ManifestLines extends PureComponent {
               </TableBody>
             </Table>
           </TableContainer>
-          <Box sx={{ display: 'flex', gap: 1.5, alignItems: 'center' }}>
+          <Box sx={{ display: 'flex', gap: 1.5, alignItems: 'center', flexWrap: 'wrap' }}>
+            {onAddArticleLine && (
+              <ArticleSearch
+                size="small"
+                clearOnSelect
+                allowParent={false}
+                placeholder="Artikel suchen und hinzufügen…"
+                disabled={saving}
+                onSelect={onAddArticleLine}
+                sx={{ minWidth: 260, flex: 1, maxWidth: 440 }}
+              />
+            )}
             <Button
               size="small"
               startIcon={<AddIcon />}
               disabled={saving}
               onClick={onAddLine}
             >
-              Zeile hinzufügen
+              {onAddArticleLine ? 'Leere Zeile' : 'Zeile hinzufügen'}
             </Button>
             <Button
               size="small"