added createcert and deletecert

api/frontend/index.html

@@ -7,6 +7,7 @@
         <script src="js/bootstrap.min.js" defer></script>
         <script src="js/theme.js" defer></script>
         <script src="js/certs.js" defer></script>
+        <script src="js/create_cert.js" defer></script>
         <title>Scm</title>
     </head>
     <style>
@@ -59,6 +60,15 @@
                                 +
                             </button>
                         </li>
+                        <li class="nav-item">
+                            <button
+                                type="button"
+                                class="btn btn-primary"
+                                id="downloadrootcert"
+                            >
+                                Download Root Certificate
+                            </button>
+                        </li>
                     </ul>
                 </div>
             </div>
@@ -89,6 +99,37 @@
                             />
                             <label for="domain">Domain</label>
                         </div>
+                        <div class="form-floating mb-3">
+                            <input
+                                type="text"
+                                id="commonname"
+                                class="form-control"
+                                placeholder="commonname"
+                            />
+                            <label for="commonname">Common Name</label>
+                        </div>
+                        <div class="form-floating mb-3">
+                            <input
+                                type="text"
+                                id="organizationname"
+                                class="form-control"
+                                placeholder="organizationname"
+                            />
+                            <label for="organizationname"
+                                >Organization Name</label
+                            >
+                        </div>
+                        <div class="form-floating mb-3">
+                            <input
+                                type="text"
+                                id="organizationunit"
+                                class="form-control"
+                                placeholder="organizationunit"
+                            />
+                            <label for="organizationunit"
+                                >Organization Unit</label
+                            >
+                        </div>
                         <div class="form-floating mb-3">
                             <input
                                 type="password"
@@ -107,8 +148,12 @@
                         >
                             Close
                         </button>
-                        <button type="button" class="btn btn-primary">
-                            Save changes
+                        <button
+                            id="createcert"
+                            type="button"
+                            class="btn btn-primary"
+                        >
+                            Create
                         </button>
                     </div>
                 </div>
@@ -127,10 +172,14 @@
                         ></button>
                     </div>
                     <div
-                        class="modal-body d-flex gap-3 align-items-center justify-content-center"
+                        class="modal-body d-flex gap-3 align-items-start justify-content-between"
                         id="preview_ssl_content"
                     >
-                        <div id="certinfo">
+                        <div
+                            id="certinfo"
+                            class="border-right p-3"
+                            style="border-right: 2px solid"
+                        >
                             <h1 id="cert-title">Information</h1>
                             <h2>Issuer</h2>
                             <div class="form-floating mb-3">