Make fields for incident age condition intuitive

Author: raviks789

application/forms/EventRuleConfigElements/EscalationCondition.php

@@ -112,6 +112,7 @@ protected function assemble(): void
                 ]
             );
 
+            $valUnit = null;
             switch ($this->getPopulatedValue('column_' . $i)) {
                 case 'incident_severity':
                     $val = $this->createElement(
@@ -148,28 +149,25 @@ protected function assemble(): void
                     break;
                 case 'incident_age':
                     $val = $this->createElement(
-                        'text',
+                        'number',
                         $valName,
                         [
                             'required'   => true,
-                            'class'      => ['autosubmit', 'right-operand'],
-                            'validators' => [
-                                new CallbackValidator(function ($value, $validator) {
-                                    if (! preg_match('~^\d+(?:\.?\d*)?[hms]{1}$~', $value)) {
-                                        $validator->addMessage(
-                                            $this->translate(
-                                                'Only numbers with optional fractions (separated by a dot)'
-                                                . ' and one of these suffixes are allowed: h, m, s'
-                                            )
-                                        );
-
-                                        return false;
-                                    }
-
-                                    $validator->clearMessages();
-                                    return true;
-                                })
-                            ]
+                            'class'      => ['right-operand'],
+                            'value'      => 1
+                        ]
+                    );
+
+                    $valUnit = $this->createElement(
+                        'select',
+                        'age_unit_' . $i,
+                        [
+                            'options' => [
+                                's' => 's',
+                                'm' => 'm',
+                                'h' => 'h'
+                            ],
+                            'class'   => 'age-unit'
                         ]
                     );
 
@@ -185,6 +183,7 @@ protected function assemble(): void
                         'value' => 'incident_age'
                     ]);
 
+                    $this->registerElement($valUnit);
                     break;
                 default:
                     $val = $this->createElement('text', $valName, [
@@ -205,6 +204,7 @@ protected function assemble(): void
                 $col,
                 $op,
                 $val,
+                $valUnit,
                 $removeButton
             );
         }
@@ -221,6 +221,10 @@ protected function assemble(): void
                     $this->conditions[$nextCount]->conditionType->setName('column_' . $n);
                     $this->conditions[$nextCount]->operator->setName('operator_' . $n);
                     $this->conditions[$nextCount]->conditionVal->setName('val_' . $n);
+                    if ($this->conditions[$nextCount]->conditionUnit) {
+                        $this->conditions[$nextCount]->conditionUnit->setName('age_unit_' . $n);
+                    }
+
                     if ($conditionCount === 1) {
                         $this->conditions[$nextCount]->removeButton = null;
                     } elseif ($this->conditions[$nextCount]->removeButton) {
@@ -297,7 +301,8 @@ public function getCondition(): string
 
                 $filterStr = $chosenType
                     . $this->getValue('operator_' . $count)
-                    . ($this->getValue('val_' . $count) ?? ($chosenType === 'incident_severity' ? 'ok' : ''));
+                    . ($this->getValue('val_' . $count) ?? ($chosenType === 'incident_severity' ? 'ok' : ''))
+                    . $this->getValue('age_unit_' . $count, '');
 
                 $filter->add(QueryString::parse($filterStr));
             }

application/forms/EventRuleConfigForm.php

@@ -333,7 +333,16 @@ public function populate($values): self
                 }
 
                 $conditionFormValues['operator_' . $count] = QueryString::getRuleSymbol($filter);
-                $conditionFormValues['val_' . $count] = $filter->getValue();
+                $conditionValue = $filter->getValue();
+                if (
+                    preg_match('~^(\d+(?:\.?\d*))?([hms])$~', $conditionValue, $matches)
+                    && count($matches) === 3
+                ) {
+                    $conditionFormValues['val_' . $count] = $matches[1];
+                    $conditionFormValues['age_unit_' . $count] = $matches[2];
+                } else {
+                    $conditionFormValues['val_' . $count] = $conditionValue;
+                }
             }
 
             $formValues['escalation-condition_' . bin2hex($position)] = $conditionFormValues;

library/Notifications/Widget/ItemList/EscalationConditionListItem.php

@@ -26,15 +26,20 @@ class EscalationConditionListItem extends BaseHtmlElement
     /** @var BaseFormElement Condition value */
     public $conditionVal;
 
+    /** @var ?BaseFormElement Condition value */
+    public $conditionUnit;
+
     public function __construct(
         BaseFormElement $conditionType,
         BaseFormElement $operator,
         BaseFormElement $conditionVal,
+        ?BaseFormElement $conditionUnit,
         ?SubmitButtonElement $removeButton
     ) {
         $this->conditionType = $conditionType;
         $this->operator = $operator;
         $this->conditionVal = $conditionVal;
+        $this->conditionUnit = $conditionUnit;
         $this->removeButton = $removeButton;
     }
 
@@ -44,6 +49,7 @@ protected function assemble(): void
             $this->conditionType,
             $this->operator,
             $this->conditionVal,
+            $this->conditionUnit,
             $this->removeButton
         ]);
     }

public/css/event-rule-config.less

@@ -178,6 +178,12 @@
           margin: 0;
         }
 
+        .age-unit {
+          border-radius: 0.4em;
+          min-width: 3.5em;
+          margin-left: 1px;
+        }
+
         .errors + .remove-button {
           margin: 0;
         }