From 4c56c3f332b66eb55e13d718335c9e5b9b1b689a Mon Sep 17 00:00:00 2001
From: =?utf8?q?V=C3=A1s=C3=A1ry=20D=C3=A1niel?= <vasary@elgekko.net>
Date: Wed, 28 Feb 2024 22:20:05 +0100
Subject: [PATCH] Drop upload style

---
 .../resources/web/form/attachment-form.zul    | 54 +++++++++++--------
 1 file changed, 31 insertions(+), 23 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 d560574..1a833e6 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,31 +10,39 @@
             </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>
-        </west>
-        <center border="none" hflex="true" vflex="true">
             <div id="attachment" hflex="true" vflex="true">
-                <dropupload native="true" hflex="true" vflex="true" anchor="${attachment}"
-                            onUpload="@command('doUploadFiles', files=event.medias)"/>
-                <iframe hflex="true" vflex="true"
-                        content="@load(vm.entityDocumentDataModel.selectedDocument.file) @converter('hu.user.lis.ui.converter.ByteArrayToAMediaConverter')"/>
-
+                <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>
+                <!--                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>
             </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>
     </borderlayout>
 </zk>
\ No newline at end of file
-- 
2.54.0