beccabroek | 309b5da | 2018-11-07 12:22:31 -0600 | [diff] [blame] | 1 | <div class="table__row-value row column"> |
| 2 | <div class="certificate__type-cell bold"> |
Yoshie Muranaka | dbafdc5 | 2019-06-28 09:41:19 -0500 | [diff] [blame] | 3 | {{getCertificateName(cert.Description)}} |
beccabroek | 309b5da | 2018-11-07 12:22:31 -0600 | [diff] [blame] | 4 | </div> |
| 5 | <div class="certificate__title-inline"> |
Zbigniew Kurzynski | c81cdd4 | 2019-07-25 11:52:15 +0200 | [diff] [blame] | 6 | 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"> |
beccabroek | 309b5da | 2018-11-07 12:22:31 -0600 | [diff] [blame] | 18 | Valid from: |
| 19 | </div> |
| 20 | <div class="certificate__date-cell"> |
Zbigniew Kurzynski | c81cdd4 | 2019-07-25 11:52:15 +0200 | [diff] [blame] | 21 | {{cert.ValidNotBefore | date:medium}} |
beccabroek | 309b5da | 2018-11-07 12:22:31 -0600 | [diff] [blame] | 22 | </div> |
| 23 | <div class="certificate__title-inline"> |
| 24 | Valid until: |
| 25 | </div> |
| 26 | <div class="certificate__status-cell"> |
Dixsie Wolmers | 1a2bd74 | 2019-09-09 14:42:27 -0500 | [diff] [blame] | 27 | <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> |
beccabroek | 309b5da | 2018-11-07 12:22:31 -0600 | [diff] [blame] | 37 | </div> |
| 38 | <div class="certificate__date-cell"> |
Zbigniew Kurzynski | c81cdd4 | 2019-07-25 11:52:15 +0200 | [diff] [blame] | 39 | {{cert.ValidNotAfter | date:medium}} |
beccabroek | 309b5da | 2018-11-07 12:22:31 -0600 | [diff] [blame] | 40 | </div> |
| 41 | <div class="certificate__buttons-cell"> |
miramurali23 | 219738d | 2019-08-15 16:22:06 -0400 | [diff] [blame] | 42 | <button type="button" ng-click="cert.upload = true" aria-label="Replace certificate" class="btn btn-tertiary certificate__button"> |
Dixsie Wolmers | 0c1e09e | 2019-08-26 11:16:10 -0500 | [diff] [blame] | 43 | <icon file="icon-replace.svg" aria-hidden="true"></icon> |
beccabroek | 309b5da | 2018-11-07 12:22:31 -0600 | [diff] [blame] | 44 | </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"> |
miramurali23 | 219738d | 2019-08-15 16:22:06 -0400 | [diff] [blame] | 49 | <button type="button" ng-click="cert.upload=false" aria-label="close replace certificate upload form"> |
Dixsie Wolmers | 0c1e09e | 2019-08-26 11:16:10 -0500 | [diff] [blame] | 50 | <icon file="icon-close.svg" aria-hidden="true"></icon> |
beccabroek | 309b5da | 2018-11-07 12:22:31 -0600 | [diff] [blame] | 51 | </button> |
| 52 | </div> |
| 53 | <div class="small-2 column"> |
miramurali23 | 219738d | 2019-08-15 16:22:06 -0400 | [diff] [blame] | 54 | <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> |
beccabroek | 309b5da | 2018-11-07 12:22:31 -0600 | [diff] [blame] | 59 | <div class="small-6 column"> |
| 60 | <span ng-if="!cert.file">No file selected</span> |
| 61 | <span>{{cert.file.name}}</span> |
miramurali23 | 219738d | 2019-08-15 16:22:06 -0400 | [diff] [blame] | 62 | <button type="reset" ng-if="cert.file.name" ng-click="cert.file = '';" aria-label="remove selected file"> |
Dixsie Wolmers | 0c1e09e | 2019-08-26 11:16:10 -0500 | [diff] [blame] | 63 | <icon file="icon-close.svg" aria-hidden="true"></icon> |
beccabroek | 309b5da | 2018-11-07 12:22:31 -0600 | [diff] [blame] | 64 | </button> |
| 65 | </div> |
| 66 | <div class="small-3 column"> |
miramurali23 | 219738d | 2019-08-15 16:22:06 -0400 | [diff] [blame] | 67 | <button type="submit" ng-class="{disabled:!cert.file}" class="btn btn-primary" ng-click="replaceCertificate(cert)"> |
Dixsie Wolmers | 0c1e09e | 2019-08-26 11:16:10 -0500 | [diff] [blame] | 68 | Replace |
| 69 | </button> |
beccabroek | 309b5da | 2018-11-07 12:22:31 -0600 | [diff] [blame] | 70 | </div> |
| 71 | </div> |
| 72 | </div> |
| 73 | </div> |