From 424687517f06e3c207ccfbe0a8e0e379952996ca Mon Sep 17 00:00:00 2001
From: =?utf8?q?V=C3=A1s=C3=A1ry=20D=C3=A1niel?= <vasary@elgekko.net>
Date: Thu, 29 Feb 2024 21:41:59 +0100
Subject: [PATCH] DD component finished

---
 .../resources/web/form/attachment-form.zul    | 55 ++++++++-----------
 1 file changed, 24 insertions(+), 31 deletions(-)

diff --git a/sly-crm-ui/src/main/resources/web/form/attachment-form.zul b/sly-crm-ui/src/main/resources/web/form/attachment-form.zul
index 7b3900a..df9cafc 100644
--- a/sly-crm-ui/src/main/resources/web/form/attachment-form.zul
+++ b/sly-crm-ui/src/main/resources/web/form/attachment-form.zul
@@ -10,41 +10,34 @@
             </toolbar>
         </north>
         <west title="Fájlok" size="160px" flex="true" border="none" splittable="true" collapsible="true">
-            <listbox vflex="true" hflex="true" model="@load(vm.entityDocumentDataModel)"
-                     multiple="false"
-                     sizedByContent="true" onSelect="@command(vm.entityDocumentDataModel.onSelectionChanged())">
-                <listhead visible="false">
-                    <listheader hflex="true" align="center"/>
-                </listhead>
-                <template name="model">
-                    <listitem>
-                        <listcell iconSclass="z-icon-file-pdf-o" style="font-size: 1.5em">
-                            <vlayout>
-                                <label value="@load(each.name)"/>
-                            </vlayout>
-                        </listcell>
-                    </listitem>
-                </template>
-            </listbox>
+            <div id="attachment" hflex="true" vflex="true">
+                <dropupload native="true" detection="browser" hflex="true" vflex="true" anchor="${attachment}"
+                            style="border-style: dashed; background: white"
+                            onUpload="@command('doUploadFiles', files=event.medias)">
+                    <attribute name="content">
+                    </attribute>
+                </dropupload>
+                <listbox vflex="true" hflex="true" model="@load(vm.entityDocumentDataModel)"
+                         multiple="false"
+                         sizedByContent="true" onSelect="@command(vm.entityDocumentDataModel.onSelectionChanged())">
+                    <listhead visible="false">
+                        <listheader hflex="true" align="center"/>
+                    </listhead>
+                    <template name="model">
+                        <listitem>
+                            <listcell iconSclass="z-icon-file-pdf-o" style="font-size: 1.5em">
+                                <vlayout>
+                                    <label value="@load(each.name)"/>
+                                </vlayout>
+                            </listcell>
+                        </listitem>
+                    </template>
+                </listbox>
+            </div>
         </west>
         <center border="none" hflex="true" vflex="true">
             <iframe hflex="true" vflex="true"
                     content="@load(vm.entityDocumentDataModel.selectedDocument.file) @converter('hu.user.lis.ui.converter.ByteArrayToAMediaConverter')"/>
         </center>
-        <east>
-            <!--            <div id="attachment" hflex="true" vflex="true">-->
-            <!--            </div>-->
-            <!--                anchor="${attachment}"-->
-            <dropupload native="true" detection="none" hflex="true" vflex="true" style="background: red"
-                        onUpload="@command('doUploadFiles', files=event.medias)">
-                <attribute name="content">
-                    <![CDATA[
-                            <div style="text-align: center; border: 3px solid green;">
-                            <b>Drop here to upload!</b>
-                            </div>
-                        ]]>
-                </attribute>
-            </dropupload>
-        </east>
     </borderlayout>
 </zk>
\ No newline at end of file
-- 
2.54.0