Revize 499af4e8
Přidáno uživatelem Jan Pašek před téměř 4 roky(ů)
static/create_certificate.html | ||
---|---|---|
3 | 3 |
<head> |
4 | 4 |
<meta charset="UTF-8"> |
5 | 5 |
<title>X.509 Certificate Management</title> |
6 |
<link rel="stylesheet" href="/static/css/bootstrap.min.css"> |
|
6 | 7 |
</head> |
7 |
<body> |
|
8 |
<h1>Create certificate</h1>
|
|
8 |
<body class="p-4">
|
|
9 |
<h1>Create Certificate</h1>
|
|
9 | 10 |
|
10 | 11 |
<table> |
11 | 12 |
<tr> |
12 |
<td><label for="CA">Choose a car:</label></td> |
|
13 |
<td> |
|
14 |
<select name="CA" id="CA"> |
|
15 |
<option value="volvo">Self-Signed</option> |
|
16 |
<option value="#test-cert-id">Test</option> |
|
17 |
</select> |
|
18 |
</td> |
|
13 |
<div class="form-group"> |
|
14 |
<td><label for="CA">Choose a car:</label></td> |
|
15 |
<td> |
|
16 |
<select name="CA" id="CA" class="form-control"> |
|
17 |
<option value="volvo">Self-Signed</option> |
|
18 |
<option value="#test-cert-id">Test</option> |
|
19 |
</select> |
|
20 |
</td> |
|
21 |
</div> |
|
19 | 22 |
</tr> |
20 | 23 |
<tr> |
21 |
<td><label for="validity_start">Validity start:</label></td> |
|
22 |
<td><input type="date" id="validity_start" name="validity_start"></td> |
|
24 |
<div class="form-group"> |
|
25 |
<td><label for="validity_start">Validity start:</label></td> |
|
26 |
<td><input type="date" id="validity_start" name="validity_start" class="form-control"></td> |
|
27 |
</div> |
|
23 | 28 |
</tr> |
24 | 29 |
<tr> |
25 |
<td><label for="validity_end">Validity end:</label></td> |
|
26 |
<td><input type="date" id="validity_end" name="validity_end"></td> |
|
30 |
<div class="form-group"> |
|
31 |
<td><label for="validity_end">Validity end:</label></td> |
|
32 |
<td><input type="date" id="validity_end" name="validity_end" class="form-control"></td> |
|
33 |
</div> |
|
27 | 34 |
</tr> |
28 | 35 |
<tr> |
29 |
<td><label for="issuer_CN">Common Name:</label></td> |
|
30 |
<td><input type="text" id="issuer_CN" name="issuer_CN" disabled></td> |
|
36 |
<div class="form-group"> |
|
37 |
<td><label for="issuer_CN">Common Name:</label></td> |
|
38 |
<td><input type="text" id="issuer_CN" name="issuer_CN" class="form-control" disabled></td> |
|
39 |
</div> |
|
31 | 40 |
</tr> |
32 | 41 |
<tr> |
33 |
<td><label for="issuer_C">Country Code:</label></td> |
|
34 |
<td><input type="text" id="issuer_C" name="issuer_C" disabled></td> |
|
42 |
<div class="form-group"> |
|
43 |
<td><label for="issuer_C">Country Code:</label></td> |
|
44 |
<td><input type="text" id="issuer_C" name="issuer_C" class="form-control" disabled></td> |
|
45 |
</div> |
|
35 | 46 |
</tr> |
36 | 47 |
<tr> |
37 |
<td><label for="issuer_L">Locality:</label></td> |
|
38 |
<td><input type="text" id="issuer_L" name="issuer_L" disabled></td> |
|
48 |
<div class="form-group"> |
|
49 |
<td><label for="issuer_L">Locality:</label></td> |
|
50 |
<td><input type="text" id="issuer_L" name="issuer_L" class="form-control" disabled></td> |
|
51 |
</div> |
|
39 | 52 |
</tr> |
40 | 53 |
<tr> |
41 |
<td><label for="issuer_ST">Province/State:</label></td> |
|
42 |
<td><input type="text" id="issuer_ST" name="issuer_ST" disabled></td> |
|
54 |
<div class="form-group"> |
|
55 |
<td><label for="issuer_ST">Province/State:</label></td> |
|
56 |
<td><input type="text" id="issuer_ST" name="issuer_ST" class="form-control" disabled></td> |
|
57 |
</div> |
|
43 | 58 |
</tr> |
44 | 59 |
<tr> |
45 |
<td><label for="issuer_O">Organization:</label></td> |
|
46 |
<td><input type="text" id="issuer_O" name="issuer_O" disabled></td> |
|
60 |
<div class="form-group"> |
|
61 |
<td><label for="issuer_O">Organization:</label></td> |
|
62 |
<td><input type="text" id="issuer_O" name="issuer_O" class="form-control" disabled></td> |
|
63 |
</div> |
|
47 | 64 |
</tr> |
48 | 65 |
<tr> |
49 |
<td><label for="issuer_OU">Organization Unit:</label></td> |
|
50 |
<td><input type="text" id="issuer_OU" name="issuer_OU" disabled></td> |
|
66 |
<div class="form-group"> |
|
67 |
<td><label for="issuer_OU">Organization Unit:</label></td> |
|
68 |
<td><input type="text" id="issuer_OU" name="issuer_OU" class="form-control" disabled></td> |
|
69 |
</div> |
|
51 | 70 |
</tr> |
52 | 71 |
<tr> |
53 |
<td><label for="issuer_emailAddress">Email:</label></td> |
|
54 |
<td><input type="email" id="issuer_emailAddress" name="issuer_emailAddress" disabled></td> |
|
72 |
<div class="form-group"> |
|
73 |
<td><label for="issuer_emailAddress">Email:</label></td> |
|
74 |
<td><input type="email" id="issuer_emailAddress" name="issuer_emailAddress" class="form-control" disabled></td> |
|
75 |
</div> |
|
55 | 76 |
</tr> |
56 |
<tr> |
|
57 |
<td><label for="subject_CN">Common Name:</label></td> |
|
58 |
<td><input type="text" id="subject_CN" name="subject_CN"></td> |
|
77 |
<tr> |
|
78 |
<div class="form-group"> |
|
79 |
<td><label for="subject_CN">Common Name:</label></td> |
|
80 |
<td><input type="text" id="subject_CN" name="subject_CN" class="form-control"></td> |
|
81 |
</div> |
|
59 | 82 |
</tr> |
60 | 83 |
<tr> |
61 |
<td><label for="subject_C">Country Code:</label></td> |
|
62 |
<td><input type="text" id="subject_C" name="subject_C"></td> |
|
84 |
<div class="form-group"> |
|
85 |
<td><label for="subject_C">Country Code:</label></td> |
|
86 |
<td><input type="text" id="subject_C" name="subject_C" class="form-control"></td> |
|
87 |
</div> |
|
63 | 88 |
</tr> |
64 | 89 |
<tr> |
65 |
<td><label for="subject_L">Locality:</label></td> |
|
66 |
<td><input type="text" id="subject_L" name="subject_L"></td> |
|
90 |
<div class="form-group"> |
|
91 |
<td><label for="subject_L">Locality:</label></td> |
|
92 |
<td><input type="text" id="subject_L" name="subject_L" class="form-control"></td> |
|
93 |
</div> |
|
67 | 94 |
</tr> |
68 | 95 |
<tr> |
69 |
<td><label for="subject_ST">Province/State:</label></td> |
|
70 |
<td><input type="text" id="subject_ST" name="subject_ST"></td> |
|
96 |
<div class="form-group"> |
|
97 |
<td><label for="subject_ST">Province/State:</label></td> |
|
98 |
<td><input type="text" id="subject_ST" name="subject_ST" class="form-control"></td> |
|
99 |
</div> |
|
71 | 100 |
</tr> |
72 | 101 |
<tr> |
73 |
<td><label for="subject_O">Organization:</label></td> |
|
74 |
<td><input type="text" id="subject_O" name="subject_O"></td> |
|
102 |
<div class="form-group"> |
|
103 |
<td><label for="subject_O">Organization:</label></td> |
|
104 |
<td><input type="text" id="subject_O" name="subject_O" class="form-control"></td> |
|
105 |
</div> |
|
75 | 106 |
</tr> |
76 | 107 |
<tr> |
77 |
<td><label for="subject_OU">Organization Unit:</label></td> |
|
78 |
<td><input type="text" id="subject_OU" name="subject_OU"></td> |
|
108 |
<div class="form-group"> |
|
109 |
<td><label for="subject_OU">Organization Unit:</label></td> |
|
110 |
<td><input type="text" id="subject_OU" name="subject_OU" class="form-control"></td> |
|
111 |
</div> |
|
79 | 112 |
</tr> |
80 | 113 |
<tr> |
81 |
<td><label for="subject_emailAddress">Email:</label></td> |
|
82 |
<td><input type="email" id="subject_emailAddress" name="subject_emailAddress"></td> |
|
114 |
<div class="form-group"> |
|
115 |
<td><label for="subject_emailAddress">Email:</label></td> |
|
116 |
<td><input type="email" id="subject_emailAddress" name="subject_emailAddress" class="form-control"></td> |
|
117 |
</div> |
|
83 | 118 |
</tr> |
84 | 119 |
<tr> |
85 | 120 |
<td>Usage:</td> |
86 |
<td> |
|
87 |
<input type="checkbox" id="isCA" name="isCA" value="CA"> |
|
88 |
<label for="isCA">CA</label><br> |
|
121 |
<td class="form-check">
|
|
122 |
<input class="form-check-input" type="checkbox" id="isCA" name="isCA" value="CA">
|
|
123 |
<label class="form-check-label" for="isCA">CA</label><br>
|
|
89 | 124 |
|
90 |
<input type="checkbox" id="isDigitalSignature" name="isDigitalSignature" value="DigitalSignature"> |
|
91 |
<label for="isDigitalSignature">Digital Signature</label><br> |
|
125 |
<input class="form-check-input" type="checkbox" id="isDigitalSignature" name="isDigitalSignature" value="DigitalSignature">
|
|
126 |
<label class="form-check-label" for="isDigitalSignature">Digital Signature</label><br>
|
|
92 | 127 |
|
93 |
<input type="checkbox" id="isAuthentication" name="isAuthentication" value="Authentication"> |
|
94 |
<label for="isAuthentication">Authentication</label><br> |
|
128 |
<input class="form-check-input" type="checkbox" id="isAuthentication" name="isAuthentication" value="Authentication">
|
|
129 |
<label class="form-check-label" for="isAuthentication">Authentication</label><br>
|
|
95 | 130 |
|
96 |
<input type="checkbox" id="isSSL_TLS" name="isSSL_TLS" value="SSL_TLS"> |
|
97 |
<label for="isSSL_TLS">SSL/TLS</label><br> |
|
131 |
<input class="form-check-input" type="checkbox" id="isSSL_TLS" name="isSSL_TLS" value="SSL_TLS">
|
|
132 |
<label class="form-check-label" for="isSSL_TLS">SSL/TLS</label><br>
|
|
98 | 133 |
</td> |
99 | 134 |
</tr> |
100 | 135 |
<tr> |
101 | 136 |
<td colspan="2" align="center"> |
102 |
<button onclick="window.location.href = '/static/index.html';">Create certificate</button> |
|
137 |
<button class="btn btn-success" onclick="window.location.href = '/static/index.html';">Create certificate</button>
|
|
103 | 138 |
</td> |
104 | 139 |
</tr> |
105 | 140 |
</table> |
Také k dispozici: Unified diff
Re #8474 - Styling of create_certificate.html using Bootstrap