Demi tour -> AdminLTE

assets/apps/backend/common/common.scss

 
-$color: red ;
+$color: #444 ;
 
 body {
   background-color: $color ;

config/packages/lc_sov.yaml

+# see https://symfony.com/doc/current/reference/configuration/framework.html
+lc_sov:
+    homepage_route: '_homepage'

config/packages/translation.yaml

 framework:
-    default_locale: en
+    default_locale: '%app.default_locale%'
     translator:
         default_path: '%kernel.project_dir%/translations'
         fallbacks:
-            - en
+            - '%app.default_locale%'

config/packages/webpack_encore.yaml

 
     # Set attributes that will be rendered on all script and link tags
     script_attributes:
-        defer: true
+        defer: false
     # link_attributes:
 
     # If using Encore.enableIntegrityHashes() and need the crossorigin attribute (default: false, or use 'anonymous' or 'use-credentials')

package.json

     "devDependencies": {
         "@symfony/stimulus-bridge": "^2.0.0",
         "@symfony/webpack-encore": "^1.0.0",
+        "admin-lte": "^3.1",
         "core-js": "^3.0.0",
+        "jquery": "^3.6.0",
         "regenerator-runtime": "^0.13.2",
         "sass": "^1.32.12",
         "sass-loader": "^11.0.0",
+        "select2": "^4.1.0-rc.0",
+        "select2-bootstrap4-theme": "^1.0.0",
         "stimulus": "^2.0.0",
         "webpack-notifier": "^1.6.0"
     },
         "dev": "encore dev",
         "watch": "encore dev --watch",
         "build": "encore production --progress"
-    }
+    },
+    "dependencies": {}
 }

src/Controller/Admin/PageCrudController.php

                 TextField::new('title'),
                 CKEditorField::new('description'),
                 FileManagerField::new('image'),
-                GalleryManagerField::new('gallery'),
-                TextField::new('devAlias'),
                 ChoiceField::new('status')
                         ->setChoices(['En ligne' => 1, 'Hors ligne' => 0])
                         ->setFormTypeOption('expanded', false)
                         ->setFormTypeOption('multiple', false)
-                        ->setCustomOption('widget', false)
+                        ->setCustomOption('widget', false),
+                GalleryManagerField::new('gallery'),
+                TextField::new('devAlias'),
+
         ];
     }
 

webpack.config.js

     //.setManifestKeyPrefix('build/')
     .enableSassLoader()
     .addAliases({
-        'core-js': path.resolve(__dirname, './node_modules/core-js')
+        'adminlte': path.resolve(__dirname, './node_modules/admin-lte/dist/js/adminlte.min.js'),
+        'adminltePlugin': path.resolve(__dirname, './node_modules/admin-lte/plugins/'),
+        'core-js': path.resolve(__dirname, './node_modules/core-js'),
+        'jquery': path.join(__dirname, 'node_modules/jquery/src/jquery'),
+        'select2': path.join(__dirname, 'node_modules/select2/dist/js/select2.js'),
+        'select2-css': path.join(__dirname, 'node_modules/select2/dist/css/select2.min.css'),
+        //'select2-bootstrap-theme': path.join(__dirname, 'node_modules/select2-bootstrap-5-theme/dist/select2-bootstrap-5-theme.min.css')
     })
 
     /*
      * and one CSS file (e.g. app.css) if your JavaScript imports CSS.
      */
     //.addEntry('backend-common', './assets/apps/backend/common/app.common.js')
+    //.addEntry('jquery', './node_modules/jquery/dist/jquery.slim.js')
+    .addEntry('common', './Lc/SovBundle/Resources/assets/apps/common/app.common.js')
     .addEntry('tabler', './Lc/SovBundle/Resources/assets/apps/tabler/app.tabler.js')
     //.addEntry('easyadmin', './vendor/easycorp/easyadmin-bundle/assets/js/app.js')
 
         config.corejs = 3;
     })
 
-    // enables Sass/SCSS support
-    //.enableSassLoader()
+// enables Sass/SCSS support
+//.enableSassLoader()
 
-    // uncomment if you use TypeScript
-    //.enableTypeScriptLoader()
+// uncomment if you use TypeScript
+//.enableTypeScriptLoader()
 
-    // uncomment if you use React
-    //.enableReactPreset()
+// uncomment if you use React
+//.enableReactPreset()
 
-    // uncomment to get integrity="..." attributes on your script & link tags
-    // requires WebpackEncoreBundle 1.4 or higher
-    //.enableIntegrityHashes(Encore.isProduction())
+// uncomment to get integrity="..." attributes on your script & link tags
+// requires WebpackEncoreBundle 1.4 or higher
+//.enableIntegrityHashes(Encore.isProduction())
 
-    // uncomment if you're having problems with a jQuery plugin
-    //.autoProvidejQuery()
+// uncomment if you're having problems with a jQuery plugin
+//.autoProvidejQuery()
 ;
 
 module.exports = Encore.getWebpackConfig();