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

feat: Certificate request form #7

Merged
CybAtax merged 6 commits from fe/feature-subject-form into main 2024-11-17 21:48:39 +00:00
Conversation 2 Commits 6 Files changed 7 +73 -58
1 changed files with 73 additions and 58 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 92b39998e8 - Show all commits

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>