ric/uptime-kuma
1
0
Fork 0
mirror of https://github.com/louislam/uptime-kuma.git synced 2024-11-23 14:54:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Frontend input validation

Browse source
This commit is contained in:
Matt Visnovsky 2024-04-30 15:15:37 -06:00
parent 9d28fcff1a
commit 4593afbdbb
1 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/pages/EditMonitor.vue
View file

@ -245,19 +245,19 @@
<!-- SNMP Monitor Type --> <!-- SNMP Monitor Type -->
<div v-if="monitor.type === 'snmp'" class="my-3"> <div v-if="monitor.type === 'snmp'" class="my-3">
<label for="snmp_community_string" class="form-label">{{ $t("Community String") }}</label> <label for="snmp_community_string" class="form-label">{{ $t("Community String") }}</label>
<input id="snmp_community_string" v-model="monitor.snmpCommunityString" type="text" class="form-control" required> <input id="snmp_community_string" v-model="monitor.snmpCommunityString" type="text" class="form-control" required placeholder="Example: public">
</div> </div>
<div v-if="monitor.type === 'snmp'" class="my-3"> <div v-if="monitor.type === 'snmp'" class="my-3">
<label for="snmp_oid" class="form-label">{{ $t("OID (Object Identifier)") }}</label> <label for="snmp_oid" class="form-label">{{ $t("OID (Object Identifier)") }}</label>
<input id="snmp_oid" v-model="monitor.snmpOid" type="text" class="form-control" required> <input id="snmp_oid" v-model="monitor.snmpOid" type="text" class="form-control" required pattern="^([0-2])((\.0)|(\.[1-9][0-9]*))*$" title="Please enter a valid OID, e.g. 1.3.6.1.4.1.9.6.1.101" placeholder="Example: 1.3.6.1.4.1.9.6.1.101">
</div> </div>
<div v-if="monitor.type === 'snmp'" class="my-3"> <div v-if="monitor.type === 'snmp'" class="my-3">
<div class="d-flex align-items-start"> <div class="d-flex align-items-start">
<div> <div>
<label for="snmp_condition" class="form-label">{{ $t("Condition") }}</label> <label for="snmp_condition" class="form-label">{{ $t("Condition") }}</label>
<select id="snmp_condition" v-model="monitor.snmpCondition" class="form-select me-3"> <select id="snmp_condition" v-model="monitor.snmpCondition" class="form-select me-3" required>
<option value=">">></option> <option value=">">></option>
<option value=">=">>=</option> <option value=">=">>=</option>
<option value="<"><</option> <option value="<"><</option>
@ -268,7 +268,8 @@
</div> </div>
<div> <div>
<label for="snmp_control_value" class="form-label">{{ $t("Control Value") }}</label> <label for="snmp_control_value" class="form-label">{{ $t("Control Value") }}</label>
<input id="snmp_control_value" v-model="monitor.snmpControlValue" type="number" class="form-control" required step=".01"> <input v-if="monitor.snmpCondition !== 'contains' && monitor.snmpCondition !== '=='" id="snmp_control_value" v-model="monitor.snmpControlValue" type="number" class="form-control" required step=".01">
<input v-else id="snmp_control_value" v-model="monitor.snmpControlValue" type="text" class="form-control" required>
</div> </div>
</div> </div>
</div> </div>