VDS-2320, VDS-2321, VDS-2319: Add & customize bootstrap (#9)

* VDS-2321, VDS-2320: Add ng-bootstrap & bootstrap 5

* VDS-2319: Add showcase & customize bootstrap

* Fix linting rules, fix linted code and fix code smell

* Fix title

* Improve budle size, fix deprecation warning & styles

* Fix webpack config name, fix tests

* Fix linting errors, add pre-commit hook

.eslintrc.json

@@ -19,8 +19,6 @@
         "plugin:@angular-eslint/recommended",
         "eslint:recommended",
         "plugin:@typescript-eslint/recommended",
-        "plugin:editorconfig/all",
-        "plugin:editorconfig/noconflict",
         "plugin:@angular-eslint/template/process-inline-templates",
         "plugin:ngrx/recommended"
       ],
@@ -50,6 +48,7 @@
         "comma-spacing": "error",
         "comma-style": "error",
         "computed-property-spacing": "error",
+        "eol-last": "error",
         "func-call-spacing": "error",
         "function-call-argument-newline": [
           "error",
@@ -60,8 +59,10 @@
           "multiline-arguments"
         ],
         "implicit-arrow-linebreak": "error",
+        "indent": ["error", 2],
         "key-spacing": "error",
         "keyword-spacing": "error",
+        "linebreak-style": ["error", "windows"],
         "lines-around-comment": "error",
         "lines-between-class-members": "error",
         "max-len": [
@@ -84,6 +85,7 @@
             "maxBOF": 0
           }
         ],
+        "no-trailing-spaces": "error",
         "no-unneeded-ternary": "error",
         "no-whitespace-before-property": "error",
         "object-curly-newline": "error",
@@ -128,15 +130,16 @@
         "spaced-comment": "error",
         "switch-colon-spacing": "error",
         "template-tag-spacing": "error",
-        "@typescript-eslint/no-unused-vars": "off",
-        "@typescript-eslint/prefer-readonly": [
-          "error"
-        ],
+        "unicode-bom": "error",
         "unused-imports/no-unused-imports": "error",
         "unused-imports/no-unused-vars": [
           "error",
           { "vars": "all", "varsIgnorePattern": "^_", "args": "after-used", "argsIgnorePattern": "^_" }
         ],
+        "@typescript-eslint/no-unused-vars": "off",
+        "@typescript-eslint/prefer-readonly": [
+          "error"
+        ],
         "@angular-eslint/directive-selector": [
           "error",
           {

.husky/pre-commit

@@ -0,0 +1,5 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npm run lint -- --fix
+git add .

angular.json

@@ -23,7 +23,7 @@
       "prefix": "vc",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-builders/custom-webpack:browser",
           "options": {
             "outputPath": "dist/vc-demo-xapi-app",
             "index": "src/index.html",
@@ -40,7 +40,10 @@
             "styles": [
               "src/styles.scss"
             ],
-            "scripts": []
+            "scripts": [],
+            "customWebpackConfig": {
+              "path": "webpack.config.js"
+            }
           },
           "configurations": {
             "production": {
@@ -76,7 +79,7 @@
           "defaultConfiguration": "production"
         },
         "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
+          "builder": "@angular-builders/custom-webpack:dev-server",
           "configurations": {
             "production": {
               "browserTarget": "vc-demo-xapi-app:build:production"
@@ -88,13 +91,13 @@
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "builder": "@angular-builders/custom-webpack:extract-i18n",
           "options": {
             "browserTarget": "vc-demo-xapi-app:build"
           }
         },
         "test": {
-          "builder": "@angular-devkit/build-angular:karma",
+          "builder": "@angular-builders/custom-webpack:karma",
           "options": {
             "main": "src/test.ts",
             "polyfills": "src/polyfills.ts",
@@ -110,7 +113,10 @@
             "styles": [
               "src/styles.scss"
             ],
-            "scripts": []
+            "scripts": [],
+            "customWebpackConfig": {
+              "path": "webpack.config.js"
+            }
           }
         },
         "lint": {