Mark.TwoFive/home-cert-assistant
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Wiki Activity Actions

feat: form for cert request

Browse source
This commit is contained in:
CybAtax 2024-11-17 20:59:47 +01:00
parent f563eb7cb7
commit 92b39998e8
1 changed files with 73 additions and 58 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

131
frontend/src/pages/cert-request.vue
View file

@ -1,66 +1,77 @@
<template>
<v-form v-model="valid">
<v-container>
<v-row>
<v-col cols="12" md="4">
<v-text-field
v-model="country"
:rules="countryRules"
label="Country"
required
/>
</v-col>
<v-col cols="12" md="4">
<v-text-field
v-model="state"
:counter="10"
:rules="stateRules"
label="State"
required
/>
</v-col>
<v-card class="ma-5">
<v-card-title>Request a certificate</v-card-title>
<v-card-item>
<v-form v-model="valid">
<v-container>
<v-row>
<v-col cols="12" md="4">
<v-text-field
v-model="country"
:rules="countryRules"
label="Country"
required
/>
</v-col>
<v-col cols="12" md="4">
<v-text-field
v-model="state"
:counter="10"
:rules="stateRules"
label="State"
required
/>
</v-col>
<v-col cols="12" md="4">
<v-text-field
v-model="city"
:rules="cityRules"
label="City"
required
/>
</v-col>
</v-row>
<v-row>
<v-col cols="12" md="4">
<v-text-field
v-model="organization"
:rules="organizationRules"
label="Organization"
required
/>
</v-col>
<v-col cols="12" md="4">
<v-text-field
v-model="orgUnit"
:rules="orgUnitRules"
label="Organization Unit"
required
/>
</v-col>
<v-col cols="12" md="4">
<v-text-field
v-model="commonName"
:counter="10"
:rules="commonNameRules"
label="Common name"
required
/>
</v-col>
</v-row>
</v-container>
</v-form>
<v-col cols="12" md="4">
<v-text-field
v-model="city"
:rules="cityRules"
label="City"
required
/>
</v-col>
</v-row>
<v-row>
<v-col cols="12" md="4">
<v-text-field
v-model="organization"
:rules="organizationRules"
label="Organization"
required
/>
</v-col>
<v-col cols="12" md="4">
<v-text-field
v-model="orgUnit"
:rules="orgUnitRules"
label="Organization Unit"
required
/>
</v-col>
<v-col cols="12" md="4">
<v-text-field
v-model="commonName"
:counter="10"
:rules="commonNameRules"
label="Common name"
required
/>
</v-col>
</v-row>
</v-container>
</v-form>
</v-card-item>
<v-card-actions>
<v-col class="text-right">
<v-btn onclick="requestCertificate()" text="Request certificate" prepend-icon="mdi-certificate"/>
</v-col>
</v-card-actions>
</v-card>
</template>
<script lang="ts">
import type { Valid } from "@/types/util";
type FormData = {
@ -92,4 +103,8 @@ export default {
commonNameRules: [requiredValidation("Common Name")],
}),
}
export function requestCertificate() {
throw new Error("Not supported yet");
}
</script>