feat(add-after-event): update operator selection logic based on field type

Author: mjabascal10

frontend/src/app/rule-management/app-rule/components/add-after-event/add-after-event.component.html

@@ -181,7 +181,9 @@
             <label class="form-label text-muted small">Operator</label>
             <ng-select
               formControlName="operator"
-              [items]="operators"
+              [items]="getOperators(expr.get('field').value)"
+              bindLabel="label"
+              bindValue="value"
               class="w-100"
               placeholder="Choose"
             ></ng-select>

frontend/src/app/rule-management/app-rule/components/add-after-event/add-after-event.component.ts

@@ -110,11 +110,17 @@ export class AddAfterEventComponent implements OnInit {
     );
   }
 
+  getOperators(field: string) {
+    const fieldName = field || '';
+    const hasKeyword = fieldName.includes('.keyword');
+
+    return hasKeyword ? this.allOperators.keyword : this.allOperators.text;
+  }
+
   onFieldChange($event: any, index: number) {
     const fieldName = $event.name || '';
-    const hasKeyword = fieldName.includes('.keyword');
 
-    this.operators = hasKeyword ? this.allOperators.keyword : this.allOperators.text;
+    this.operators = this.getOperators(fieldName);
 
     const control = this.with.at(index);
     control.get('operator').reset();