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