Revize c9f649fd

Re #8027: Checkbox pro spell checker FE
- vytvořen checkbox pro autocorrect

fe/fulltextsearch/src/app/app.module.ts

@@ -35 +35 @@
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { TranslateHttpLoader } from '@ngx-translate/http-loader';
 import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
+import {MatCheckboxModule} from '@angular/material/checkbox';
 
 export function HttpLoaderFactory(httpClient: HttpClient) {
   return new TranslateHttpLoader(httpClient, '../assets/i18n/', '-lang.json');
@@ -81 +82 @@
         useFactory: HttpLoaderFactory,
         deps: [HttpClient]
       }
-    })
+    }),
+    MatCheckboxModule
   ],
   providers: [DataHolderService, DatePipe],
   bootstrap: [AppComponent]

fe/fulltextsearch/src/app/components/shared-components/search-box/search-box.component.css

@@ -56 +56 @@
 .input-group-append .btn, .input-group-prepend .btn {
   z-index: 0 !important;
 }
+
+.input-group {
+  margin-bottom: 8pt !important;
+}
+
+.mat-checkbox {
+  padding: 6pt 6pt 1pt;
+  background-color: white !important;
+  color: var(--text-grey);
+}

fe/fulltextsearch/src/app/components/shared-components/search-box/search-box.component.html

@@ -13 +13 @@
       <button class="btn btn-outline-secondary" type="button" (click)="onSubmit()">{{'app-search-box.search' | translate}}</button>
     </div>
   </div>
+    <mat-checkbox color="warn" (change)="onToggle()">{{'app-search-box.spell-check' | translate}}</mat-checkbox>
 </div>

fe/fulltextsearch/src/app/components/shared-components/search-box/search-box.component.ts

@@ -1 @@
-import {Component, OnDestroy, OnInit} from '@angular/core';
+import { Component, OnDestroy, OnInit } from '@angular/core';
 import { SearchRequest } from '../../../model/SearchRequest';
 import { QueryService } from '../../../services/query/query.service';
 import { Router } from '@angular/router';
 import { DataHolderService } from '../../../services/data-holder/data-holder.service';
-import {Subscription} from 'rxjs';
+import { Subscription } from 'rxjs';
 
 @Component({
   selector: 'app-search-box',
@@ -11 +11 @@
   styleUrls: ['./search-box.component.css']
 })
 export class SearchBoxComponent implements OnInit, OnDestroy {
+  enableSpellCheck: boolean;
   expression: string;
   private queryServiceSubscription$: Subscription;
 
   constructor(private queryService: QueryService, private router: Router, private dataHolderService: DataHolderService) { }
 
   ngOnInit(): void {
+    this.enableSpellCheck = false;
+  }
+
+  onToggle() {
+    this.enableSpellCheck = !this.enableSpellCheck;
+    console.log('kontrola spell check: ' + this.enableSpellCheck);
   }
 
   onSubmit(): void {
     if (!this.expression) { return; }
 
-    const searchRequest: SearchRequest = new SearchRequest(this.expression, new Date());
-    console.log('odeslano: ' + JSON.stringify(searchRequest));
+    const searchRequest: SearchRequest = new SearchRequest(this.expression, new Date(), this.enableSpellCheck);
 
     this.queryServiceSubscription$ = this.queryService.searchPost(searchRequest).subscribe (data => {
       this.dataHolderService.setData(data);
@@ -34 +40 @@
   }
 
   ngOnDestroy(): void {
-    console.log(this.queryServiceSubscription$);
     if (this.queryServiceSubscription$ !== undefined) {
-      console.log('podminka');
       this.queryServiceSubscription$.unsubscribe();
     }
   }

fe/fulltextsearch/src/app/model/SearchRequest.ts

@@ -1 +1 @@
 export class SearchRequest {
   public expression: string;
   public timestamp: Date;
+  public enableSpellCheck: boolean;
 
-  constructor(expression: string, timestamp: Date) {
+  constructor(expression: string, timestamp: Date, enableSpellCheck: boolean) {
     this.expression = expression;
     this.timestamp = timestamp;
+    this.enableSpellCheck = enableSpellCheck;
   }
 }

fe/fulltextsearch/src/assets/i18n/cz-lang.json

@@ -12 +12 @@
   },
   "app-search-box": {
     "search": "Vyhledat",
-    "placeholder": "Zadejte text k vyhledání..."
+    "placeholder": "Zadejte text k vyhledání...",
+    "spell-check": "Zapnout automatickou kontrolu"
   },
   "app-search": {
     "expression": "Hledaný výraz: ",

fe/fulltextsearch/src/assets/i18n/de-lang.json

@@ -12 +12 @@
   },
   "app-search-box": {
     "search": "Suchen",
-    "placeholder": "Geben Sie den Text ein..."
+    "placeholder": "Geben Sie den Text ein...",
+    "spell-check": "Ermöglichen autocorrect"
   },
   "app-search": {
     "expression": "Suchtext: ",

fe/fulltextsearch/src/assets/i18n/en-lang.json

@@ -12 +12 @@
   },
   "app-search-box": {
     "search": "Search",
-    "placeholder": "Enter text to search..."
+    "placeholder": "Enter text to search...",
+    "spell-check": "Enable autocorrect"
   },
   "app-search": {
     "expression": "Searching expression: ",