fix: Show the previously hidden list of selected fields and remove unneeded dependencies

package.json

@@ -27,9 +27,7 @@
   },
   "homepage": "https://git.lesprojekt.cz/jmacura/fieldcalc-frontend/README.md",
   "dependencies": {
-    "bootstrap": "^5.1.3",
-    "hslayers-ng": "9.2.0",
-    "ngx-bootstrap": "^8.0.0"
+    "hslayers-ng": "9.2.0"
   },
   "devDependencies": {
     "@angular-builders/custom-webpack": "^13.0.0",
@@ -37,10 +35,8 @@
     "@angular-eslint/builder": "^13.2.1",
     "@angular-eslint/eslint-plugin": "^13.2.1",
     "@angular-eslint/eslint-plugin-template": "^13.5.0",
-    "@angular-eslint/schematics": "^13.2.1",
     "@angular-eslint/template-parser": "^13.5.0",
     "@angular/cli": "~13.3.5",
-    "@angular/compiler-cli": "~13.3.7",
     "@types/karma-jasmine": "^4.0.2",
     "@typescript-eslint/eslint-plugin": "^5.7.0",
     "eslint": "^8.17.0",
@@ -49,4 +45,4 @@
     "eslint-plugin-tsdoc": "^0.2.16",
     "karma-jasmine": "~5.0.1"
   }
-}
+}

src/app/calculator/calculator.component.html

@@ -11,7 +11,7 @@
   <div class="card-body">
     <div class="p-4 m-auto">
       <!-- FIELD & INDEX SELECTION PART -->
-      <!--<div *ngIf="!noFieldSelected(); else noField">
+      <div *ngIf="!noFieldSelected(); else noField">
         <p *ngIf="data.selectedFieldsProperties.length === 1; else moreFields">
           {{hsLanguageService.getTranslationIgnoreNonExisting('CALCULATOR', 'selectedField')}} {{data.selectedFieldsProperties[0]?.['id_dpb'] ?? '?'}}
         </p>
@@ -23,7 +23,7 @@
             </span>
           </p>
         </ng-template>
-      </div>-->
+      </div>
       <ng-template #noField>
         <div>
           <p class="p-1 text-info">{{hsLanguageService.getTranslationIgnoreNonExisting('CALCULATOR', 'selectField')}}</p>

src/index.html

@@ -6,7 +6,6 @@
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
-  <link rel="stylesheet" href="https://unpkg.com/ngx-bootstrap/datepicker/bs-datepicker.css">
   <style>
 
     ngb-datepicker-navigation-select > .form-select {
@@ -21,14 +20,6 @@
       width: 3.1rem !important;
     }
 
-    .bs-datepicker-body table.days span {
-      background-color: purple;
-    }
-
-    .bs-datepicker-body table.days span.disabled {
-      background-color: white !important;
-    }
-
     .ngb-dp-weekdays {
       color: #025797;
       font-weight: 200;

src/styles.scss

@@ -1,7 +1 @@
 /* You can add global styles to this file, and also import other style files */
-
-/* Importing Bootstrap SCSS file. */
-@import "~bootstrap/scss/bootstrap";
-
-/* Importing Datepicker SCSS file. */
-@import "node_modules/ngx-bootstrap/datepicker/bs-datepicker";