Fully functional fulltext search

front/app/src/common/crud/crud.service.ts

@@ -3,54 +3,116 @@ import { Injectable, Inject } from '@angular/core';
 import { Schema } from "./jsonschemas.service";
 import {catchError} from "rxjs/operators";
 import {from} from "rxjs";
+import {SortDirection} from "./list/sortable.directive";
 
 
 @Injectable()
 export class ApiService {
-  constructor(protected http: HttpClient) {}
+    constructor(protected http: HttpClient) {}
 
-  protected api_root: string = '/api/v1'
+    protected api_root: string = '/api/v1'
 
-  public getSchema() {
-    return this.http.get<Schema>(`${this.api_root}/openapi.json`);
-  }
+    public getSchema() {
+        return this.http.get<Schema>(`${this.api_root}/openapi.json`);
+    }
 }
 
+export class SortBy {
+    column: string;
+    direction: SortDirection;
+
+    constructor(column: string, direction: SortDirection = 'asc') {
+        this.column = column;
+        this.direction = direction;
+    }
+
+    toString() {
+        return `${this.direction}(${this.column})`;
+    }
+}
+
+export class Filters {
+    column: string;
+    operator: string;
+    value: string;
+
+    constructor(column: string, operator: string, value: string) {
+        this.column = column;
+        this.operator = operator;
+        this.value = value;
+    }
+
+    toString() {
+        if (this.operator == "eq") {
+
+        }
+        return `${this.column} ${this.operator} ${this.value}`;
+    }
+}
+
+export class Parameters {
+    page: number;
+    size: number;
+    sortBy: SortBy[];
+    filters: Filters[];
+
+    constructor(page: number, size: number, sortBy: SortBy[], filters: Filters[]) {
+        this.page = page;
+        this.size = size;
+        this.sortBy = sortBy;
+        this.filters = filters;
+    }
+
+    toString() {
+        let s = `size=${this.size}`;
+        s += `&page=${this.page}`;
+        if (this.sortBy.length > 0 ) {
+            s += `&sort_by=${this.sortBy.join(',')}`;
+        }
+        if (this.filters.length > 0 ) {
+            s += `&query=${encodeURIComponent(this.filters.join(' AND '))}`;
+        }
+        return s;
+    }
+}
 
 @Injectable()
 export class CrudService extends ApiService {
 
-  public loading: boolean = false;
+    public loading: boolean = false;
 
-  public getList(resource: string, page: number, size: number, sortColumn: string, sortDirection: string) {
-    return this.http.get<{ items: [{}] }>(
-      `${this.api_root}/${resource.toLowerCase()}/?size=${size}&page=${page + 1}&sort_by=${sortDirection}(${sortColumn})`
-    );
-  }
+    public getList(resource: string, page: number, size: number, sortBy: SortBy[] = [], filters: Filters[] = []) {
 
-  public get(resource: string, id: string) {
-    return this.http.get<{}>(
-      `${this.api_root}/${resource.toLowerCase()}/${id}`
-    );
-  }
+        let params = new Parameters(page, size, sortBy, filters);
 
-  public update(resource: string, model: any) {
-    return this.http.put<{ menu: [{}] }>(
-      `${this.api_root}/${resource.toLowerCase()}/${model._id}`,
-      model
-    );
-  }
+        return this.http.get<{ items: [{}] }>(
+            `${this.api_root}/${resource.toLowerCase()}/?${params}`
+        );
+    }
 
-  public create(resource: string, model: any) {
-    return this.http.post<{ menu: [{}] }>(
-      `${this.api_root}/${resource.toLowerCase()}/`,
-      model
-    );
-  }
+    public get(resource: string, id: string) {
+        return this.http.get<{}>(
+            `${this.api_root}/${resource.toLowerCase()}/${id}`
+        );
+    }
 
-  public delete(resource: string, model: any) {
-    return this.http.delete<{ menu: [{}] }>(
-      `${this.api_root}/${resource.toLowerCase()}/${model._id}`
-    );
-  }
+    public update(resource: string, model: any) {
+        return this.http.put<{ menu: [{}] }>(
+            `${this.api_root}/${resource.toLowerCase()}/${model._id}`,
+            model
+        );
+    }
+
+    public create(resource: string, model: any) {
+        return this.http.post<{ menu: [{}] }>(
+            `${this.api_root}/${resource.toLowerCase()}/`,
+            model
+        );
+    }
+
+    public delete(resource: string, model: any) {
+        return this.http.delete<{ menu: [{}] }>(
+            `${this.api_root}/${resource.toLowerCase()}/${model._id}`
+        );
+    }
 }

