Making random query builder to use search query builder

bpatrik · May 28, 2021 · 682c2e5 · 682c2e5
1 parent fc854f7
commit 682c2e5
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 30 deletions.
diff --git a/src/frontend/app/ui/gallery/random-query-builder/random-query-builder.gallery.component.html b/src/frontend/app/ui/gallery/random-query-builder/random-query-builder.gallery.component.html
@@ -32,19 +32,12 @@ <h5 class="modal-title" i18n>Random Link creator</h5>
     </div>
     <hr/>
     <form #searchPanelForm="ngForm" class="form-horizontal">
-      <app-gallery-search-field [(ngModel)]="rawSearchText"
-                                (ngModelChange)="validateRawSearchText()"
-                                name="form-search-field">
-
-      </app-gallery-search-field>
-
-      <app-gallery-search-query-entry
+      <app-gallery-search-query-builder
+        id="album-search-query-builder"
+        name="album-search-query-builder"
         [(ngModel)]="searchQueryDTO"
-        (change)="onQueryChange()"
-        name="search-root"
-        (delete)="resetQuery()">
-
-      </app-gallery-search-query-entry>
+        (change)="onQueryChange()" >
+      </app-gallery-search-query-builder>
 
 
     </form>

diff --git a/src/frontend/app/ui/gallery/random-query-builder/random-query-builder.gallery.component.ts b/src/frontend/app/ui/gallery/random-query-builder/random-query-builder.gallery.component.ts
@@ -20,8 +20,7 @@ import {SearchQueryParserService} from '../search/search-query-parser.service';
 })
 export class RandomQueryBuilderGalleryComponent implements OnInit, OnDestroy {
 
-  public searchQueryDTO: SearchQueryDTO;
-  public rawSearchText: string;
+  public searchQueryDTO: SearchQueryDTO = {type: SearchQueryTypes.any_text, text: ''} as TextSearch;
   enabled = true;
   url = '';
 
@@ -37,7 +36,6 @@ export class RandomQueryBuilderGalleryComponent implements OnInit, OnDestroy {
               private searchQueryParserService: SearchQueryParserService,
               private route: ActivatedRoute,
               private modalService: BsModalService) {
-    this.resetQuery();
 
     this.subscription = this.route.params.subscribe((params: Params) => {
       if (!params[QueryParams.gallery.search.query]) {
@@ -55,17 +53,8 @@ export class RandomQueryBuilderGalleryComponent implements OnInit, OnDestroy {
     return JSON.stringify(this.searchQueryDTO);
   }
 
-  validateRawSearchText(): void {
-    try {
-      this.searchQueryDTO = this.searchQueryParserService.parse(this.rawSearchText);
-      this.url = NetworkService.buildUrl(Config.Client.publicUrl + '/api/gallery/random/' + this.HTMLSearchQuery);
-    } catch (e) {
-      console.error(e);
-    }
-  }
 
   onQueryChange(): void {
-    this.rawSearchText = this.searchQueryParserService.stringify(this.searchQueryDTO);
     this.url = NetworkService.buildUrl(Config.Client.publicUrl + '/api/gallery/random/' + this.HTMLSearchQuery);
   }
 
@@ -114,9 +103,4 @@ export class RandomQueryBuilderGalleryComponent implements OnInit, OnDestroy {
   }
 
 
-  resetQuery(): void {
-    this.searchQueryDTO = {text: '', type: SearchQueryTypes.any_text} as TextSearch;
-  }
-
-
 }
diff --git a/src/frontend/app/ui/gallery/search/search.gallery.component.html b/src/frontend/app/ui/gallery/search/search.gallery.component.html
@@ -40,7 +40,6 @@ <h5 class="modal-title" i18n>Search</h5>
         name="search-query-builder"
         [(ngModel)]="searchQueryDTO"
         (change)="onQueryChange()"
-        (ngModelChange)="onQueryChange()"
         (search)="Search()">
       </app-gallery-search-query-builder>