fix(tags): add actions for tag consisting of spaces (#1215)

PR Close #1197

Author: HeyRoach

src/app/shared/directives/forbidden-values-validator.ts

@@ -5,7 +5,7 @@ export function forbiddenValuesValidator(
   forbiddenValues: Array<string>
 ): ValidatorFn {
   return (c: AbstractControl) => {
-    const isValid = !forbiddenValues.find(_ => _ === c.value);
+    const isValid = !forbiddenValues.find(_ => _ === c.value && c.value.trim());
 
     if (isValid) {
       return null;

src/app/tags/tag-edit/tag-edit.component.html

@@ -12,6 +12,7 @@ <h3 *ngIf="!loading" class="mat-dialog-title">
         [forbiddenValues]="forbiddenKeys || []"
         [placeholder]="'TAGS.TAG_KEY' | translate"
         [maxlength]="maxKeyLength"
+        pattern="^\S.*$"
         autofocus
         required
         #keyField="ngModel"
@@ -31,8 +32,13 @@ <h3 *ngIf="!loading" class="mat-dialog-title">
         [(ngModel)]="value"
         [placeholder]="'TAGS.TAG_VALUE' | translate"
         [maxlength]="maxValueLength"
+        pattern="^\S.*$"
         required
+        #valueField="ngModel"
       >
+      <mat-error *ngIf="valueField.invalid && valueField.errors['pattern']">
+        {{ 'TAGS.TAG_START_FROM_SPACE' | translate }}
+      </mat-error>
       <mat-hint align="end">
         <cs-character-count
           [value]="value"

src/app/tags/tag-edit/tag-edit.component.ts

@@ -45,6 +45,8 @@ export class TagEditComponent {
   public get keyFieldErrorMessage(): string {
     if (this.keyField.errors && this.keyField.errors.forbiddenValuesValidator) {
       return 'TAGS.TAG_ALREADY_EXISTS';
+    } else if (this.keyField.errors && this.keyField.errors.pattern) {
+      return 'TAGS.TAG_START_FROM_SPACE';
     }
 
     return '';

src/app/tags/tag/tag.component.scss

@@ -21,7 +21,7 @@
 
 .left {
   margin-right: 15px;
-  max-width: 70%
+  max-width: 70%;
 }
 
 .buttons {

src/i18n/en.json

@@ -1571,7 +1571,8 @@
     "TAG_KEY": "Key",
     "TAG_VALUE": "Value",
     "TAG_ALREADY_EXISTS": "Tag already exists",
-    "EDIT_TAG": "Edit tag"
+    "EDIT_TAG": "Edit tag",
+    "TAG_START_FROM_SPACE": "Field value must start with 'non-space' character"
   },
   "DISK_OFFERING_STORAGE_TYPE": {
     "SHARED": "Shared",

src/i18n/ru.json

@@ -1567,7 +1567,8 @@
     "TAG_KEY": "Ключ",
     "TAG_VALUE": "Значение",
     "TAG_ALREADY_EXISTS": "Тег уже существует",
-    "EDIT_TAG": "Редактировать тег"
+    "EDIT_TAG": "Редактировать тег",
+    "TAG_START_FROM_SPACE": "Значение не может начинаться с пробела"
   },
   "DISK_OFFERING_STORAGE_TYPE": {
     "SHARED": "Общее",