Drop upload style

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 d56057440978bab39bf4b8478d9121d660212c39..1a833e6d6121fe25cb9b5367e143ced58878c9b8 100644 (file)
--- 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