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