added root generation

api/frontend/index.html

@@ -305,5 +305,87 @@
                 </div>
             </div>
         </div>
+        <div class="modal fade" tabindex="-1" id="create_certificate">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title">Create SSl Certificate</h5>
+                        <button
+                            type="button"
+                            data-bs-dismiss="modal"
+                            aria-label="Close"
+                            class="btn-close"
+                        ></button>
+                    </div>
+                    <div class="modal-body">
+                        <div class="form-floating mb-3">
+                            <input
+                                type="text"
+                                id="domain"
+                                class="form-control"
+                                placeholder="example.domain"
+                            />
+                            <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"
+                                id="password"
+                                class="form-control"
+                                placeholder="example.domain"
+                            />
+                            <label for="password">RootCA password</label>
+                        </div>
+                    </div>
+                    <div class="modal-footer">
+                        <button
+                            type="button"
+                            data-bs-dismiss="modal"
+                            class="btn btn-secondary"
+                        >
+                            Close
+                        </button>
+                        <button
+                            id="createcert"
+                            type="button"
+                            class="btn btn-primary"
+                        >
+                            Create
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
     </body>
 </html>