1<loader loading="loading"></loader>
2<div id="configuration-cert" class="page">
3  <h1 class="page-title">SSL certificates</h1>
4  <section class="section">
5    <div class="section-content">
6      <div ng-repeat="certificate in certificates | filter:{isExpiring:true}">
7        <div class="alert alert-warning" role="alert">
8          <icon file="icon-warning.svg" aria-hidden="true"></icon>
9          The uploaded {{ certificate.name }} is expiring in
10          {{ getDays(certificate.ValidNotAfter) === 0
11              ? "less than one day!"
12              : getDays(certificate.ValidNotAfter) + " days!" }}
13          Consider replacing it with a new certificate.
14        </div>
15      </div>
16      <div ng-repeat="certificate in certificates | filter:{isExpired:true}">
17        <div class="alert alert-danger" role="alert">
18          <icon file="icon-critical.svg" aria-hidden="true"></icon>
19          The uploaded {{ certificate.name }} has expired! Consider replacing it
20          with a new certificate.
21        </div>
22      </div>
23    </div>
24  </section>
25  <section class="section">
26    <div class="section-content">
27      <button
28        type="button"
29        class="btn  btn-tertiary"
30        ng-disabled="availableCertificateTypes.length === 0"
31        ng-click="addCertModal()">
32        <icon class="icon-add" file="icon-plus.svg" aria-hidden="true"></icon>
33        Add new certificate
34      </button>
35      <button type="button" class="btn btn-tertiary" ng-click="addCsrModal()">
36        <icon class="icon-add" file="icon-plus.svg" aria-hidden="true"></icon>
37        Generate CSR
38      </button>
39    </div>
40  <!-- TODO: Replace table with resusable table component -->
41    <div class="section-content certificate__table">
42      <div class="table__row-header">
43        <div class="row">
44          <div class="certificate__type-header">
45            Certificate
46          </div>
47          <div class="certificate__issue-header">
48            Issued by
49          </div>
50          <div class="certificate__issue-header">
51            Issued to
52          </div>
53          <div class="certificate__date-header">
54            Valid from
55          </div>
56          <div class="certificate__status-header"></div>
57          <div class="certificate__date-header">
58            Valid until
59          </div>
60          <div class="certificate__actions-header">
61            Actions
62          </div>
63        </div>
64      </div>
65      <div ng-if="certificates.length < 1" class="empty__logs">
66        There have been no certificates added.
67      </div>
68      <div ng-repeat="certificate in certificates">
69        <certificate cert="certificate" reload="loadCertificates()"></certificate>
70      </div>
71    </div>
72  </section>
73</div>
74