Fix styles, add bootstrap

assets/css/app.scss

@@ -10,7 +10,7 @@
         yannick.warnier@beeznest.com
 */
 
-//@import "~bootstrap/scss/bootstrap";
+@import "~bootstrap/scss/bootstrap";
 @import "~@coreui/coreui/scss/coreui";
 @import "~@fortawesome/fontawesome-free/css/all.css";
 @import '~chosen-js/chosen.css';

assets/css/bootstrap.scss

@@ -1,2 +1,2 @@
-//@import "~bootstrap/scss/bootstrap";
+@import "~bootstrap/scss/bootstrap";
 @import "~@fortawesome/fontawesome-free/css/all.css";

assets/js/app.js

@@ -8,6 +8,11 @@ import Vue from 'vue';
 import {VueConfig} from './VueConfig';
 import Example from './components/Example';
 
+import $ from 'jquery';
+
+window.jQuery = $;
+window.$ = $;
+
 Routing.setRoutingData(routes);
 
 const locale = document.querySelector('html').lang;
@@ -196,7 +201,7 @@ $(function () {
     );
 
     /* Make responsive image maps */
-    $('map').imageMapResize();
+    //$('map').imageMapResize();
 
     jQuery.fn.filterByText = function (textbox) {
         return this.each(function () {

assets/js/vendor.js

@@ -1,38 +1,38 @@
-var moment = require("moment");
+var moment = require('moment');
-require("moment/min/locales.min");
+require('moment/min/locales.min');
 global.moment = moment;
 
-require("webpack-jquery-ui");
+require('webpack-jquery-ui');
-require("webpack-jquery-ui/css");
+require('webpack-jquery-ui/css');
 
-// JS is equivalent to the normal "bootstrap" package
+// JS is equivalent to the normal 'bootstrap' package
 // no need to set this to a variable, just require it
-require("bootstrap");
+require('bootstrap');
-require("@coreui/coreui/dist/js/coreui.min.js");
+require('@coreui/coreui/dist/js/coreui.min.js');
-require("chosen-js");
+require('chosen-js');
-require("mediaelement");
+require('mediaelement');
-require("pace-js-amd-fix");
+require('pace-js-amd-fix');
-require("multiselect-two-sides");
+require('multiselect-two-sides');
 require('@fortawesome/fontawesome-free');
 
-require("qtip2");
+require('qtip2');
-require("image-map-resizer");
+require('image-map-resizer/js/imageMapResizer.js');
-require("cropper");
+require('cropper');
-require("jquery-ui-timepicker-addon/dist/jquery-ui-timepicker-addon");
+require('jquery-ui-timepicker-addon/dist/jquery-ui-timepicker-addon');
-require("jquery.scrollbar");
+require('jquery.scrollbar');
-require("blueimp-file-upload");
+require('blueimp-file-upload');
-require("select2");
+require('select2');
-require("timeago");
+require('timeago');
-require("sweetalert/dist/sweetalert.min");
+require('sweetalert/dist/sweetalert.min');
 require('bootstrap-select/dist/js/bootstrap-select.js');
-require("bootstrap-daterangepicker");
+require('bootstrap-daterangepicker');
-require("fullcalendar/dist/fullcalendar.js");
+require('fullcalendar/dist/fullcalendar.js');
-require("fullcalendar/dist/gcal.js");
+require('fullcalendar/dist/gcal.js');
-require("fullcalendar/dist/locale-all.js");
+require('fullcalendar/dist/locale-all.js');
-require("easy-pie-chart/dist/jquery.easypiechart.min");
+require('easy-pie-chart/dist/jquery.easypiechart.min');
-require("jquery-ui-timepicker-addon");
+require('jquery-ui-timepicker-addon');
 
 // doesn't work with webpack added directly in /public/libs folder
 /*
-require("ckeditor");
+require('ckeditor');
 */

package.json

@@ -5,7 +5,7 @@
   "license": "GPL-3.0",
   "devDependencies": {
     "@coreui/coreui": "^2.1.7",
-    "@fortawesome/fontawesome-free": "^5.7.2",
+    "@fortawesome/fontawesome-free": "^5.11",
     "@symfony/webpack-encore": "~0.28",
     "babel-preset-react": "^6.24.1",
     "bootstrap": "^4.3.1",
@@ -33,7 +33,7 @@
     "fs": "0.0.1-security",
     "fullcalendar": "^3.0",
     "highlight.js": "^9.12.0",
-    "image-map-resizer": "^1.0.7",
+    "image-map-resizer": "^1.0.10",
     "jquery-ui": "^1.12.1",
     "jquery-ui-timepicker-addon": "^1.6.3",
     "jquery.scrollbar": "^0.2.11",
@@ -50,7 +50,7 @@
     "pace-js-amd-fix": "^1.0.5",
     "perfect-scrollbar": "^1.4.0",
     "pretty-checkbox": "^3.0.3",
-    "pwstrength-bootstrap": "^3.0.4",
+    "pwstrength-bootstrap": "^3.0.5",
     "qtip2": "^3.0.3",
     "readmore-js": "^2.2.1",
     "select2": "^4.0",

webpack.config.js

@@ -1,6 +1,7 @@
 var Encore = require('@symfony/webpack-encore');
-var copyWebpackPlugin = require('copy-webpack-plugin');
+
-var fileManagerPlugin = require('filemanager-webpack-plugin');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+const FileManagerPlugin = require('filemanager-webpack-plugin');
 
 Encore
     .setOutputPath('public/build/')
@@ -36,11 +37,12 @@ Encore
     .copyFiles([
         {
             from: './node_modules/multiselect-two-sides/dist/js',
+            pattern: /(multiselect.js)$/,
             to: 'libs/multiselect-two-sides/dist/js/multiselect.js'
         },
         {
             from: './node_modules/pwstrength-bootstrap/dist/',
-            pattern: /\.(js)$/,
+            pattern: /(pwstrength-bootstrap.js)$/,
             to: 'libs/pwstrength-bootstrap/dist/pwstrength-bootstrap.js'
         },
         {
@@ -61,7 +63,7 @@ Encore
     ])
 ;
 
-Encore.addPlugin(new copyWebpackPlugin([
+Encore.addPlugin(new CopyWebpackPlugin([
     {
         from: './node_modules/mediaelement/build',
         to: 'libs/mediaelement'
@@ -90,7 +92,7 @@ themes.forEach(function (theme) {
     Encore.addStyleEntry('css/themes/' + theme + '/default', './assets/css/themes/' + theme + '/default.css');
 
     // Copy images from themes into public/build
-    Encore.addPlugin(new copyWebpackPlugin([{
+    Encore.addPlugin(new CopyWebpackPlugin([{
         from: 'assets/css/themes/' + theme + '/images',
         to: 'css/themes/' + theme + '/images'
     },
@@ -98,7 +100,7 @@ themes.forEach(function (theme) {
 });
 
 // Fix free-jqgrid languages files
-Encore.addPlugin(new fileManagerPlugin({
+Encore.addPlugin(new FileManagerPlugin({
     onEnd: {
         move: [
             {