[ADF-2914] support for number range patterns (#3282)

* support for number range patterns

* fix memory leak for tag actions

lib/content-services/search/components/search-number-range/search-number-range.component.spec.ts

@@ -85,4 +85,43 @@ describe('SearchNumberRangeComponent', () => {
         expect(context.update).toHaveBeenCalled();
     });
 
+    it('should fetch format from the settings', () => {
+        component.settings = {
+            field: 'cm:content.size',
+            format: '<{FROM} TO {TO}>'
+        };
+        component.ngOnInit();
+
+        expect(component.field).toEqual('cm:content.size');
+        expect(component.format).toEqual('<{FROM} TO {TO}>');
+    });
+
+    it('should use default format if not provided', () => {
+        component.settings = {
+            field: 'cm:content.size'
+        };
+        component.ngOnInit();
+
+        expect(component.field).toEqual('cm:content.size');
+        expect(component.format).toEqual('[{FROM} TO {TO}]');
+    });
+
+    it('should format value based on the current pattern', () => {
+        const context: any = {
+            queryFragments: {},
+            update() {}
+        };
+
+        component.id = 'range1';
+        component.settings = {
+            field: 'cm:content.size',
+            format: '<{FROM} TO {TO}>'
+        };
+        component.context = context;
+        component.ngOnInit();
+
+        component.apply({ from: '0', to: '100' }, true);
+        expect(context.queryFragments['range1']).toEqual('cm:content.size:<0 TO 100>');
+    });
+
 });

lib/content-services/search/components/search-number-range/search-number-range.component.ts

@@ -41,7 +41,16 @@ export class SearchNumberRangeComponent implements SearchWidget, OnInit {
     settings?: SearchWidgetSettings;
     context?: SearchQueryBuilderService;
 
+    field: string;
+    format = '[{FROM} TO {TO}]';
+
     ngOnInit(): void {
+
+        if (this.settings) {
+            this.field = this.settings.field;
+            this.format = this.settings.format || '[{FROM} TO {TO}]';
+        }
+
         const validators = Validators.compose([
             Validators.required,
             Validators.pattern(/^-?(0|[1-9]\d*)?$/)
@@ -57,12 +66,30 @@ export class SearchNumberRangeComponent implements SearchWidget, OnInit {
     }
 
     apply(model: { from: string, to: string }, isValid: boolean) {
-        if (isValid && this.id && this.context && this.settings && this.settings.field) {
-            this.context.queryFragments[this.id] = `${this.settings.field}:[${model.from} TO ${model.to}]`;
+        if (isValid && this.id && this.context && this.field) {
+            const map = new Map<string, string>();
+            map.set('FROM', model.from);
+            map.set('TO', model.to);
+
+            const value = this.formatString(this.format, map);
+            const query = `${this.field}:${value}`;
+
+            this.context.queryFragments[this.id] = query;
             this.context.update();
         }
     }
 
+    private formatString(str: string, map: Map<string, string>): string {
+        let result = str;
+
+        map.forEach((value, key) => {
+            const expr = new RegExp('{' + key + '}', 'gm');
+            result = result.replace(expr, value);
+        });
+
+        return result;
+    }
+
     reset() {
         this.form.reset({
             from: '',

lib/content-services/tag/tag-actions.component.spec.ts

@@ -192,13 +192,14 @@ describe('TagActionsComponent', () => {
             });
         });
 
-        it('Add tag should be disabled by default', (done) => {
+        it('Add tag should be disabled by default', () => {
             component.nodeId = 'fake-node-id';
             component.newTagName = 'fake-tag-name';
 
+            fixture.detectChanges();
+
             let addButton: any = element.querySelector('#add-tag');
             expect(addButton.disabled).toEqual(true);
-            done();
         });
 
         it('Add tag should return an error if the tag is already present', (done) => {

lib/content-services/tag/tag-actions.component.ts

@@ -16,8 +16,9 @@
  */
 
 import { TranslationService } from '@alfresco/adf-core';
-import { Component, EventEmitter, Input, OnChanges, Output, ViewEncapsulation } from '@angular/core';
+import { Component, EventEmitter, Input, OnChanges, Output, ViewEncapsulation, OnDestroy, OnInit } from '@angular/core';
 import { TagService } from './services/tag.service';
+import { Subscription } from 'rxjs/Subscription';
 
 /**
  *
@@ -30,7 +31,7 @@ import { TagService } from './services/tag.service';
     styleUrls: ['./tag-actions.component.scss'],
     encapsulation: ViewEncapsulation.None
 })
-export class TagActionsComponent implements OnChanges {
+export class TagActionsComponent implements OnChanges, OnInit, OnDestroy {
 
     /** The identifier of a node. */
     @Input()
@@ -49,23 +50,31 @@ export class TagActionsComponent implements OnChanges {
     result = new EventEmitter();
 
     newTagName: string;
-
     tagsEntries: any;
-
     errorMsg: string;
-
     disableAddTag: boolean = true;
 
-    constructor(private tagService: TagService, private translateService: TranslationService) {
-        this.tagService.refresh.subscribe(() => {
-            this.refreshTag();
-        });
+    private subscriptions: Subscription[] = [];
+
+    constructor(private tagService: TagService, private translateService: TranslationService) {}
+
+    ngOnInit() {
+        this.subscriptions.push(
+            this.tagService.refresh.subscribe(() => {
+                this.refreshTag();
+            })
+        );
     }
 
     ngOnChanges() {
         return this.refreshTag();
     }
 
+    ngOnDestroy() {
+        this.subscriptions.forEach(subscription => subscription.unsubscribe());
+        this.subscriptions = [];
+    }
+
     refreshTag() {
         if (this.nodeId) {
             this.tagService.getTagsByNodeId(this.nodeId).subscribe((data) => {