1<div class="table__row-value row column">
2  <div class="certificate__type-cell bold">
3    {{getCertificateName(cert.Description)}}
4  </div>
5  <div class="certificate__title-inline">
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">
18    Valid from:
19  </div>
20  <div class="certificate__date-cell">
21    {{cert.ValidNotBefore | date:medium}}
22  </div>
23  <div class="certificate__title-inline">
24    Valid until:
25  </div>
26  <div class="certificate__status-cell">
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>
37  </div>
38  <div class="certificate__date-cell">
39    {{cert.ValidNotAfter | date:medium}}
40  </div>
41  <div class="certificate__buttons-cell">
42    <button type="button" ng-click="cert.upload = true" aria-label="Replace certificate" class="btn  btn-tertiary certificate__button">
43      <icon file="icon-replace.svg" aria-hidden="true"></icon>
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">
49        <button type="button" ng-click="cert.upload=false" aria-label="close replace certificate upload form">
50          <icon file="icon-close.svg" aria-hidden="true"></icon>
51        </button>
52      </div>
53      <div class="small-2 column">
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>
59      <div class="small-6 column">
60        <span ng-if="!cert.file">No file selected</span>
61        <span>{{cert.file.name}}</span>
62        <button type="reset" ng-if="cert.file.name" ng-click="cert.file = '';" aria-label="remove selected file">
63          <icon file="icon-close.svg" aria-hidden="true"></icon>
64        </button>
65      </div>
66      <div class="small-3 column">
67        <button type="submit" ng-class="{disabled:!cert.file}" class="btn btn-primary" ng-click="replaceCertificate(cert)">
68          Replace
69        </button>
70      </div>
71    </div>
72  </div>
73</div>