diff --git a/ui/package.json b/ui/package.json index d63c9fe..2e2efa1 100644 --- a/ui/package.json +++ b/ui/package.json @@ -1,6 +1,6 @@ { "name": "ui", - "version": "0.1.3", + "version": "0.1.4", "scripts": { "ng": "ng", "start": "ng serve", diff --git a/ui/src/app/components/anomaly-explorer/message-replay/message-replay.component.html b/ui/src/app/components/anomaly-explorer/message-replay/message-replay.component.html index b69ba1b..95fc54c 100644 --- a/ui/src/app/components/anomaly-explorer/message-replay/message-replay.component.html +++ b/ui/src/app/components/anomaly-explorer/message-replay/message-replay.component.html @@ -5,25 +5,25 @@

- No RabbitMQ Direct + RabbitMQ Direct RabbitMQ Grouped - - @if (message_replay_request.rabbitmq_grouped) { - } - No MongoDB Log - No MongoDB State - No MongoDB Statistics - Clear MongoDB + MongoDB Log + MongoDB State + MongoDB Statistics + Clear MongoDB Playback Speed - - @if (message_replay_request.rabbitmq_grouped) { - } @@ -35,11 +35,11 @@

Start Time - + End Time - +
diff --git a/ui/src/app/components/anomaly-explorer/message-replay/message-replay.component.scss b/ui/src/app/components/anomaly-explorer/message-replay/message-replay.component.scss index 878dec4..96ccb82 100644 --- a/ui/src/app/components/anomaly-explorer/message-replay/message-replay.component.scss +++ b/ui/src/app/components/anomaly-explorer/message-replay/message-replay.component.scss @@ -36,10 +36,10 @@ mat-form-field { align-items: center; margin-top: 1em; min-height: 48px; -} -button { - margin-right: 3em; + button { + margin-right: 3em; + } } .response { diff --git a/ui/src/app/components/anomaly-explorer/message-replay/message-replay.component.ts b/ui/src/app/components/anomaly-explorer/message-replay/message-replay.component.ts index d4f56c1..57899eb 100644 --- a/ui/src/app/components/anomaly-explorer/message-replay/message-replay.component.ts +++ b/ui/src/app/components/anomaly-explorer/message-replay/message-replay.component.ts @@ -9,17 +9,15 @@ import { MessageReplayService } from '../../../services/message-replay/message-r styleUrl: './message-replay.component.scss' }) export class MessageReplayComponent { - message_replay_request: MessageReplayRequest = { - no_rabbitmq_direct: false, - rabbitmq_grouped: null, - no_mongodb_log: false, - no_mongodb_state: false, - no_mongodb_statistics: false, - clear_mongodb: true, - playback_speed: null, - start_time: '2024-10-01T00:00', - end_time: '2024-12-01T00:00', - }; + rabbitmq_direct = true; + rabbitmq_grouped = null; + mongodb_log = false; + mongodb_state = false; + mongodb_statistics = false; + clear_mongodb = true; + playback_speed = null; + start_time = '2024-10-01T00:00'; + end_time = '2024-12-01T00:00'; messageReplayResponse$!: Observable; @@ -28,6 +26,16 @@ export class MessageReplayComponent { ) { } startMessageReplay() { - this.messageReplayResponse$ = this.messageReplayService.startMessageReplay(this.message_replay_request); + this.messageReplayResponse$ = this.messageReplayService.startMessageReplay({ + no_rabbitmq_direct: !this.rabbitmq_direct, + rabbitmq_grouped: this.rabbitmq_grouped, + no_mongodb_log: !this.mongodb_log, + no_mongodb_state: !this.mongodb_state, + no_mongodb_statistics: !this.mongodb_statistics, + clear_mongodb: this.clear_mongodb, + playback_speed: this.playback_speed, + start_time: this.start_time, + end_time: this.end_time, + }); } } diff --git a/ui/src/app/components/mrt-library/mrt-scenario/mrt-scenario.component.html b/ui/src/app/components/mrt-library/mrt-scenario/mrt-scenario.component.html index 8f94bf5..5ea497e 100644 --- a/ui/src/app/components/mrt-library/mrt-scenario/mrt-scenario.component.html +++ b/ui/src/app/components/mrt-library/mrt-scenario/mrt-scenario.component.html @@ -6,9 +6,9 @@

{{ mrtScenario.name }}

- + @@ -18,21 +18,21 @@

{{ mrtScenario.name }}

- + - + - +
No RabbitMQ Direct:RabbitMQ Direct: -
{{ mrtScenario.no_rabbitmq_direct | json }}
+
{{ !mrtScenario.no_rabbitmq_direct | json }}
No MongoDB Log:MongoDB Log: -
{{ mrtScenario.no_mongodb_log | json }}
+
{{ !mrtScenario.no_mongodb_log | json }}
No MongoDB State:MongoDB State: -
{{ mrtScenario.no_mongodb_state | json }}
+
{{ !mrtScenario.no_mongodb_state | json }}
No MongoDB Statistics:MongoDB Statistics: -
{{ mrtScenario.no_mongodb_statistics | json }}
+
{{ !mrtScenario.no_mongodb_statistics | json }}