Escaping ':' in search queries, except if advanced=true

Following up on the issue DSpace/DSpace#9670 - here is a first
proposal.

Per default, this sets the 'advanced' flag to false and will escape ':' characters in the search string.
Only with 'advanced = true' is the search string passed as-is.

TODO:
- add tests
- make sure this looks good

Author: ineiti

src/app/core/shared/search/models/search-options.model.ts

@@ -19,11 +19,12 @@ export class SearchOptions {
   dsoTypes?: DSpaceObjectType[];
   filters?: SearchFilter[];
   fixedFilter?: string;
+  advanced?: boolean;
 
   constructor(
     options: {
       configuration?: string, scope?: string, query?: string, dsoTypes?: DSpaceObjectType[], filters?: SearchFilter[],
-      fixedFilter?: string
+      fixedFilter?: string, advanced?: boolean
     },
   ) {
     this.configuration = options.configuration;
@@ -32,6 +33,7 @@ export class SearchOptions {
     this.dsoTypes = options.dsoTypes;
     this.filters = options.filters;
     this.fixedFilter = options.fixedFilter;
+    this.advanced = options.advanced;
   }
 
   /**
@@ -48,6 +50,9 @@ export class SearchOptions {
       args.push(this.encodedFixedFilter);
     }
     if (isNotEmpty(this.query)) {
+      if (!this.advanced){
+        this.query.replace(':', '\:');
+      }
       args.push(`query=${encodeURIComponent(this.query)}`);
     }
     if (isNotEmpty(this.scope)) {

src/app/shared/search-form/search-form.component.html

@@ -12,6 +12,7 @@
       <input type="text" [(ngModel)]="query" name="query" class="form-control"
         [attr.aria-label]="searchPlaceholder" [attr.data-test]="'search-box' | dsBrowserOnly"
         [placeholder]="searchPlaceholder" tabindex="0">
+      <input type="checkbox" [(ngModel)]="advanced" [attr.name]="{{ ('search.form.advanced' | translate ) }}" checked />
       <button type="submit" class="search-button btn btn-{{brandColor}}" [attr.data-test]="'search-button' | dsBrowserOnly" role="button" tabindex="0"><i class="fas fa-search"></i> {{ ('search.form.search' | translate) }}</button>
     </div>
   </div>

src/app/shared/search-form/search-form.component.ts

@@ -53,6 +53,11 @@ export class SearchFormComponent implements OnChanges {
    */
   @Input() query: string;
 
+  /**
+   * True to pass the search query without esacping of special characters.
+   */
+  @Input() advanced: boolean;
+
   /**
    * True when the search component should show results on the current page
    */

src/app/shared/search/search.component.ts

@@ -228,6 +228,11 @@ export class SearchComponent implements OnDestroy, OnInit {
    */
   @Input() query: string;
 
+  /**
+   * True to pass the query as-is without escaping of special characters.
+   */
+  @Input() advanced = false;
+
   /**
    * The fallback scope when no scope is defined in the url, if this is also undefined no scope will be set
    */
@@ -428,6 +433,7 @@ export class SearchComponent implements OnDestroy, OnInit {
         });
       if (combinedOptions.query === '') {
         combinedOptions.query = this.query;
+        combinedOptions.advanced = this.advanced;
       }
       if (isEmpty(combinedOptions.scope)) {
         combinedOptions.scope = scope;

src/assets/i18n/en.json5

@@ -4940,6 +4940,8 @@
 
   "search.form.search": "Search",
 
+  "search.form.search": "Advanced",
+
   "search.form.search_dspace": "All repository",
 
   "search.form.scope.all": "All of DSpace",