further sign stuff

2023-05-21 12:32:24 +01:00
parent 3cad43006a
commit 763aeb5fae
6 changed files with 280 additions and 38 deletions
--- a/src/main/resources/templates/security/cert-sign.html
+++ b/src/main/resources/templates/security/cert-sign.html
@@ -0,0 +1,134 @@
+<!DOCTYPE html>
+<html th:lang="${#locale.toString()}"
+	th:lang-direction="#{language.direction}"
+	xmlns:th="http://www.thymeleaf.org">
+
+<th:block
+	th:insert="~{fragments/common :: head(title=#{certSign.title})}"></th:block>
+
+<body>
+	<div id="page-container">
+		<div id="content-wrap">
+			<div th:insert="~{fragments/navbar.html :: navbar}"></div>
+			<br> <br>
+			<div class="container">
+				<div class="row justify-content-center">
+					<div class="col-md-6">
+						<h2 th:text="#{certSign.header}"></h2>
+
+						<form action="/cert-sign" method="post"
+							enctype="multipart/form-data">
+							<div class="form-group">
+								<label th:text="#{certSign.selectPDF}"></label>
+								<div
+									th:replace="~{fragments/common :: fileSelector(name='pdf', multiple=false, accept='application/pdf')}"></div>
+							</div>
+							<div class="form-group">
+								<label for="certType">Certificate Type</label> <select
+									class="form-control" id="certType" name="certType">
+									<option value="">-- Select --</option>
+									<option value="PKCS12">PKCS12</option>
+									<option value="PEM">PEM</option>
+								</select>
+							</div>
+
+							<div class="form-group" id="p12Group" style="display: none;">
+								<label th:text="#{certSign.selectP12}"></label>
+								<div
+									th:replace="~{fragments/common :: fileSelector(name='p12', notRequired=true, multiple=false, accept='.p12,.pfx')}"></div>
+							</div>
+
+							<div id="pemGroup" style="display: none;">
+								<div class="form-group">
+									<label th:text="#{certSign.selectKey}"></label>
+									<div
+										th:replace="~{fragments/common :: fileSelector(name='key', multiple=false, notRequired=true, accept='.pem,.der')}"></div>
+								</div>
+								<div class="form-group">
+									<label th:text="#{certSign.selectCert}"></label>
+									<div
+										th:replace="~{fragments/common :: fileSelector(name='cert', multiple=false, notRequired=true, accept='.pem,.der')}"></div>
+								</div>
+							</div>
+
+							<div class="form-group">
+								<label th:text="#{certSign.password}"></label> <input
+									type="password" class="form-control" id="password"
+									name="password">
+							</div>
+							<div class="form-group">
+								<label><input type="checkbox" id="showSignature"
+									name="showSignature"> Show Signature</label>
+							</div>
+
+							<div id="signatureDetails" style="display: none;">
+								<div class="form-group">
+									<label for="reason">Reason</label> <input type="text"
+										class="form-control" id="reason" name="reason">
+								</div>
+								<div class="form-group">
+									<label for="location">Location</label> <input type="text"
+										class="form-control" id="location" name="location">
+								</div>
+								<div class="form-group">
+									<label for="name">Name</label> <input type="text"
+										class="form-control" id="name" name="name">
+								</div>
+								<div class="form-group">
+									<label for="pageNumber">Page Number</label> <input
+										type="number" class="form-control" id="pageNumber"
+										name="pageNumber" min="1">
+								</div>
+							</div>
+
+							<script type="text/javascript">
+								document
+										.getElementById('certType')
+										.addEventListener(
+												'change',
+												function() {
+													var p12Group = document
+															.getElementById('p12Group');
+													var pemGroup = document
+															.getElementById('pemGroup');
+													if (this.value === 'PKCS12') {
+														p12Group.style.display = 'block';
+														pemGroup.style.display = 'none';
+													} else if (this.value === 'PEM') {
+														p12Group.style.display = 'none';
+														pemGroup.style.display = 'block';
+													} else {
+														p12Group.style.display = 'none';
+														pemGroup.style.display = 'none';
+													}
+												});
+
+								document
+										.getElementById('showSignature')
+										.addEventListener(
+												'change',
+												function() {
+													var signatureDetails = document
+															.getElementById('signatureDetails');
+													if (this.checked) {
+														signatureDetails.style.display = 'block';
+													} else {
+														signatureDetails.style.display = 'none';
+													}
+												});
+							</script>
+
+
+							<div class="form-group text-center">
+								<button type="submit" id="submitBtn" class="btn btn-primary"
+									th:text="#{certSign.submit}"></button>
+							</div>
+						</form>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div th:insert="~{fragments/footer.html :: footer}"></div>
+	</div>
+</body>
+</html>