backports murph-skeleton

assets/css/_admin_extend.scss

@@ -1,3 +1,5 @@
+@import "~simplemde/dist/simplemde.min.css";
+
 .CodeMirror-fullscreen, .editor-toolbar.fullscreen {
     z-index: 2000;
 }

assets/js/addons/datepicker.js

@@ -1,27 +0,0 @@
-const Datepicker = require('vanillajs-datepicker')
-const Flatpickr = require("flatpickr").default;
-const French = require('flatpickr/dist/l10n/fr').default.fr;
-
-require('flatpickr/dist/flatpickr.css')
-
-module.exports = () => {
-    let inputs = document.querySelectorAll('input[type="date"]')
-    let size = inputs.length
-
-    for (var i = 0, c = inputs.length; i < c; i++) {
-        new Datepicker.Datepicker(inputs[i], {
-            format: 'yyyy-mm-dd'
-        })
-    }
-
-    inputs = document.querySelectorAll('input[data-datetime]')
-    size = inputs.length
-
-    for (var i = 0, c = inputs.length; i < c; i++) {
-        Flatpickr(inputs[i], {
-            enableTime: true,
-            dateFormat: "d/m/Y h:i",
-            locale: French
-        })
-    }
-}

assets/js/admin.js

@@ -1,20 +1,3 @@
-import '../css/admin.scss';
+import './admin/admin.js';
 
-require('../../node_modules/bootstrap/dist/js/bootstrap.min.js');
-require('./addons/table-fixed.js')();
-require('./addons/form-confirm.js')();
-require('./addons/form.js')();
-require('./addons/dbclick.js')();
-require('./addons/toast.js')();
-require('./addons/modal.js')();
-require('./addons/push-state.js')();
-require('./addons/password.js')();
-require('./addons/tooltip.js')();
-require('./addons/editor.js')();
-require('./addons/panel.js')();
-require('./addons/choices.js')();
-require('./addons/checkbox-checker.js')();
-require('./addons/rest-choices.js')();
-require('./addons/form-collection.js')();
-require('./addons/datepicker.js')();
-require('./addons/sortable.js')();
+require('./admin_modules/simplemde')();

assets/js/admin/admin.js

@@ -0,0 +1,21 @@
+import '../../css/admin.scss';
+
+require('../../../node_modules/bootstrap/dist/js/bootstrap.min.js');
+require('./modules/table-fixed.js')();
+require('./modules/form-confirm.js')();
+require('./modules/form.js')();
+require('./modules/dbclick.js')();
+require('./modules/toast.js')();
+require('./modules/modal.js')();
+require('./modules/push-state.js')();
+require('./modules/password.js')();
+require('./modules/tooltip.js')();
+require('./modules/editor.js')();
+require('./modules/panel.js')();
+require('./modules/choices.js')();
+require('./modules/checkbox-checker.js')();
+require('./modules/rest-choices.js')();
+require('./modules/form-collection.js')();
+require('./modules/datepicker.js')();
+require('./modules/sortable.js')();
+require('./modules/batch.js')();

assets/js/admin/modules/batch.js

@@ -0,0 +1,23 @@
+const $ = require('jquery')
+
+module.exports = () => {
+    $('th.crud-batch-column input').change((e) => {
+        $('td.crud-batch-column input').prop('checked', $(e.target).is(':checked'));
+    });
+
+    const form = $('#form-batch')
+
+    form.submit((e) => {
+        e.preventDefault();
+
+        const route = form.attr('action')
+        const datas = form.serialize()
+
+        form.addClass('is-loading');
+
+        $.post(route, datas)
+            .always(() => {
+                document.location.href = document.location.href
+            });
+    });
+}

assets/js/admin/modules/datepicker.js

@@ -0,0 +1,26 @@
+const Datepicker = require('vanillajs-datepicker')
+
+const isDateSupported = () => {
+    const input = document.createElement('input');
+    const value = 'a';
+
+    input.setAttribute('type', 'date');
+    input.setAttribute('value', value);
+
+    return input.value !== value;
+}
+
+module.exports = () => {
+    if (isDateSupported()) {
+        return
+    }
+
+    const inputs = document.querySelectorAll('input[type="date"]')
+    const size = inputs.length
+
+    for (var i = 0, c = inputs.length; i < c; i++) {
+        new Datepicker.Datepicker(inputs[i], {
+            format: 'yyyy-mm-dd'
+        })
+    }
+}

assets/js/admin/modules/editor.js

@@ -4,7 +4,7 @@ const initEditor = function(element) {
         base_url: '/vendor/tinymce/',
         cache_suffix: '?v=4.1.6',
         language: 'fr_FR',
-        plugins: 'print preview importcss searchreplace visualblocks visualchars fullscreen template table charmap hr pagebreak nonbreaking toc insertdatetime advlist lists wordcount textpattern noneditable help charmap quickbars link image code',
+        plugins: 'print preview importcss searchreplace visualblocks visualchars fullscreen template table charmap hr pagebreak nonbreaking toc insertdatetime advlist lists wordcount textpattern noneditable help charmap quickbars link image code autoresize',
         menubar: 'file edit view insert format tools table tc help',
         toolbar: 'undo redo | bold italic underline strikethrough | link image | fontselect fontsizeselect formatselect | alignleft aligncenter alignright alignjustify | outdent indent |  numlist bullist checklist | forecolor backcolor casechange permanentpen formatpainter removeformat | pagebreak | charmap | fullscreen  preview',
         importcss_append: true,

assets/js/admin/modules/modal.js

@@ -14,9 +14,9 @@ module.exports = function() {
             body.append(container);
         }
 
-        const loader = $('<div style="position: absolute; top: 25vh; left: 50vw; z-index: 2000">')
-        loader.html('<div class="spinner-border text-primary" role="status"><span class="sr-only">Loading...</span></div>')
-        body.append(loader)
+        const loader = $('<div style="position: absolute; top: 25vh; left: 50vw; z-index: 2000">');
+        loader.html('<div class="spinner-border text-primary" role="status"><span class="sr-only">Loading...</span></div>');
+        body.append(loader);
 
         container.html('');
 

assets/js/admin_modules/simplemde.js

@@ -1,4 +1,4 @@
-const Editor = require('simplemde')
+const Editor = require('simplemde');
 const $ = require('jquery');
 
 module.exports = () => {