- WARNING: Not all messages will be retried because ServiceControl had to restart. You need to request retrying the remaining
- messages.
+ WARNING: Not all messages will be retried because ServiceControl had to restart. You need to request retrying the remaining messages.
- To check if a retried message was also processed successfully, enable
- message auditing
-
+ To check if a retried message was also processed successfully, enable
+ message auditing
@@ -132,21 +134,11 @@ async function toggleAlerts(instance: EndpointsView) {
@@ -163,19 +155,19 @@ async function toggleAlerts(instance: EndpointsView) {
Mute an instance when you are planning to take the instance offline to do maintenance or some other reason. This will prevent alerts on the dashboard.
-
+
-
+
Delete an instance when that instance has been decommissioned.
-
+
You may
-
+
this endpoint
@@ -186,8 +178,8 @@ async function toggleAlerts(instance: EndpointsView) {
-
-
+
+ {{ instance.host_display_name }}
@@ -200,7 +192,7 @@ async function toggleAlerts(instance: EndpointsView) {
-
+
@@ -251,4 +243,8 @@ async function toggleAlerts(instance: EndpointsView) {
align-items: center;
gap: 0.4em;
}
+
+.icon {
+ color: var(--reduced-emphasis);
+}
diff --git a/src/Frontend/src/components/heartbeats/HeartbeatConfiguration.vue b/src/Frontend/src/components/heartbeats/HeartbeatConfiguration.vue
index 0f47f67e3..4a745617c 100644
--- a/src/Frontend/src/components/heartbeats/HeartbeatConfiguration.vue
+++ b/src/Frontend/src/components/heartbeats/HeartbeatConfiguration.vue
@@ -10,6 +10,8 @@ import HeartbeatsList from "./HeartbeatsList.vue";
import { ref } from "vue";
import ConfirmDialog from "@/components/ConfirmDialog.vue";
import ResultsCount from "../ResultsCount.vue";
+import FAIcon from "@/components/FAIcon.vue";
+import { faCloud, faServer } from "@fortawesome/free-solid-svg-icons";
enum Operation {
Track = "track",
@@ -68,21 +70,11 @@ async function toggleDefaultSetting() {
@@ -155,4 +147,8 @@ async function toggleDefaultSetting() {
border-radius: 3px;
padding: 0.4em;
}
+
+.icon {
+ color: var(--reduced-emphasis);
+}
diff --git a/src/Frontend/src/components/heartbeats/HeartbeatsDashboardItem.vue b/src/Frontend/src/components/heartbeats/HeartbeatsDashboardItem.vue
index eef56df0a..a6e267663 100644
--- a/src/Frontend/src/components/heartbeats/HeartbeatsDashboardItem.vue
+++ b/src/Frontend/src/components/heartbeats/HeartbeatsDashboardItem.vue
@@ -2,10 +2,11 @@
import DashboardItem from "@/components/DashboardItem.vue";
import routeLinks from "@/router/routeLinks";
import { useHeartbeatsStore } from "@/stores/HeartbeatsStore";
+import { faHeartbeat } from "@fortawesome/free-solid-svg-icons";
const store = useHeartbeatsStore();
- Heartbeats
+ Heartbeats
diff --git a/src/Frontend/src/components/heartbeats/HeartbeatsList.vue b/src/Frontend/src/components/heartbeats/HeartbeatsList.vue
index 4f000fe6d..593b04f29 100644
--- a/src/Frontend/src/components/heartbeats/HeartbeatsList.vue
+++ b/src/Frontend/src/components/heartbeats/HeartbeatsList.vue
@@ -11,6 +11,8 @@ import { useShowToast } from "@/composables/toast";
import { TYPE } from "vue-toastification";
import LastHeartbeat from "@/components/heartbeats/LastHeartbeat.vue";
import ColumnHeader from "../ColumnHeader.vue";
+import FAIcon from "@/components/FAIcon.vue";
+import { faBellSlash, faCheck, faCloud, faServer } from "@fortawesome/free-solid-svg-icons";
defineProps<{
data: LogicalEndpoint[];
@@ -80,8 +82,7 @@ function endpointHealth(endpoint: LogicalEndpoint) {
{{ endpoint.alive_count }} alive
-
-
+ {{ store.instanceDisplayText(endpoint) }}
@@ -90,7 +91,7 @@ function endpointHealth(endpoint: LogicalEndpoint) {
-
+
@@ -101,13 +102,13 @@ function endpointHealth(endpoint: LogicalEndpoint) {
-
+ {{ endpoint.muted_count }}
-
+ {{ endpoint.muted_count }}
@@ -131,4 +132,8 @@ function endpointHealth(endpoint: LogicalEndpoint) {
.instances-muted {
font-weight: bold;
}
+
+.icon {
+ padding-right: 6px;
+}
diff --git a/src/Frontend/src/components/heartbeats/HeartbeatsMenuItem.vue b/src/Frontend/src/components/heartbeats/HeartbeatsMenuItem.vue
index c02261408..73a41a572 100644
--- a/src/Frontend/src/components/heartbeats/HeartbeatsMenuItem.vue
+++ b/src/Frontend/src/components/heartbeats/HeartbeatsMenuItem.vue
@@ -3,13 +3,15 @@ import { RouterLink } from "vue-router";
import routeLinks from "@/router/routeLinks";
import { useHeartbeatsStore } from "@/stores/HeartbeatsStore";
import { storeToRefs } from "pinia";
+import { faHeartPulse } from "@fortawesome/free-solid-svg-icons";
+import FAIcon from "@/components/FAIcon.vue";
const { failedHeartbeatsCount } = storeToRefs(useHeartbeatsStore());
-
+ Heartbeats{{ failedHeartbeatsCount }}
diff --git a/src/Frontend/src/components/messages/DeleteMessageButton.vue b/src/Frontend/src/components/messages/DeleteMessageButton.vue
index 42f527770..a7c0fa9a0 100644
--- a/src/Frontend/src/components/messages/DeleteMessageButton.vue
+++ b/src/Frontend/src/components/messages/DeleteMessageButton.vue
@@ -7,6 +7,8 @@ import { TYPE } from "vue-toastification";
import { MessageStatus } from "@/resources/Message";
import { storeToRefs } from "pinia";
import { FailedMessageStatus } from "@/resources/FailedMessage";
+import FAIcon from "@/components/FAIcon.vue";
+import { faTrash } from "@fortawesome/free-solid-svg-icons";
const store = useMessageStore();
const { state } = storeToRefs(store);
@@ -28,7 +30,7 @@ const handleConfirm = async () => {
-
+
{
+
+
diff --git a/src/Frontend/src/components/messages/EditAndRetryButton.vue b/src/Frontend/src/components/messages/EditAndRetryButton.vue
index 47c7096b2..5e3c2bf42 100644
--- a/src/Frontend/src/components/messages/EditAndRetryButton.vue
+++ b/src/Frontend/src/components/messages/EditAndRetryButton.vue
@@ -7,6 +7,8 @@ import EditRetryDialog from "@/components/failedmessages/EditRetryDialog.vue";
import { MessageStatus } from "@/resources/Message";
import { storeToRefs } from "pinia";
import { FailedMessageStatus } from "@/resources/FailedMessage";
+import FAIcon from "@/components/FAIcon.vue";
+import { faPencil } from "@fortawesome/free-solid-svg-icons";
const store = useMessageStore();
const { state, edit_and_retry_config } = storeToRefs(store);
@@ -31,9 +33,15 @@ async function openDialog() {
-
+
+
+
diff --git a/src/Frontend/src/components/messages/ExportMessageButton.vue b/src/Frontend/src/components/messages/ExportMessageButton.vue
index 273b85a9f..c9512fd7f 100644
--- a/src/Frontend/src/components/messages/ExportMessageButton.vue
+++ b/src/Frontend/src/components/messages/ExportMessageButton.vue
@@ -4,6 +4,8 @@ import { useDownloadFileFromString } from "@/composables/fileDownloadCreator";
import { showToastAfterOperation } from "@/composables/toast";
import { TYPE } from "vue-toastification";
import { ref } from "vue";
+import FAIcon from "@/components/FAIcon.vue";
+import { faDownload } from "@fortawesome/free-solid-svg-icons";
const store = useMessageStore();
const executing = ref(false);
@@ -24,11 +26,15 @@ async function exportMessage() {
-
+
-
+
diff --git a/src/Frontend/src/components/messages/MessageView.vue b/src/Frontend/src/components/messages/MessageView.vue
index 082523195..2af6bb6c9 100644
--- a/src/Frontend/src/components/messages/MessageView.vue
+++ b/src/Frontend/src/components/messages/MessageView.vue
@@ -21,6 +21,8 @@ import { storeToRefs } from "pinia";
import MetadataLabel from "@/components/messages/MetadataLabel.vue";
import { hexToCSSFilter } from "hex-to-css-filter";
import SagaDiagram from "./SagaDiagram.vue";
+import FAIcon from "@/components/FAIcon.vue";
+import { faChevronLeft, faTrash, faLaptop, faClockRotateLeft, faClock } from "@fortawesome/free-solid-svg-icons";
const route = useRoute();
const id = computed(() => route.params.id as string);
@@ -106,7 +108,7 @@ onMounted(() => {
@@ -202,7 +204,7 @@ a.remove-endpoint:hover {
}
a.remove-endpoint i {
- color: #00a3c4;
+ color: var(--sp-blue);
}
a.remove-endpoint:hover i {
diff --git a/src/Frontend/src/components/monitoring/EndpointListRow.vue b/src/Frontend/src/components/monitoring/EndpointListRow.vue
index c7078ba2f..8bf7db0b4 100644
--- a/src/Frontend/src/components/monitoring/EndpointListRow.vue
+++ b/src/Frontend/src/components/monitoring/EndpointListRow.vue
@@ -19,6 +19,8 @@ import { storeToRefs } from "pinia";
import type { GroupedEndpoint, Endpoint } from "@/resources/MonitoringEndpoint";
import routeLinks from "@/router/routeLinks";
import { Tippy } from "vue-tippy";
+import FAIcon from "@/components/FAIcon.vue";
+import { faEnvelope } from "@fortawesome/free-solid-svg-icons";
const settings = defineProps<{
endpoint: GroupedEndpoint | Endpoint;
@@ -70,7 +72,7 @@ const criticalTimeGraphDuration = computed(() => formatGraphDuration(endpoint.va
-
+ {{ endpoint.errorCount }}
diff --git a/src/Frontend/src/components/monitoring/EndpointMessageTypes.vue b/src/Frontend/src/components/monitoring/EndpointMessageTypes.vue
index 1f86255b4..b4494ab94 100644
--- a/src/Frontend/src/components/monitoring/EndpointMessageTypes.vue
+++ b/src/Frontend/src/components/monitoring/EndpointMessageTypes.vue
@@ -9,6 +9,8 @@ import SmallGraph from "./SmallGraph.vue";
import PaginationStrip from "@/components/PaginationStrip.vue";
import { useMonitoringEndpointDetailsStore } from "@/stores/MonitoringEndpointDetailsStore";
import ColumnHeader from "@/components/ColumnHeader.vue";
+import FAIcon from "@/components/FAIcon.vue";
+import { faWarning } from "@fortawesome/free-solid-svg-icons";
const monitoringStore = useMonitoringEndpointDetailsStore();
const { endpointDetails: endpoint, messageTypes, messageTypesAvailable } = storeToRefs(monitoringStore);
@@ -39,7 +41,7 @@ const paginatedMessageTypes = computed(() => {
- Warning: The number of available message types has changed.
+ Warning: The number of available message types has changed.
Click here to reload the view