1309b5da3Sbeccabroek<div class="table__row-value row column">
2309b5da3Sbeccabroek  <div class="certificate__type-cell bold">
3dbafdc5fSYoshie Muranaka    {{getCertificateName(cert.Description)}}
4309b5da3Sbeccabroek  </div>
5309b5da3Sbeccabroek  <div class="certificate__title-inline">
6c81cdd4aSZbigniew Kurzynski    Issued by:
7c81cdd4aSZbigniew Kurzynski  </div>
8c81cdd4aSZbigniew Kurzynski  <div class="certificate__issue-cell">
9c81cdd4aSZbigniew Kurzynski    {{cert.Issuer.CommonName}}
10c81cdd4aSZbigniew Kurzynski  </div>
11c81cdd4aSZbigniew Kurzynski  <div class="certificate__title-inline">
12c81cdd4aSZbigniew Kurzynski    Issued to:
13c81cdd4aSZbigniew Kurzynski  </div>
14c81cdd4aSZbigniew Kurzynski  <div class="certificate__issue-cell">
15c81cdd4aSZbigniew Kurzynski    {{cert.Subject.CommonName}}
16c81cdd4aSZbigniew Kurzynski  </div>
17c81cdd4aSZbigniew Kurzynski  <div class="certificate__title-inline">
18309b5da3Sbeccabroek    Valid from:
19309b5da3Sbeccabroek  </div>
20309b5da3Sbeccabroek  <div class="certificate__date-cell">
21c81cdd4aSZbigniew Kurzynski    {{cert.ValidNotBefore | date:medium}}
22309b5da3Sbeccabroek  </div>
23309b5da3Sbeccabroek  <div class="certificate__title-inline">
24309b5da3Sbeccabroek    Valid until:
25309b5da3Sbeccabroek  </div>
26309b5da3Sbeccabroek  <div class="certificate__status-cell">
27*219738d2Smiramurali23    <span class="inline" ng-class="{'icon__warning certificate__table__icon' : cert.isExpiring , 'icon__critical certificate__table__icon' : cert.isExpired}"
28309b5da3Sbeccabroek      ng-if="cert.isExpired || cert.isExpiring"></span>
29309b5da3Sbeccabroek  </div>
30309b5da3Sbeccabroek  <div class="certificate__date-cell">
31c81cdd4aSZbigniew Kurzynski    {{cert.ValidNotAfter | date:medium}}
32309b5da3Sbeccabroek  </div>
33309b5da3Sbeccabroek  <div class="certificate__buttons-cell">
34*219738d2Smiramurali23    <button type="button" ng-click="cert.upload = true" aria-label="Replace certificate" class="btn  btn-tertiary certificate__button">
350c1e09e6SDixsie Wolmers      <icon file="icon-replace.svg" aria-hidden="true"></icon>
36309b5da3Sbeccabroek    </button>
37309b5da3Sbeccabroek  </div>
38309b5da3Sbeccabroek  <div ng-show="cert.upload === true" class="upload__certificate">
39309b5da3Sbeccabroek    <div class="certificate__upload-chooser row">
40309b5da3Sbeccabroek      <div class="small-1 column">
41*219738d2Smiramurali23        <button type="button" ng-click="cert.upload=false" aria-label="close replace certificate upload form">
420c1e09e6SDixsie Wolmers          <icon file="icon-close.svg" aria-hidden="true"></icon>
43309b5da3Sbeccabroek        </button>
44309b5da3Sbeccabroek      </div>
45309b5da3Sbeccabroek      <div class="small-2 column">
46bb45d021SDixsie Wolmers        <label>
47*219738d2Smiramurali23          <input id="upload_{{cert.Description + cert.Id}}" type="file" file="cert.file" class="input-file" />
48309b5da3Sbeccabroek          <span class="btn btn-secondary">Choose file</span>
49309b5da3Sbeccabroek        </label>
50309b5da3Sbeccabroek      </div>
51309b5da3Sbeccabroek      <div class="small-6 column">
52309b5da3Sbeccabroek        <span ng-if="!cert.file">No file selected</span>
53309b5da3Sbeccabroek        <span>{{cert.file.name}}</span>
54*219738d2Smiramurali23        <button type="reset" ng-if="cert.file.name" ng-click="cert.file = '';" aria-label="remove selected file">
550c1e09e6SDixsie Wolmers          <icon file="icon-close.svg" aria-hidden="true"></icon>
56309b5da3Sbeccabroek        </button>
57309b5da3Sbeccabroek      </div>
58309b5da3Sbeccabroek      <div class="small-3 column">
59*219738d2Smiramurali23        <button type="submit" ng-class="{disabled:!cert.file}" class="btn btn-primary" ng-click="replaceCertificate(cert)">
600c1e09e6SDixsie Wolmers          Replace
610c1e09e6SDixsie Wolmers        </button>
62309b5da3Sbeccabroek      </div>
63309b5da3Sbeccabroek    </div>
64309b5da3Sbeccabroek  </div>
65309b5da3Sbeccabroek</div>