From f387ae60be103503ee3aaa0c6b040c0c0c291a6b Mon Sep 17 00:00:00 2001
From: Florian Eisenmenger <f.eisenmenger@spawntree.de>
Date: Wed, 4 Aug 2021 15:00:47 +0200
Subject: [PATCH] styling

---
 .DS_Store                                     | Bin 6148 -> 6148 bytes
 .../templates/backend/data_menu.html.twig     |  49 ++++++++++--------
 2 files changed, 28 insertions(+), 21 deletions(-)

diff --git a/.DS_Store b/.DS_Store
index e1151c5f17b3ece8aa4621037d07132b22762058..e62c4330e62d96f74ae27a9069622969e82e22a3 100644
GIT binary patch
delta 68
zcmZoMXfc@JFUrQiz`)4BAi%(o%aF>D$56shoKigbAmehd3@1YhLq0<?Ln%ylvK*uQ
PW(CF*Y@69R{_+C=;WQ62

delta 47
zcmZoMXfc@JFUrcmz`)4BAi%(o!jR99%ut+CoSZZHA>(pJ*3H_Cci1L2$Zuxn_{$Ff
D1TPGu

diff --git a/httpdocs/templates/backend/data_menu.html.twig b/httpdocs/templates/backend/data_menu.html.twig
index 9e5c501..afe0e22 100644
--- a/httpdocs/templates/backend/data_menu.html.twig
+++ b/httpdocs/templates/backend/data_menu.html.twig
@@ -12,8 +12,12 @@
         jQuery.noConflict();
     </script>
 
+    <style>
+        #xls-message {font-weight: bold;padding: 10px 0;}
+        .tl_submit {height: 40px;}
+    </style>
     <div class="tl_listing_container list_view">
-        <div id="xls-message"></div>
+        <div><p id="xls-message"></p></div>
         <form id="xls-import" method="post" action="{{ path('import_xls') }}" enctype="multipart/form-data">
             <input type="hidden" name="REQUEST_TOKEN" value="{{ token }}"/>
             <table class="tl_listing">
@@ -23,13 +27,13 @@
                 </tr>
                 <tr>
                     <td class="tl_file_list">
-                        <label for="result-xls">Excel-Datei:</label>
+                        <p><label for="result-xls">Excel-Datei:</label></p>
                     </td>
                     <td class="tl_file_list">
-                        <input id="xls" type="file" name="xls" accept=".xls,.xlsx,.XLS,.XLSX" class="tl_submit" required>
+                        <p><input id="xls" type="file" name="xls" accept=".xls,.xlsx,.XLS,.XLSX" class="tl_submit" required></p>
                     </td>
                     <td class="tl_file_list" colspan="2">
-                        <input type="submit" value="Datei importieren" class="tl_submit">
+                        <p><input type="submit" value="Datei importieren" class="tl_submit"></p>
                     </td>
                 </tr>
                 </tbody>
@@ -41,23 +45,26 @@
     <script>
         jQuery("#xls-import").on("submit", function(e) {
             e.preventDefault();
-            let form = jQuery(this)[0]; // You need to use standard javascript object here
-            let formData = new FormData(form);
-            jQuery("#xls-message").html("");
-            jQuery.ajax({
-                url: "{{ path('import_xls') }}",
-                method: "post",
-                data: formData,
-                processData: false,
-                contentType: false,
-                success: function(data) {
-                    jQuery("#xls-message").html("Excel-Datei wurde erfolgreich importiert!");
-                },
-                error: function(requestObject, error, errorThrown) {
-                    jQuery("#xls-message").html('Fehler:' + requestObject.responseText);
-                },
-                dataType: "html"
-            });
+            var confirmAction = confirm("Möchten Sie wirklich fortfahren?\nAlle Brands-Daten werden direkt überschrieben!");
+            if (confirmAction === true) {
+                let form = jQuery(this)[0]; // You need to use standard javascript object here
+                let formData = new FormData(form);
+                jQuery("#xls-message").html("");
+                jQuery.ajax({
+                    url: "{{ path('import_xls') }}",
+                    method: "post",
+                    data: formData,
+                    processData: false,
+                    contentType: false,
+                    success: function (data) {
+                        jQuery("#xls-message").html("Excel-Datei wurde erfolgreich importiert!");
+                    },
+                    error: function (requestObject, error, errorThrown) {
+                        jQuery("#xls-message").html('Fehler:' + requestObject.responseText);
+                    },
+                    dataType: "html"
+                });
+            }
         });
 
     </script>