blob: 122caad1ae596628175b71dd518b1b85ebe69208 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
|
<div class="table__row-value row column">
<div class="certificate__type-cell bold">
{{getCertificateName(cert.Description)}}
</div>
<div class="certificate__title-inline">
Issued by:
</div>
<div class="certificate__issue-cell">
{{cert.Issuer.CommonName}}
</div>
<div class="certificate__title-inline">
Issued to:
</div>
<div class="certificate__issue-cell">
{{cert.Subject.CommonName}}
</div>
<div class="certificate__title-inline">
Valid from:
</div>
<div class="certificate__date-cell">
{{cert.ValidNotBefore | date:medium}}
</div>
<div class="certificate__title-inline">
Valid until:
</div>
<div class="certificate__status-cell">
<span class="inline"
ng-class="{'icon__warning' : cert.isExpiring , 'icon__critical' : cert.isExpired}"
ng-if="cert.isExpired || cert.isExpiring"></span>
</div>
<div class="certificate__date-cell">
{{cert.ValidNotAfter | date:medium}}
</div>
<div class="certificate__buttons-cell">
<button type="button" ng-click="cert.upload = true" aria-label="Replace certificate"
class="btn btn-tertiary certificate__button">
<icon file="icon-replace.svg" aria-hidden="true"></icon>
</button>
</div>
<div ng-show="cert.upload === true" class="upload__certificate">
<div class="certificate__upload-chooser row">
<div class="small-1 column">
<button
type="button"
ng-click="cert.upload=false"
aria-label="close replace certificate upload form">
<icon file="icon-close.svg" aria-hidden="true"></icon>
</button>
</div>
<!-- TODO: Fix file upload accessibility -->
<div class="small-2 column">
<label for="upload_{{cert.Description + cert.Id}}">
<input
name="upload_{{cert.Description + cert.Id}}"
id="upload_{{cert.Description + cert.Id}}"
type="file"
file="cert.file"
class="hide" />
<span class="btn btn-secondary">Choose file</span>
</label>
</div>
<div class="small-6 column">
<span ng-if="!cert.file">No file selected</span>
<span>{{cert.file.name}}</span>
<button
type="reset"
ng-if="cert.file.name"
ng-click="cert.file = '';"
aria-label="remove selected file">
<icon file="icon-close.svg" aria-hidden="true"></icon>
</button>
</div>
<div class="small-3 column">
<button type="submit" ng-class="{disabled:!cert.file}" class="btn btn-primary"
ng-click="replaceCertificate(cert)">
Replace
</button>
</div>
</div>
</div>
</div>
|