thecore_ui_commons 2.2.6 → 2.2.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: '044692e50388d2be1a07d5ecf256cb590bbaa227d78ad32e0885fc8859dac137'
-  data.tar.gz: 739c924a0eed89d69e51361edd060dee8b0af722565c21b09b3f07d55e18a05e
+  metadata.gz: 1773c485e9a7cc05938d28da606198382b7070dd18df29b233e6b77e58f2ded7
+  data.tar.gz: 5204a76b9aaf067feef9e06bc23e1980888ad099331fba90d647516d0ba82e83
 SHA512:
-  metadata.gz: bea19b48bc818c37da1df3be6d1d230dc1f20f929e89953c597219f3eb2ded0c5ddc8bb7de724e8f426407f84b0c07c8f63b490eeafc9ef43ce331c9281322af
-  data.tar.gz: 9ba335b796d5e6fc25d52ab5e1704597b32108f575ae1c6027b31001aea02b0685405dafc75c1705e57c0086f9015218a45992af5dba64ec9c34d089eb28aeb2
+  metadata.gz: 14e4c40f8f9b144a4c04e6905457d074275491a557c150ccab410623216896affeb83141b159bfd80523274b3ed7519f71aad92ed69fb5a984f2bb8fbc82c6eb
+  data.tar.gz: e145a22345c62517201c2cbf8ac86598e7cc760189ae034438646809368413238663f31be2e7c3363d0c5e921ed2027971ca9975d411034d53eb6d621c9e46bc

data/app/views/thecore_utils/_drag_drop_uploader.html.erb

@@ -12,26 +12,32 @@
 =end%>
 
 <style>
-    /* layout.css Style */
     .upload-drop-zone {
+        display: flex;
+        align-items: center;
+        justify-content: center;
         height: 200px;
         border-width: 2px;
-        margin-bottom: 20px;
-    }
-
-    /* skin.css Style*/
-    .upload-drop-zone {
-        color: #ccc;
+        /* margin-bottom: 20px; */
+        color: #bbb;
         border-style: dashed;
         border-color: #ccc;
-        line-height: 200px;
-        text-align: center
+        /* line-height: 200px; */
+        text-align: center 
+    }
+    .upload-drop-zone i {
+        font-size: 8em
     }
 
     .upload-drop-zone.drop {
         color: #222;
         border-color: #222;
     }
+
+    .upload-drop-zone.disabledDnD {
+        background-color: darkred;
+        color: white;
+    }
 </style>
 
 <div class="panel panel-default">
@@ -46,7 +52,7 @@
 
         <!-- Drop Zone -->
         <div class="upload-drop-zone" id="<%=target%>">
-            <%=I18n.t :please_drag_and_drop_here%>
+            
         </div>
 
         <div id="upload-status">
@@ -55,12 +61,24 @@
 </div>
 
 <script>
+    // Enable D&D beahviour
+    function dndOn() {
+        $('#<%=target%>').on("drop", this.ondrop);
+        $('#<%=target%>').on("dragover", this.ondragover);
+        $('#<%=target%>').on("dragleave", this.ondragleave);
+        $('#<%=target%>').removeClass('disabledDnD');
+        $('#<%=target%>').html('<div><i class="fa fa-cloud-upload"></i><br/><span><%=I18n.t :please_drag_and_drop_here%></span></div>')
+    }
+    // Disable D&D beahviour
+    function dndOff() {
+        $('#<%=target%>').addClass('disabledDnD');
+        $('#<%=target%>').html('<div><i class="fa fa-ban"></i><br/><span><%=I18n.t :dont_leve_or_drag_here%></span></div>')
+        $('#<%=target%>').off("drop", this.ondrop);
+        $('#<%=target%>').off("dragover", this.ondragover);
+        $('#<%=target%>').off("dragleave", this.ondragleave);
+    }
     var fileupload = {
-        init: function () {
-            $('#<%=target%>').on("drop", this.ondrop);
-            $('#<%=target%>').on("dragover", this.ondragover);
-            $('#<%=target%>').on("dragleave", this.ondragleave);
-        },
+        init: dndOn,
 
         beforeSuccess: function(){
             console.log("beforeSuccess");
@@ -69,6 +87,7 @@
         ondrop: function (e) {
             // console.log(e)
             e.preventDefault();
+            dndOff();
             $('#<%=target%>').removeClass('drop');
             $("#<%=target%>-upload-drop-zone-feedback").html("<i class='fa fa-spinner fa-spin '></i>");
 
@@ -87,9 +106,11 @@
                 success: function () {
                     fileupload.beforeSuccess();
                     $("#<%=target%>-upload-drop-zone-feedback").html($('<i class="fa fa-check-square-o" aria-hidden="true"></i>').delay(3000).fadeOut(400));
+                    fileupload.init();
                 },
                 error: function () {
                     $("#<%=target%>-upload-drop-zone-feedback").html($('<i class="fa fa-exclamation-circle" aria-hidden="true"></i>').delay(3000).fadeOut(400));
+                    fileupload.init();
                 }
             });
             // startUpload(e.dataTransfer.files)

data/config/locales/en.yml

@@ -1,6 +1,7 @@
 en:
   file_upload: Upload description, please add a translation for the element called file_upload in your translation file.
   file_upload_subtitle: Descrizione aggiuntiva, prego aggiungere una traduzione per file_upload_subtitle al tuo file delle traduzioni.
+  dont_leve_or_drag_here: Uploading, please don't leave this page or Drag & Drop other files.
   loading: Caricamento
   please_drag_and_drop_here: Drag and Drop here the files to import
   import_success: Import Successful!

data/config/locales/it.yml

@@ -1,6 +1,7 @@
 it:
   file_upload: Descrizione della procedura, prego aggiungere una traduzione per file_upload al tuo file delle traduzioni.
   file_upload_subtitle: Descrizione aggiuntiva, prego aggiungere una traduzione per file_upload_subtitle al tuo file delle traduzioni.
+  dont_leve_or_drag_here: Upload in corso, si prega di non lasciare la pagina o trascinare qui altri file.
   loading: Caricamento
   run_import: Forza l'importazione
   please_drag_and_drop_here: Trascinare qui i file da importare

data/lib/thecore_ui_commons.rb

@@ -3,6 +3,8 @@ require 'thecore_background_jobs' # This brings backend commons also.
 require 'serviceworker-rails'
 require "groupdate"
 require "apexcharts"
+require "poppler"
+require "image_processing"
 
 require 'concerns/thecore_ui_commons_user'
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: thecore_ui_commons
 version: !ruby/object:Gem::Version
-  version: 2.2.6
+  version: 2.2.7
 platform: ruby
 authors:
 - Gabriele Tassoni
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-02-08 00:00:00.000000000 Z
+date: 2021-02-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: thecore_background_jobs
@@ -66,6 +66,34 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '0.1'
+- !ruby/object:Gem::Dependency
+  name: poppler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.4'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.4'
+- !ruby/object:Gem::Dependency
+  name: image_processing
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.2'
 description: Engine to serve configurations and rails module useful for all the UIs.
 email:
 - gabriele.tassoni@gmail.com