ServicePulse/src/Frontend/src/views/throughputreport/setup/ConnectionSetupView.vue at 78294bda2b98f22dc13cce1455e857f5495ab20e · Particular/ServicePulse · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<script setup lang="ts">
import { onMounted, ref } from "vue";
import ThroughputConnectionSettings from "@/resources/ThroughputConnectionSettings";
import throughputClient from "@/views/throughputreport/throughputClient";
import { useIsMonitoringEnabled } from "@/composables/serviceServiceControlUrls";
import ConfigurationCode from "@/views/throughputreport/setup/ConfigurationCode.vue";
import { useThroughputStore } from "@/stores/ThroughputStore";
import { storeToRefs } from "pinia";

const store = useThroughputStore();
const { isBrokerTransport } = storeToRefs(useThroughputStore());
const settingsInfo = ref<ThroughputConnectionSettings | null>(null);

onMounted(async () => {
  settingsInfo.value = await throughputClient.setting();
});
</script>

<template>
  <div class="row">
    <p v-if="(settingsInfo?.broker_settings.length ?? 0 > 0) || (!isBrokerTransport && useIsMonitoringEnabled())">
      In order for ServicePulse to collect usage data from {{ store.transportNameForInstructions() }} you need to configure the below settings.<br />
      There are two configuration options, as environment variables or directly in the
      <a href="https://docs.particular.net/servicecontrol/creating-config-file"><code>ServiceControl.exe.config</code></a> file.
    </p>
    <p v-else>No further configuration required.</p>
  </div>
  <template v-if="settingsInfo?.broker_settings.length ?? 0 > 0">
    <div class="row configuration">
      <div class="col-12">
        <h4>Broker Settings</h4>
        <p class="nogap">
          Settings to ensure that usage data is being collected from <a :href="store.transportDocsLinkForInstructions()">{{ store.transportNameForInstructions() }}</a
          >.<br />
          Some settings can be automatically configured based on the current transport configuration, so if you have a <i style="color: green" class="fa fa-check"></i> above it means that ServiceControl has successfully connected to
          {{ store.transportNameForInstructions() }}.
        </p>
        <ConfigurationCode :settings="settingsInfo?.broker_settings ?? []">
          <template #configInstructions>
            <div>Paste the settings above into the <code>ServiceControl.exe.config</code> file of the ServiceControl Error instance.</div>
          </template>
          <template #environmentVariableInstructions>
            <div>Execute the above instructions in a terminal to set the environment variables, these variables need to be set for the account under which the ServiceControl Error instance is running.</div>
          </template>
        </ConfigurationCode>
      </div>
    </div>
  </template>
  <template v-if="!isBrokerTransport && useIsMonitoringEnabled()">
    <div class="row configuration">
      <div class="col-12">
        <h4>ServiceControl Settings</h4>
        <p class="nogap">
          For more information read the
          <a href="https://docs.particular.net/servicecontrol/creating-config-file#usage-reporting-when-using-servicecontrol-licensingcomponentservicecontrolthroughputdataqueue">LicensingComponent/ServiceControlThroughputDataQueue</a> settings
          documentation.
        </p>
        <ConfigurationCode :settings="settingsInfo?.service_control_settings ?? []">
          <template #configInstructions>
            <div>Paste the settings above into the <code>ServiceControl.exe.config</code> file of the ServiceControl Error instance.</div>
          </template>
          <template #environmentVariableInstructions>
            <div>Execute the above instructions in a terminal to set the environment variables , these variables need to be set for the account under which the ServiceControl Error instance is running.</div>
          </template>
        </ConfigurationCode>
      </div>
    </div>
    <div class="row configuration">
      <div class="col-12">
        <h4>Monitoring Settings</h4>
        <p class="nogap">
          For more information read the
          <a href="https://docs.particular.net/servicecontrol/monitoring-instances/installation/creating-config-file#usage-reporting-monitoringservicecontrolthroughputdataqueue">Monitoring/ServiceControlThroughputDataQueue</a> settings documentation.
        </p>
        <ConfigurationCode :settings="settingsInfo?.monitoring_settings ?? []" configFileName="ServiceControl.Monitoring.exe.config">
          <template #configInstructions>
            <div>Paste the settings above into the <code>ServiceControl.Monitoring.exe.config</code> file of the ServiceControl Monitoring instance.</div>
          </template>
          <template #environmentVariableInstructions>
            <div>Execute the above instructions in a terminal to set the environment variables, these variables need to be set for the account under which the ServiceControl Monitoring instance is running.</div>
          </template>
        </ConfigurationCode>
      </div>
    </div>
  </template>
</template>

<style scoped>
.configuration {
  margin-bottom: 15px;
}
.nogap {
  margin-bottom: 0;
}
</style>