UI: Refactoring

ui-ngx/src/app/modules/home/components/widget/lib/multiple-input-widget.component.html

@@ -172,17 +172,16 @@
               </mat-error>
             </mat-form-field>
           </div>
-          <div class="input-field" *ngIf="key.settings.dataKeyValueType === 'colorPicker'">
+          <tb-color-input fxFlex class="input-field"
-            <tb-color-input fxFlex
+                          *ngIf="key.settings.dataKeyValueType === 'colorPicker'"
-                            label="{{key.label}}"
+                          label="{{key.label}}"
-                            icon="{{key.settings.icon}}"
+                          icon="{{key.settings.icon}}"
-                            [required]="key.settings.required"
+                          [required]="key.settings.required"
-                            [colorClearButton]="true"
+                          [colorClearButton]="true"
-                            [requiredText]="getErrorMessageText(key.settings, 'required')"
+                          [requiredText]="getErrorMessageText(key.settings, 'required')"
-                            openOnInput
+                          openOnInput
-                            formControlName="{{key.formId}}">
+                          formControlName="{{key.formId}}">
-            </tb-color-input>
+          </tb-color-input>
-          </div>
         </div>
       </div>
     </fieldset>