Added tags to query editor.

frontend/app/shared/components/queries/filter-comparison.component.html

@@ -1,16 +1,15 @@
-<div class="row">
-    <div class="col">
-        <div class="form-inline">
-            <select class="form-control path mb-1 mr-2" [ngModel]="filter.path" (ngModelChange)="changePath($event)">
+<div class="row no-gutters mb-1" *ngIf="fieldModel">
+    <div class="col-auto path">
+        <select class="form-control" [ngModel]="filter.path" (ngModelChange)="changePath($event)">
             <option *ngFor="let fieldName of model.fields | sqxKeys" [ngValue]="fieldName">{{fieldName}}</option>
         </select>
-
-            <ng-container *ngIf="fieldModel">
-                <select class="form-control mb-1 mr-2" [ngModel]="filter.op" (ngModelChange)="changeOp($event)">
+    </div>
+    <div class="col-auto pl-2">
+        <select class="form-control" [ngModel]="filter.op" (ngModelChange)="changeOp($event)">
             <option *ngFor="let operator of fieldModel.operators" [ngValue]="operator.value">{{operator.name || operator.value}}</option>
         </select>
-
-                <div class="mb-1" *ngIf="!noValue" [ngSwitch]="fieldModel.type">
+    </div>
+    <div class="col pl-2" *ngIf="!noValue" [ngSwitch]="fieldModel.type">
         <ng-container *ngSwitchCase="'boolean'">
             <input type="checkbox" class="form-control"
                 [ngModel]="filter.value"
@@ -57,9 +56,6 @@
                 (ngModelChange)="changeValue($event)" />
         </ng-container>
     </div>
-            </ng-container>
-        </div>
-    </div>
     <div class="col-auto pl-2">
         <button type="button" class="btn btn-text-danger" (click)="emitRemove()">
             <i class="icon-bin2"></i>

frontend/app/shared/state/query.ts

@@ -20,7 +20,8 @@ export type QueryValueType =
     'number' |
     'reference' |
     'status' |
-    'string';
+    'string' |
+    'tags';
 
 export interface FilterOperator {
     // The optional display value.
@@ -171,6 +172,11 @@ const TypeString: QueryFieldModel = {
     operators: [...EqualOperators, ...CompareOperator, ...StringOperators, ...ArrayOperators]
 };
 
+const TypeTags: QueryFieldModel = {
+    type: 'string',
+    operators: EqualOperators
+};
+
 export function queryModelFromSchema(schema: SchemaDetailsDto, languages: ReadonlyArray<LanguageDto>, statuses: ReadonlyArray<StatusInfo> | undefined) {
     const languagesCodes = languages.map(x => x.iso2Code);
 
@@ -193,7 +199,9 @@ export function queryModelFromSchema(schema: SchemaDetailsDto, languages: Readon
     for (const field of schema.fields) {
         let type: QueryFieldModel | null = null;
 
-        if (field.properties.fieldType === 'Boolean') {
+        if (field.properties.fieldType === 'Tags') {
+            type = TypeTags;
+        } else if (field.properties.fieldType === 'Boolean') {
             type = TypeBoolean;
         } else if (field.properties.fieldType === 'Number') {
             type = TypeNumber;