summaryrefslogtreecommitdiffstats
path: root/app/common/directives/certificate.html
blob: cf7b46de2da4835b359fd80873ba2a4aded0db0b (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!-- TODO: Replace table with resusable table component -->
<div class="table__row-value row">
  <div class="certificate__type-cell bold">
    {{getCertificateName(cert.Description)}}
  </div>
  <div class="certificate__title-inline">
    Issued by:
  </div>
  <div class="certificate__issue-cell">
    {{cert.Issuer.CommonName}}
  </div>
  <div class="certificate__title-inline">
    Issued to:
  </div>
  <div class="certificate__issue-cell">
    {{cert.Subject.CommonName}}
  </div>
  <div class="certificate__title-inline">
    Valid from:
  </div>
  <div class="certificate__date-cell">
    {{cert.ValidNotBefore | date:medium}}
  </div>
  <div class="certificate__title-inline">
    Valid until:
  </div>
  <div class="certificate__status-cell">
    <icon file="icon-critical.svg"
      aria-label="certificate has expired"
      class="certificate__status-icon"
      ng-if="cert.isExpired">
    </icon>
    <icon file="icon-warning.svg"
      aria-label="certificate will expire soon"
      class="certificate__status-icon"
      ng-if="cert.isExpiring">
    </icon>
  </div>
  <div class="certificate__date-cell">
    {{cert.ValidNotAfter | date:medium}}
  </div>
  <div class="certificate__buttons-cell">
    <button
      type="button"
      ng-click="cert.upload = true"
      aria-label="Replace certificate"
      class="btn  btn-tertiary certificate__button">
      <icon file="icon-replace.svg" aria-hidden="true"></icon>
    </button>
  </div>
  <div ng-show="cert.upload === true" class="upload__certificate">
    <div class="close-btn">
      <button
        type="button"
        ng-click="cert.upload=false"
        aria-label="close replace certificate upload form">
        <icon file="icon-close.svg" aria-hidden="true"></icon>
      </button>
    </div>
    <div class="file-upload">
      <label
        for="upload_{{ cert.Description + cert.Id }}"
        class="file-upload-btn btn btn-secondary"
        tabindex="0">Choose file</label>
      <input
        name="upload_{{ cert.Description + cert.Id }}"
        id="upload_{{ cert.Description + cert.Id }}"
        type="file"
        file="cert.file"
        class="file-upload-input"/>
    </div>
    <div class="file-upload-container file-upload-field">
      <span ng-if="!cert.file">No file selected</span>
      <span>{{ cert.file.name }}</span>
      <button
        type="reset"
        class="btn file-upload-reset"
        ng-if="cert.file.name"
        ng-click="cert.file = '';"
        aria-label="remove selected file">
        <icon file="icon-close.svg" aria-hidden="true"></icon>
      </button>
    </div>
    <div class="replace-btn">
      <button
        type="submit"
        ng-disabled="!cert.file"
        class="btn btn-primary"
        ng-click="replaceCertificate(cert)">
        Replace
      </button>
    </div>
  </div>
</div>
OpenPOWER on IntegriCloud