[Status Page] Improved entry page

This commit is contained in:
Louis Lam
2022-03-17 22:44:47 +08:00
parent 502c7f87e7
commit 719a136d1e
4 changed files with 34 additions and 19 deletions

View File

@@ -6,14 +6,21 @@
</h1>
<div class="shadow-box">
<div class="my-3">
<label for="name" class="form-label">{{ $t("Status Page Name") }}</label>
<input id="name" v-model="statusPage.basic_auth_user" type="text" class="form-control">
<div class="mb-3">
<label for="name" class="form-label">{{ $t("Name") }}</label>
<input id="name" v-model="statusPage.title" type="text" class="form-control">
</div>
<div class="my-3">
<label for="basicauth" class="form-label">{{ $t("Password") }}</label>
<input id="basicauth-pass" v-model="statusPage.basic_auth_pass" type="password" autocomplete="new-password" class="form-control" :placeholder="$t('Password')">
<div class="mb-4">
<label for="slug" class="form-label">{{ $t("Slug") }}</label>
<div class="input-group">
<span id="basic-addon3" class="input-group-text">/status/</span>
<input id="slug" v-model="statusPage.slug" type="text" class="form-control">
</div>
</div>
<div class="mt-2 mb-1">
<button id="monitor-submit-btn" class="btn btn-primary w-100" type="submit" :disabled="processing">{{ $t("Next") }}</button>
</div>
</div>
</div>
@@ -29,9 +36,15 @@ export default {
return {
statusPage: {
}
},
processing: false,
};
}
};
</script>
<style lang="scss" scoped>
.shadow-box {
padding: 20px;
}
</style>