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"> |
miramurali23 | 219738d | 2019-08-15 16:22:06 -0400 | [diff] [blame^] | 27 | <span class="inline" ng-class="{'icon__warning certificate__table__icon' : cert.isExpiring , 'icon__critical certificate__table__icon' : cert.isExpired}" |
beccabroek | 309b5da | 2018-11-07 12:22:31 -0600 | [diff] [blame] | 28 | ng-if="cert.isExpired || cert.isExpiring"></span> |
| 29 | </div> |
| 30 | <div class="certificate__date-cell"> |
Zbigniew Kurzynski | c81cdd4 | 2019-07-25 11:52:15 +0200 | [diff] [blame] | 31 | {{cert.ValidNotAfter | date:medium}} |
beccabroek | 309b5da | 2018-11-07 12:22:31 -0600 | [diff] [blame] | 32 | </div> |
| 33 | <div class="certificate__buttons-cell"> |
miramurali23 | 219738d | 2019-08-15 16:22:06 -0400 | [diff] [blame^] | 34 | <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] | 35 | <icon file="icon-replace.svg" aria-hidden="true"></icon> |
beccabroek | 309b5da | 2018-11-07 12:22:31 -0600 | [diff] [blame] | 36 | </button> |
| 37 | </div> |
| 38 | <div ng-show="cert.upload === true" class="upload__certificate"> |
| 39 | <div class="certificate__upload-chooser row"> |
| 40 | <div class="small-1 column"> |
miramurali23 | 219738d | 2019-08-15 16:22:06 -0400 | [diff] [blame^] | 41 | <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] | 42 | <icon file="icon-close.svg" aria-hidden="true"></icon> |
beccabroek | 309b5da | 2018-11-07 12:22:31 -0600 | [diff] [blame] | 43 | </button> |
| 44 | </div> |
| 45 | <div class="small-2 column"> |
miramurali23 | 219738d | 2019-08-15 16:22:06 -0400 | [diff] [blame^] | 46 | <label> |
| 47 | <input id="upload_{{cert.Description + cert.Id}}" type="file" file="cert.file" class="input-file" /> |
| 48 | <span class="btn btn-secondary">Choose file</span> |
| 49 | </label> |
| 50 | </div> |
beccabroek | 309b5da | 2018-11-07 12:22:31 -0600 | [diff] [blame] | 51 | <div class="small-6 column"> |
| 52 | <span ng-if="!cert.file">No file selected</span> |
| 53 | <span>{{cert.file.name}}</span> |
miramurali23 | 219738d | 2019-08-15 16:22:06 -0400 | [diff] [blame^] | 54 | <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] | 55 | <icon file="icon-close.svg" aria-hidden="true"></icon> |
beccabroek | 309b5da | 2018-11-07 12:22:31 -0600 | [diff] [blame] | 56 | </button> |
| 57 | </div> |
| 58 | <div class="small-3 column"> |
miramurali23 | 219738d | 2019-08-15 16:22:06 -0400 | [diff] [blame^] | 59 | <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] | 60 | Replace |
| 61 | </button> |
beccabroek | 309b5da | 2018-11-07 12:22:31 -0600 | [diff] [blame] | 62 | </div> |
| 63 | </div> |
| 64 | </div> |
| 65 | </div> |