1 |
<html> |
2 |
<head> |
3 |
<title>Certificate of ${subject.cn}</title> |
4 |
<style type="text/css"><!-- |
5 |
/* |
6 |
h1 { font-weight: bold; font-size: 130%; margin-bottom: 1em; } |
7 |
|
8 |
.valid-ok { color: green; font-size: 110%; font-weight: bold; } |
9 |
*[title] { border-bottom: 1px dashed gray; } |
10 |
|
11 |
table { border-collapse: collapse; } |
12 |
td, th { border-top: 1px solid lightgray; border-bottom: 1px solid lightgray; padding: 0.3em; } |
13 |
th { font-weight: normal; text-align: left; font-style: italic; padding-right: 1em; } |
14 |
td.modulus { overflow: hidden; text-overflow: ellipsis; } |
15 |
*/ |
16 |
|
17 |
h1 { font-weight: bold; font-size: 18pt; } |
18 |
.topinfo-ok { color: #006600; font-weight: bold; } |
19 |
.topinfo-bad { color: #660000; font-weight: bold; } |
20 |
|
21 |
.valid-ok { color: green; font-size: 110%; font-weight: bold; } |
22 |
.valid-no { color: red; font-size: 110%; font-weight: bold; } |
23 |
.pending { color: #666666; } |
24 |
|
25 |
td, th { padding: 0.3em; } |
26 |
th { font-weight: normal; text-align: left; font-style: italic; } |
27 |
//--></style> |
28 |
</head> |
29 |
<body> |
30 |
<h1>Certificate of ${subject.cn}</h1> |
31 |
${if !cert} |
32 |
${if request}<p class="topinfo-ok">This certificate is currently awaiting approval.</p>${endif} |
33 |
${if !request}<p class="topinfo-bad">This certificate is incomplete, please consider removing it.</p>${endif} |
34 |
${endif} |
35 |
|
36 |
<table summary="certificate details" cellpadding="3"> |
37 |
<tr> |
38 |
<th class="name">Name</th> |
39 |
<td class="name"> |
40 |
${subject.cn} ${if subject.e}<tt>${subject.e}</tt>${endif} |
41 |
</td> |
42 |
</tr> |
43 |
<tr> |
44 |
<th class="org">Organisation</th> |
45 |
<td class="org">${subject.o}</td> |
46 |
</tr> |
47 |
${if issuer}<tr> |
48 |
<th class="issuer">Issuer</th> |
49 |
<td class="issuer">${issuer.cn}</td> |
50 |
</tr>${endif} |
51 |
${if cert.sn}<tr> |
52 |
<th class="serial">Serial</th> |
53 |
<td class="serial"><a href="https://ca.dutchgrid.nl/medium/query/?id=${cert.sn}">${cert.sn}</a></td> |
54 |
</tr>${endif} |
55 |
<tr> |
56 |
<th class="valid">Valid</th> |
57 |
<td class="valid"> |
58 |
from ${valid.notbefore} until ${valid.notafter} |
59 |
${if valid}<span class="valid-ok" title="certificate is valid and can be used">✓</span>${endif} |
60 |
${if !valid}<span class="valid-no" title="certificate is expired or revoked">✕</span>${endif} |
61 |
</td> |
62 |
</tr> |
63 |
${if usage}<tr> |
64 |
<th class="usage">Usage</th> |
65 |
<td class="usage"> |
66 |
${if usage.any}<span title="usable for anything">any</span>, ${endif} |
67 |
${if usage.clientauth}<span title="usable for client authentication like in a web browser">Client authentication</span>, ${endif} |
68 |
${if usage.emailprotection}<span title="usable for signing and encrypting emails">Email protection</span>, ${endif} |
69 |
</td> |
70 |
</tr>${endif} |
71 |
<tr> |
72 |
<th class="vo">VOs</th> |
73 |
<td class="vo"> |
74 |
<a href="https://voms.grid.sara.nl:8443/voms/pvier/">pvier</a>, |
75 |
<a href="https://voms.grid.sara.nl:8443/voms/ncf">ncf</a>, |
76 |
<i>pending:</i> |
77 |
<a href="https://voms.grid.sara.nl:8443/voms/vlemed" class="pending">vlemed</a> |
78 |
</td> |
79 |
</tr> |
80 |
|
81 |
</table> |
82 |
|
83 |
</body> |
84 |
</html> |