frontend/src/pages/cert-request.vue

@@ -1,4 +1,7 @@
 <template>
+  <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>
@@ -58,9 +61,17 @@
           </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>