S53614834 # Client - Incoming Issues #Stage Collapses after error

frontend/angular/src/app/components/admin-portal/edit-workflow-template/edit-workflow-template.component.html

@@ -373,6 +373,7 @@
                                      [disabled]="showLoader"
                                      [id]="'Delay'+message.ObjectID+'Id'"
                                      class="form-control"
+                                     [class.errorBlock]='showError'
                                      mask="9?9:99:99" required
                                      name="Delay{{message.ObjectID}}">
                         </p-inputMask>
@@ -412,7 +413,7 @@
                         <p-dropdown (onChange)="showMessageTemplateDialog($event, message)"
                                     [(ngModel)]="message.MessageTemplate"
                                     [options]="messageTemplates"
-                                    filter="true" required
+                                    filter="true" required [class.errorBlock]='showError'
                                     name="messageTemplate{{message.ObjectID}}"
                                     optionLabel="TemplateName">
                             <ng-template let-message pTemplate="selectedItem">

frontend/angular/src/app/components/admin-portal/edit-workflow-template/edit-workflow-template.component.scss

@@ -74,13 +74,19 @@ p-inputMask {
 
 ::ng-deep {
     input, p-inputMask {
-        &.ng-invalid.ng-touched {
-            border: 1px solid red;
+        &.ng-invalid {
+            &.ng-touched, &.errorBlock {
+                border: 1px solid red;
+            }
         }
     }
 
-    p-dropdown.ng-invalid.ng-touched > .ui-dropdown {
-        background-image: linear-gradient(to bottom, rgba(3, 160, 231, 0.5), rgba(3, 160, 231, 0.5)), linear-gradient(to bottom, red, red) !important;
+    p-dropdown {
+        &.ng-invalid {
+            &.ng-touched > .ui-dropdown, &.errorBlock > .ui-dropdown {
+                background-image: linear-gradient(to bottom, rgba(3, 160, 231, 0.5), rgba(3, 160, 231, 0.5)), linear-gradient(to bottom, red, red) !important;
+            }
+        }
     }
 
     .ui-orderlist-controls {

frontend/angular/src/app/components/admin-portal/edit-workflow-template/edit-workflow-template.component.ts

@@ -49,6 +49,7 @@ export class EditWorkflowTemplateComponent extends BaseComponent implements OnIn
     messageTemplates: Array<MessageTemplateModel> = [];
     editField: any = {};
     showLoader = false;
+    showError = false;
     editMode = false;
     displayNewMessageTemplate = false;
     draggingItem: any = null;
@@ -689,6 +690,7 @@ export class EditWorkflowTemplateComponent extends BaseComponent implements OnIn
     }
 
     saveWorkflowTemplate(saveCopy = false): void {
+        this.showError = true;
         this.utilsService.clearErrorMessages();
         const service = `svc/${saveCopy ? SERVICES.SAVE_WORKFLOW_AS_COPY : SERVICES.SAVE_WORKFLOW}`;