Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
web:new [2023-11-06 21:03] – [Setting up a new website] adminweb:new [2024-01-12 22:07] (current) – [Setting up a new website] admin
Line 4: Line 4:
     * Bootstrap: ''npm install bootstrap@5.3.2''     * Bootstrap: ''npm install bootstrap@5.3.2''
     * JQuery: ''npm install jquery''     * JQuery: ''npm install jquery''
-    * js-cookie: ''npm install js-cookie'' 
     * iziToast: ''npm install izitoast'' [[https://izitoast.marcelodolza.com/|IziToast]]     * iziToast: ''npm install izitoast'' [[https://izitoast.marcelodolza.com/|IziToast]]
     * js-cookie: ''npm install js-cookie'' [[https://github.com/js-cookie/js-cookie|js-cookie]]     * js-cookie: ''npm install js-cookie'' [[https://github.com/js-cookie/js-cookie|js-cookie]]
Line 13: Line 12:
       * ''npm install @form-validation/styles''       * ''npm install @form-validation/styles''
       * ''npm install @form-validation/plugin-j''       * ''npm install @form-validation/plugin-j''
 +    * sortableJS: [[sortablejs.github.io/Sortable/|sortableJS]]
 +      * ''npm install sortablejs''
 +      * ''npm install jquery-sortablejs''
 +    * clipboardJS: ''npm install clipboard'' [[https://clipboardjs.com/]]
     * vanillajs-datepicker: ''npm install vanillajs-datepicker'' [[https://mymth.github.io/vanillajs-datepicker/#/|vanillajs-datepicker]]     * vanillajs-datepicker: ''npm install vanillajs-datepicker'' [[https://mymth.github.io/vanillajs-datepicker/#/|vanillajs-datepicker]]
 +      * Important: stopPropagation if used in a modal (to prevent actions like loading and submitting to happen automatically in the modal):
 +        * <code>$('div.daterange').on('show.bs.modal', (e) => {
 +  e.stopPropagation();
 +});</code>
     * tinyMCE: ''npm install tinymce@^6'' [[https://www.tiny.cloud/docs/tinymce/6/npm-projects/|tinyMCE]]     * tinyMCE: ''npm install tinymce@^6'' [[https://www.tiny.cloud/docs/tinymce/6/npm-projects/|tinyMCE]]
   * Bootstrap customization   * Bootstrap customization