Merge pull request #393 from openITCOCKPIT/ITC-3575

ITC-3575 - HostTopalertWidget: fixes state <up> to >recovery> in widget config

Author: nook24

src/app/pages/dashboards/widgets/hosts-top-alerts-widget/hosts-top-alerts-widget.component.html

@@ -51,7 +51,7 @@
                     <c-col [xs]="12" [md]="6">
                         {{ t('Alert status') }}
                         @switch (config.state) {
-                            @case ('up') {
+                            @case ('recovery') {
                                 <c-badge color="success">
                                     {{ t('Up') }}
                                 </c-badge>
@@ -99,25 +99,25 @@
                         <thead>
                         <tr>
                             <th class="text-white" [ngClass]="{
-                        'bg-up': config.state === 'up',
+                        'bg-up': config.state === 'recovery',
                         'bg-down': config.state === 'down',
                         'bg-unreachable': config.state === 'unreachable'}">
                                 {{ t('State') }}
                             </th>
                             <th scope="col" class="text-white" [ngClass]="{
-                        'bg-up': config.state === 'up',
+                        'bg-up': config.state === 'recovery',
                         'bg-down': config.state === 'down',
                         'bg-unreachable': config.state === 'unreachable'}">
                                 {{ t('Host') }}
                             </th>
                             <th class="text-white" [ngClass]="{
-                        'bg-up': config.state === 'up',
+                        'bg-up': config.state === 'recovery',
                         'bg-down': config.state === 'down',
                         'bg-unreachable': config.state === 'unreachable'}">
                                 {{ t('Last date') }}
                             </th>
                             <th class="text-white" [ngClass]="{
-                        'bg-up': config.state === 'up',
+                        'bg-up': config.state === 'recovery',
                         'bg-down': config.state === 'down',
                         'bg-unreachable': config.state === 'unreachable'}">
                                 {{ t('Count') }}
@@ -185,7 +185,7 @@
                                            type="radio"
                                            [id]="'hoststatus-up-'+widget.id"
                                            [name]="'hoststatus-up-'+widget.id"
-                                           [value]="'up'"
+                                           [value]="'recovery'"
                                            [(ngModel)]="config.state"
                                     />
                                     <label cFormCheckLabel class="ms-1 mt-1"

src/app/pages/dashboards/widgets/hosts-top-alerts-widget/hosts-top-alerts-widget.interface.ts

@@ -3,7 +3,7 @@ import { PaginateOrScroll } from '../../../../layouts/coreui/paginator/paginator
 import { HostObject } from '../../../hosts/hosts.interface';
 
 export interface HostsTopAlertsWidgetConfig {
-    state: 'up' | 'down' | 'unreachable',
+    state: 'recovery' | 'down' | 'unreachable',
     not_older_than: number,
     not_older_than_unit: 'DAY' | 'HOUR' | 'MINUTE',
     scroll_interval: number,
@@ -14,7 +14,7 @@ export interface HostsTopAlertsWidgetParams {
     angular: true
     scroll: true
     page: number
-    'filter[NotificationHosts.state][]': ['up' | 'down' | 'unreachable']
+    'filter[NotificationHosts.state][]': ['recovery' | 'down' | 'unreachable']
     'filter[not_older_than]': number // in minutes
     limit: number
 }