topaLE
/
uptime-kuma
1
0
Fork 0
Code Issues 185 Pull Requests 26 Projects Releases 28 Wiki Activity
Browse Source

set default value for dns resolve type and code refactor

pull/286/head
LouisLam 4 years ago
parent
d4dd650bfe
commit
91e82bd12c
1 changed files with 64 additions and 58 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 122
      src/pages/EditMonitor.vue

122
src/pages/EditMonitor.vue
View File

@ -47,50 +47,51 @@
</div> </div>
</div> </div>
<div v-if="monitor.type === 'port' || monitor.type === 'ping' " class="my-3"> <!-- TCP Port / Ping / DNS only -->
<div v-if="monitor.type === 'port' || monitor.type === 'ping' || monitor.type === 'dns' " class="my-3">
<label for="hostname" class="form-label">{{ $t("Hostname") }}</label> <label for="hostname" class="form-label">{{ $t("Hostname") }}</label>
<input id="hostname" v-model="monitor.hostname" type="text" class="form-control" required> <input id="hostname" v-model="monitor.hostname" type="text" class="form-control" required>
</div> </div>
<!-- For TCP Port Type -->
<div v-if="monitor.type === 'port' " class="my-3"> <div v-if="monitor.type === 'port' " class="my-3">
<label for="port" class="form-label">{{ $t("Port") }}</label> <label for="port" class="form-label">{{ $t("Port") }}</label>
<input id="port" v-model="monitor.port" type="number" class="form-control" required min="0" max="65535" step="1"> <input id="port" v-model="monitor.port" type="number" class="form-control" required min="0" max="65535" step="1">
</div> </div>
<div v-if="monitor.type === 'dns'" class="my-3"> <!-- For DNS Type -->
<label for="hostname" class="form-label">Hostname</label> <template v-if="monitor.type === 'dns'">
<input id="hostname" v-model="monitor.hostname" type="text" class="form-control" required> <div class="my-3">
</div> <label for="dns_resolve_server" class="form-label">{{ $t("Resolver Server") }}</label>
<input id="dns_resolve_server" v-model="monitor.dns_resolve_server" type="text" class="form-control" :pattern="ipRegex" required>
<div v-if="monitor.type === 'dns'" class="my-3"> <div class="form-text">
<label for="dns_resolve_server" class="form-label">{{ $t("Resolver Server") }}</label> {{ $t("resoverserverDescription") }}
<input id="dns_resolve_server" v-model="monitor.dns_resolve_server" type="text" class="form-control" :pattern="ipRegex" required> </div>
<div class="form-text">
{{ $t("resoverserverDescription") }}
</div> </div>
</div>
<div v-if="monitor.type === 'dns'" class="my-3">
<label for="dns_resolve_type" class="form-label">{{ $t("Resource Record Type") }}</label>
<VueMultiselect
id="dns_resolve_type"
v-model="monitor.dns_resolve_type"
:options="dnsresolvetypeOptions"
:multiple="false"
:close-on-select="true"
:clear-on-select="false"
:preserve-search="false"
placeholder="Pick a RR-Type..."
:preselect-first="false"
:max-height="500"
:taggable="false"
></VueMultiselect>
<div class="form-text"> <div class="my-3">
{{ $t("rrtypeDescription") }} <label for="dns_resolve_type" class="form-label">{{ $t("Resource Record Type") }}</label>
<!-- :allow-empty="false" is not working, set a default value instead https://github.com/shentao/vue-multiselect/issues/336 -->
<VueMultiselect
id="dns_resolve_type"
v-model="monitor.dns_resolve_type"
:options="dnsresolvetypeOptions"
:multiple="false"
:close-on-select="true"
:clear-on-select="false"
:preserve-search="false"
placeholder="Pick a RR-Type..."
:preselect-first="false"
:max-height="500"
:taggable="false"
></VueMultiselect>
<div class="form-text">
{{ $t("rrtypeDescription") }}
</div>
</div> </div>
</div> </template>
<div class="my-3"> <div class="my-3">
<label for="interval" class="form-label">{{ $t("Heartbeat Interval") }} ({{ $t("checkEverySecond", [ monitor.interval ]) }})</label> <label for="interval" class="form-label">{{ $t("Heartbeat Interval") }} ({{ $t("checkEverySecond", [ monitor.interval ]) }})</label>
@ -124,35 +125,38 @@
</div> </div>
</div> </div>
<div v-if="monitor.type === 'http' || monitor.type === 'keyword' " class="my-3"> <!-- HTTP / Keyword only -->
<label for="maxRedirects" class="form-label">{{ $t("Max. Redirects") }}</label> <template v-if="monitor.type === 'http' || monitor.type === 'keyword' ">
<input id="maxRedirects" v-model="monitor.maxredirects" type="number" class="form-control" required min="0" step="1"> <div class="my-3">
<div class="form-text"> <label for="maxRedirects" class="form-label">{{ $t("Max. Redirects") }}</label>
{{ $t("maxRedirectDescription") }} <input id="maxRedirects" v-model="monitor.maxredirects" type="number" class="form-control" required min="0" step="1">
<div class="form-text">
{{ $t("maxRedirectDescription") }}
</div>
</div> </div>
</div>
<div v-if="monitor.type === 'http' || monitor.type === 'keyword' " class="my-3"> <div class="my-3">
<label for="acceptedStatusCodes" class="form-label">{{ $t("Accepted Status Codes") }}</label> <label for="acceptedStatusCodes" class="form-label">{{ $t("Accepted Status Codes") }}</label>
<VueMultiselect <VueMultiselect
id="acceptedStatusCodes" id="acceptedStatusCodes"
v-model="monitor.accepted_statuscodes" v-model="monitor.accepted_statuscodes"
:options="acceptedStatusCodeOptions" :options="acceptedStatusCodeOptions"
:multiple="true" :multiple="true"
:close-on-select="false" :close-on-select="false"
:clear-on-select="false" :clear-on-select="false"
:preserve-search="true" :preserve-search="true"
placeholder="Pick Accepted Status Codes..." placeholder="Pick Accepted Status Codes..."
:preselect-first="false" :preselect-first="false"
:max-height="600" :max-height="600"
:taggable="true" :taggable="true"
></VueMultiselect> ></VueMultiselect>
<div class="form-text"> <div class="form-text">
{{ $t("acceptedStatusCodesDescription") }} {{ $t("acceptedStatusCodesDescription") }}
</div>
</div> </div>
</div> </template>
<div class="mt-5 mb-1"> <div class="mt-5 mb-1">
<button class="btn btn-primary" type="submit" :disabled="processing">{{ $t("Save") }}</button> <button class="btn btn-primary" type="submit" :disabled="processing">{{ $t("Save") }}</button>
@ -207,6 +211,7 @@ export default {
processing: false, processing: false,
monitor: { monitor: {
notificationIDList: {}, notificationIDList: {},
// Do not add default value here, please check init() method
}, },
acceptedStatusCodeOptions: [], acceptedStatusCodeOptions: [],
dnsresolvetypeOptions: [], dnsresolvetypeOptions: [],
@ -288,6 +293,7 @@ export default {
upsideDown: false, upsideDown: false,
maxredirects: 10, maxredirects: 10,
accepted_statuscodes: ["200-299"], accepted_statuscodes: ["200-299"],
dns_resolve_type: "A",
dns_resolve_server: "1.1.1.1", dns_resolve_server: "1.1.1.1",
} }
} else if (this.isEdit) { } else if (this.isEdit) {

Write Preview
Loading…
Cancel
Save