front/app/src/common/crud/list/list.component.ts

@@ -1,7 +1,7 @@
 import { Component, ViewChildren, QueryList, Input, OnInit } from '@angular/core';
 import { BehaviorSubject } from "rxjs";
 import { ActivatedRoute, Router } from '@angular/router';
-import { CrudService } from "../crud.service";
+import {CrudService, Filters, SortBy} from "../crud.service";
 import { NgbdSortableHeader, SortColumn, SortDirection } from './sortable.directive';
 import { JsonschemasService } from "../jsonschemas.service";
 
@@ -56,7 +56,7 @@ export class ListComponent implements OnInit {
                 }
             }
         })
-    this._search();
+        this._search();
     }
 
   private _loading$ = new BehaviorSubject<boolean>(true);
@@ -68,20 +68,23 @@ export class ListComponent implements OnInit {
       page: 1,
       pageSize: 15,
       searchTerm: '',
-      sortColumn: '',
-      sortDirection: '',
+      sortColumn: '_id',
+      sortDirection: 'asc',
   };
 
-  private _search() {
-    this._loading$.next(true);
-    this.service.getList(this.resource, this.page - 1, this.pageSize, this.sortColumn, this.sortDirection).subscribe((data: any) => {
-      this._listData$.next(data.items);
-      this._total$.next(data.total);
-      this._state.pageSize = data.size;
-      this._state.page = data.page;
-      this._loading$.next(false);
-    });
-  }
+    private _search() {
+        this._loading$.next(true);
+        let sortBy = new SortBy(this.sortColumn, this.sortDirection)
+        let filters = this.searchTerm ? [new Filters('fulltext', 'eq', this.searchTerm)] : [];
+
+        this.service.getList(this.resource, this.page, this.pageSize, [sortBy], filters).subscribe((data: any) => {
+            this._listData$.next(data.items);
+            this._total$.next(data.total);
+            this._state.pageSize = data.size;
+            this._state.page = data.page;
+            this._loading$.next(false);
+        });
+    }
 
   onSort({ column, direction }: any) {
       // resetting other headers
@@ -114,6 +117,12 @@ export class ListComponent implements OnInit {
   get pageSize() {
       return this._state.pageSize;
   }
+  get sortColumn() {
+      return this._state.sortColumn;
+  }
+  get sortDirection() {
+      return this._state.sortDirection;
+  }
   get searchTerm() {
       return this._state.searchTerm;
   }

front/app/src/common/crud/types/foreignkey.type.ts

@@ -3,7 +3,7 @@ import {Observable, OperatorFunction, switchMapTo, of, from, exhaustAll, mergeAl
 import { catchError } from 'rxjs/operators';
 import { debounceTime, distinctUntilChanged, map, tap, merge } from 'rxjs/operators';
 import { FieldType, FieldTypeConfig} from '@ngx-formly/core';
-import {CrudService} from "../crud.service";
+import {CrudService, Filters, SortBy} from "../crud.service";
 import {formatDate} from "@angular/common";
 
 @Component({
@@ -89,10 +89,15 @@ export class ForeignkeyTypeComponent extends FieldType<FieldTypeConfig> implemen
     }
 
     getList(term: string) : Observable<readonly string[]> {
-        return this.crudService.getList(this.foreignResource, 0, 10, '_id', 'asc')
-            .pipe(
-                map((result: any) => result["items"]),
-            );
+        return this.crudService.getList(
+            this.foreignResource,
+            0,
+            10,
+            [],
+            [new Filters('fulltext', 'eq', term)]
+        ).pipe(
+            map((result: any) => result["items"]),
+        );
     }
 
     selectedItem(event: any) {