Make the monitor type list a bit clear

This commit is contained in:
Louis Lam 2022-06-13 18:14:47 +08:00
parent e1681ce370
commit d4485fe62f

View file

@ -11,33 +11,41 @@
<div class="my-3"> <div class="my-3">
<label for="type" class="form-label">{{ $t("Monitor Type") }}</label> <label for="type" class="form-label">{{ $t("Monitor Type") }}</label>
<select id="type" v-model="monitor.type" class="form-select"> <select id="type" v-model="monitor.type" class="form-select">
<option value="http"> <optgroup label="General Monitor Type">
HTTP(s) <option value="http">
</option> HTTP(s)
<option value="port"> </option>
TCP Port <option value="port">
</option> TCP Port
<option value="ping"> </option>
Ping <option value="ping">
</option> Ping
<option value="keyword"> </option>
HTTP(s) - {{ $t("Keyword") }} <option value="keyword">
</option> HTTP(s) - {{ $t("Keyword") }}
<option value="dns"> </option>
DNS <option value="dns">
</option> DNS
<option value="push"> </option>
Push </optgroup>
</option>
<option value="steam"> <optgroup label="Passive Monitor Type">
{{ $t("Steam Game Server") }} <option value="push">
</option> Push
<option value="mqtt"> </option>
MQTT </optgroup>
</option>
<option value="sqlserver"> <optgroup label="Specific Monitor Type">
SQL Server <option value="steam">
</option> {{ $t("Steam Game Server") }}
</option>
<option value="mqtt">
MQTT
</option>
<option value="sqlserver">
SQL Server
</option>
</optgroup>
</select> </select>
</div> </div>