ninegate

assets/app.js

@@ -45,6 +45,20 @@ window.CropSelectJs = require('crop-select-js/crop-select-js.min.js');
 require('iframe-resizer/js/iframeResizer.min.js');
 require('iframe-resizer/js/iframeResizer.contentWindow.min.js');
 
+// Slick
+require('slick-carousel/slick/slick.css');
+require('slick-carousel/slick/slick-theme.css');
+const slick = require('slick-carousel/slick/slick.min.js');
+global.slick = slick;
+
+// Imageloaded
+const imagesLoaded = require('imagesloaded/imagesloaded.js');
+global.imagesLoaded = imagesLoaded;
+
+// Masonry
+const masonry = require('masonry-layout/dist/masonry.pkgd.min.js');
+global.masonry = masonry;
+
 // Start the Stimulus application
 import './bootstrap';
 

assets/dropzone.js

@@ -1,19 +1,21 @@
 
 require('dropzone/dist/dropzone.css');
-/*
-window.Dropzone = require('dropzone/dist/dropzone.js');
-*/
 const { Dropzone } = require("dropzone");
 
 document.addEventListener('DOMContentLoaded', function() {
     var elt = document.getElementById('mydropzone');
-    console.log($(elt).data("maxfiles"))
+    maxFiles=elt.getAttribute("data-maxFiles");
+    if(maxFiles!=1) maxFiles=null;
+    
     var mydropzone = new Dropzone(elt, {
         acceptedMimeTypes: $(elt).data("acceptedMimeTypes"),
-        maxFiles: $(elt).data("maxFiles"),
+        maxFiles: maxFiles,
+        init: function() {
+            dropzoneinit(this);
+        },
         success: function( file, response ){
             dropzonesuccess(file,response);
         },
     });
-    global.mydropzone=mydropzone;
+    window.mydropzone=mydropzone;
 });

assets/js/app.js

@@ -85,8 +85,6 @@ $(document).ready(function() {
         $("#selmenu").modal("toggle");
     })
     
- 
-
     // Forcer le resize des objects
     Resize();
     

assets/styles/app.css

@@ -560,6 +560,25 @@ border-width: 1px;
     padding:10px 0px 0px 0px;
 }
 
+.widget-body .slick {
+    min-height: 200px;
+}
+.widget-body .slick-slide {
+    min-height: 200px;
+}
+.widget-body .slick-arrow {
+    display: none !important;
+}
+
+.widget-body  .slick-dots {
+    bottom: 5px;
+    color: var(--colorftbodydark);
+}
+
+.widgetplaceholder {
+    background-color: var(--colorbgbodydark);
+}
+
 .cat-list {
     color: var(--colorfttitledark);
     background-color: var(--colorbgbodydark);
@@ -568,3 +587,5 @@ border-width: 1px;
     cursor: pointer;
 }
 
+
+