Bug-Fix S52625662 #Ui - Alphabetically order the drop down

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

@@ -380,7 +380,7 @@
                             <label>{{message.DelayString}}</label>
                         </div>
                     </div>
-                    <div class="col-md-1">
+                    <div class="col-md-{{stage.StageType.IsPreStage ? '1' : '2'}}">
                         <label for="Variance{{message.ObjectID}}">+/-</label>
                         <input [(ngModel)]="message.Variance"
                                [disabled]="showLoader"
@@ -389,14 +389,14 @@
                                (focusin)="toggleInput($event, 'Variance'+message.ObjectID, true)"
                                class="form-control" id="Variance{{message.ObjectID}}"
                                *ngIf="!showLabel('Variance'+message.ObjectID) || !message.Variance"
-                               name="Variance{{message.ObjectID}}" type="text">
+                               name="Variance{{message.ObjectID}}" type="number">
                         <div
                             (click)="toggleInput($event, 'Variance'+message.ObjectID, true)"
                             *ngIf="showLabel('Variance'+message.ObjectID) && message.Variance">
                             <label>{{message.VarianceString}}</label>
                         </div>
                     </div>
-                    <div class="col-md-2 business-hours">
+                    <div class="col-md-{{stage.StageType.IsPreStage ? '2' : '3'}} business-hours">
                         <p-checkbox [(ngModel)]="message.BusinessHoursOnly"
                                     binary="true"
                                     name="BusinessHoursOnly{{message.ObjectID}}">
@@ -404,7 +404,7 @@
                         <label title="Business Hours only" class="mb-0">Business Hours
                             only</label>
                     </div>
-                    <div class="col-md-3">
+                    <div class="col-md-{{stage.StageType.IsPreStage ? '3' : '4'}}">
                         <label>Send</label>
                         <p-dropdown (onChange)="showMessageTemplateDialog($event, message)"
                                     [(ngModel)]="message.MessageTemplate"
@@ -419,11 +419,15 @@
                                     class="dropdown-text">{{message.label}}</span>
                             </ng-template>
                             <ng-template let-selectedMsg pTemplate="item">
-                                <div class="ui-helper-clearfix"
+                                <div *ngIf="selectedMsg.value.id !== '-2'" class="ui-helper-clearfix"
                                      style="position: relative;height: 25px;">
                                     <i class="{{getMessageClass(selectedMsg.value)}}"></i>
                                     <div class="dropdown-text">{{selectedMsg.label}}</div>
                                 </div>
+                                <div *ngIf="selectedMsg.value.id === '-2'" class="ui-helper-clearfix"
+                                     style="position: relative;height: 5px;">
+                                    <div class="separator"></div>
+                                </div>
                             </ng-template>
                         </p-dropdown>
                     </div>
@@ -476,7 +480,7 @@
                                (focusin)="toggleInput($event, 'Variance'+message.ObjectID, true)"
                                class="form-control" id="Variance{{message.ObjectID}}"
                                *ngIf="!showLabel('Variance'+message.ObjectID) || !message.Variance"
-                               name="Variance{{message.ObjectID}}" type="text">
+                               name="Variance{{message.ObjectID}}" type="number">
                         <div
                             (click)="toggleInput($event, 'Variance'+message.ObjectID, true)"
                             *ngIf="showLabel('Variance'+message.ObjectID) && message.Variance">
@@ -506,11 +510,14 @@
                                     class="dropdown-text">{{message.label}}</span>
                             </ng-template>
                             <ng-template let-selectedMsg pTemplate="item">
-                                <div class="ui-helper-clearfix"
+                                <div *ngIf="selectedMsg.value.id !== '-2'" class="ui-helper-clearfix"
                                      style="position: relative;height: 25px;">
                                     <i class="{{getMessageClass(selectedMsg.value)}}"></i>
-                                    <div
-                                        class="dropdown-text">{{selectedMsg.label}}</div>
+                                    <div class="dropdown-text">{{selectedMsg.label}}</div>
+                                </div>
+                                <div *ngIf="selectedMsg.value.id === '-2'" class="ui-helper-clearfix"
+                                     style="position: relative;height: 5px;">
+                                    <div class="separator"></div>
                                 </div>
                             </ng-template>
                         </p-dropdown>

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

@@ -124,6 +124,7 @@ export class EditWorkflowTemplateComponent extends BaseComponent implements OnIn
                             if (!this.isGlobalHT && !this.adminPortalLayoutService.getHiringTeamID().HasDiversity) {
                                 this.stepTypeOptions = this.stepTypeOptions.filter(type => type.Value !== 'DIVERSITY');
                             }
+
                             this.responseActions = response[2];
                             this.applicantSources = response[3];
 
@@ -410,7 +411,7 @@ export class EditWorkflowTemplateComponent extends BaseComponent implements OnIn
      */
     showMessageTemplateDialog($event, message: WorkflowMessageModel): void {
         const template = $event.value;
-        if (template.id === '-1') {
+        if (template.id === '-1' || template.id === '-2') {
             delete message.MessageTemplate;
         } else if (template.id && template.id === '0') {
             // When new template is selected, store it to global variable

frontend/angular/src/app/components/message-engine-applicant-view/message-engine-applicant-view.component.scss

@@ -93,25 +93,6 @@ a {
             fill: #fff;
         }
     }
-
-    &.clicked {
-        background-color: #cff5b3;
-        border: 2px solid #cff5b3;
-        color: #6AAA3B;
-        padding-right: 6px;
-        animation: bounce-in .3s;
-        cursor: default;
-
-        svg {
-            animation: flyaway 1.3s linear;
-            top: -80px;
-            right: -1000px;
-
-            path {
-                fill: #6AAA3B;
-            }
-        }
-    }
 }
 
 @keyframes flyaway {

frontend/angular/src/assets/css/custom.scss

@@ -378,6 +378,12 @@ body .ui-dropdown-panel .ui-dropdown-filter-container {
     }
 }
 
+.panel-header-input {
+    background: white !important;
+    font-size: 20px !important;
+    padding-left: 40px !important;
+}
+
 .ui-dropdown {
     background: transparent no-repeat;
     background-image: linear-gradient(to bottom, rgba(3, 160, 231, 0.5), rgba(3, 160, 231, 0.5)), linear-gradient(to bottom, #bdbdbd, #bdbdbd) !important;