Revize 5f5de859
Přidáno uživatelem David Friesecký před asi 4 roky(ů)
static/certificate_detailed_view.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 |
|
7 |
<!-- Latest compiled and minified CSS --> |
|
8 |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> |
|
9 |
|
|
10 |
<!-- jQuery library --> |
|
11 |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> |
|
12 |
|
|
13 |
<!-- Popper JS --> |
|
14 |
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> |
|
15 |
|
|
16 |
<!-- Latest compiled JavaScript --> |
|
17 |
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> |
|
18 | 8 |
<style> |
19 |
ul, #tree-detailed-view {
|
|
20 |
list-style-type: none;
|
|
9 |
.w-65 {
|
|
10 |
max-width: 65%;
|
|
21 | 11 |
} |
22 | 12 |
|
23 |
#tree-detailed-view { |
|
24 |
margin: 0; |
|
25 |
padding: 0; |
|
13 |
.w-35 { |
|
14 |
max-width: 35%; |
|
26 | 15 |
} |
27 | 16 |
|
28 | 17 |
.caret-back::before { |
... | ... | |
42 | 31 |
</style> |
43 | 32 |
</head> |
44 | 33 |
<body class="p-4"> |
45 |
<div id="certificate-detailed-view-content" class="container">
|
|
46 |
<div class="row">
|
|
34 |
<div id="certificate-detailed-view-content" class="p-4">
|
|
35 |
<div> |
|
47 | 36 |
<h1 class="ml-2 d-inline-block">Certificate Detailed View</h1> |
48 |
<div> |
|
49 |
<a class="btn btn-warning ml-4 mb-3" href="">Revoke certificate</a> |
|
50 |
<a class="btn btn-danger ml-4 mb-3" href="">Delete certificate</a> |
|
51 |
</div> |
|
37 |
<span class="ml-2 d-inline-block"> |
|
38 |
<a class="btn btn-success ml-2 mb-3" href="">Download certificate</a> |
|
39 |
<a class="btn btn-warning ml-2 mb-3" href="">Revoke certificate</a> |
|
40 |
<a class="btn btn-danger ml-2 mb-3" href="">Delete certificate</a> |
|
41 |
</span> |
|
52 | 42 |
</div> |
53 |
<a class="ml-auto" href=""><span class="caret-back font-weight-bold">Issuing Certificate Authority</span></a>
|
|
43 |
<a href=""><span class="caret-back font-weight-bold">Issuing Certificate Authority</span></a> |
|
54 | 44 |
<div class="row"> |
55 |
<div class="col-md-6">
|
|
45 |
<div class="col-lg-6">
|
|
56 | 46 |
<table class="ml-auto mr-auto"> |
57 | 47 |
<tr> |
58 | 48 |
<div class="form-group"> |
... | ... | |
154 | 144 |
</td> |
155 | 145 |
</tr> |
156 | 146 |
</table> |
147 |
<div class="text-center"> |
|
148 |
<a class="btn btn-success m-1" href="">Download Public Key</a> |
|
149 |
<a class="btn btn-success m-1" href="">Download Private Key</a> |
|
150 |
</div> |
|
157 | 151 |
</div> |
158 |
<div class="col-md-6"> |
|
159 |
TODO list |
|
152 |
<div class="col-xl-6 table-responsive"> |
|
153 |
<table class="table table-striped table-hover"> |
|
154 |
<thead class="thead-dark text-center"> |
|
155 |
<tr> |
|
156 |
<th scope="col" colspan="2">Issued Certificates</th> |
|
157 |
</tr> |
|
158 |
<tr> |
|
159 |
<th class="w-65" scope="col">Common Name</th> |
|
160 |
<th class="w-35" scope="col">Type</th> |
|
161 |
</tr> |
|
162 |
</thead> |
|
163 |
<tbody> |
|
164 |
<tr> |
|
165 |
<td><some_certificate_name></td> |
|
166 |
<td><type></td> |
|
167 |
</tr> |
|
168 |
<tr> |
|
169 |
<td><some_certificate_long_name></td> |
|
170 |
<td><CA></td> |
|
171 |
</tr> |
|
172 |
<tr> |
|
173 |
<td><some _certificat e_very____________ _________l on gname></td> |
|
174 |
<td><End Certificate></td> |
|
175 |
</tr> |
|
176 |
</tbody> |
|
177 |
</table> |
|
160 | 178 |
</div> |
161 | 179 |
</div> |
162 | 180 |
</div> |
... | ... | |
172 | 190 |
}); |
173 | 191 |
} |
174 | 192 |
</script> |
193 |
|
|
194 |
<script src="/static/js/jquery-3.6.0.min.js"></script> |
|
195 |
<script src="/static/js/bootstrap.bundle.min.js"></script> |
|
175 | 196 |
</body> |
176 | 197 |
</html> |
Také k dispozici: Unified diff
Re #8568 - Added buttons and list of certificates
- added button download certificate, download public/private key