blob: 1a7d09112a0fb0c23f6b3fc2211dbd3c272a48f7 [file] [log] [blame]
beccabroek309b5da2018-11-07 12:22:31 -06001<div class="table__row-value row column">
2 <div class="certificate__type-cell bold">
Yoshie Muranakadbafdc52019-06-28 09:41:19 -05003 {{getCertificateName(cert.Description)}}
beccabroek309b5da2018-11-07 12:22:31 -06004 </div>
5 <div class="certificate__title-inline">
Zbigniew Kurzynskic81cdd42019-07-25 11:52:15 +02006 Issued by:
7 </div>
8 <div class="certificate__issue-cell">
9 {{cert.Issuer.CommonName}}
10 </div>
11 <div class="certificate__title-inline">
12 Issued to:
13 </div>
14 <div class="certificate__issue-cell">
15 {{cert.Subject.CommonName}}
16 </div>
17 <div class="certificate__title-inline">
beccabroek309b5da2018-11-07 12:22:31 -060018 Valid from:
19 </div>
20 <div class="certificate__date-cell">
Zbigniew Kurzynskic81cdd42019-07-25 11:52:15 +020021 {{cert.ValidNotBefore | date:medium}}
beccabroek309b5da2018-11-07 12:22:31 -060022 </div>
23 <div class="certificate__title-inline">
24 Valid until:
25 </div>
26 <div class="certificate__status-cell">
Dixsie Wolmers1a2bd742019-09-09 14:42:27 -050027 <icon file="icon-critical.svg"
28 aria-label="certificate has expired"
29 class="certificate__status-icon"
30 ng-if="cert.isExpired">
31 </icon>
32 <icon file="icon-warning.svg"
33 aria-label="certificate will expire soon"
34 class="certificate__status-icon"
35 ng-if="cert.isExpiring">
36 </icon>
beccabroek309b5da2018-11-07 12:22:31 -060037 </div>
38 <div class="certificate__date-cell">
Zbigniew Kurzynskic81cdd42019-07-25 11:52:15 +020039 {{cert.ValidNotAfter | date:medium}}
beccabroek309b5da2018-11-07 12:22:31 -060040 </div>
41 <div class="certificate__buttons-cell">
miramurali23219738d2019-08-15 16:22:06 -040042 <button type="button" ng-click="cert.upload = true" aria-label="Replace certificate" class="btn btn-tertiary certificate__button">
Dixsie Wolmers0c1e09e2019-08-26 11:16:10 -050043 <icon file="icon-replace.svg" aria-hidden="true"></icon>
beccabroek309b5da2018-11-07 12:22:31 -060044 </button>
45 </div>
46 <div ng-show="cert.upload === true" class="upload__certificate">
47 <div class="certificate__upload-chooser row">
48 <div class="small-1 column">
miramurali23219738d2019-08-15 16:22:06 -040049 <button type="button" ng-click="cert.upload=false" aria-label="close replace certificate upload form">
Dixsie Wolmers0c1e09e2019-08-26 11:16:10 -050050 <icon file="icon-close.svg" aria-hidden="true"></icon>
beccabroek309b5da2018-11-07 12:22:31 -060051 </button>
52 </div>
53 <div class="small-2 column">
miramurali23219738d2019-08-15 16:22:06 -040054 <label>
55 <input id="upload_{{cert.Description + cert.Id}}" type="file" file="cert.file" class="input-file" />
56 <span class="btn btn-secondary">Choose file</span>
57 </label>
58 </div>
beccabroek309b5da2018-11-07 12:22:31 -060059 <div class="small-6 column">
60 <span ng-if="!cert.file">No file selected</span>
61 <span>{{cert.file.name}}</span>
miramurali23219738d2019-08-15 16:22:06 -040062 <button type="reset" ng-if="cert.file.name" ng-click="cert.file = '';" aria-label="remove selected file">
Dixsie Wolmers0c1e09e2019-08-26 11:16:10 -050063 <icon file="icon-close.svg" aria-hidden="true"></icon>
beccabroek309b5da2018-11-07 12:22:31 -060064 </button>
65 </div>
66 <div class="small-3 column">
miramurali23219738d2019-08-15 16:22:06 -040067 <button type="submit" ng-class="{disabled:!cert.file}" class="btn btn-primary" ng-click="replaceCertificate(cert)">
Dixsie Wolmers0c1e09e2019-08-26 11:16:10 -050068 Replace
69 </button>
beccabroek309b5da2018-11-07 12:22:31 -060070 </div>
71 </div>
72 </div>
73</div>