summaryrefslogtreecommitdiffstats
path: root/app/common/directives/certificate.html
blob: 2b7d9b7f99528c464b226befe191836373fc2b99 (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
<div class="table__row-value row column">
  <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">
    <span class="inline" ng-class="{'icon__warning certificate__table__icon' : cert.isExpiring , 'icon__critical certificate__table__icon' : cert.isExpired}"
      ng-if="cert.isExpired || cert.isExpiring"></span>
  </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="certificate__upload-chooser row">
      <div class="small-1 column">
        <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="small-2 column">
        <label>
          <input id="upload_{{cert.Description + cert.Id}}" type="file" file="cert.file" class="input-file" />
          <span class="btn btn-secondary">Choose file</span>
        </label>
      </div>
      <div class="small-6 column">
        <span ng-if="!cert.file">No file selected</span>
        <span>{{cert.file.name}}</span>
        <button type="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="small-3 column">
        <button type="submit" ng-class="{disabled:!cert.file}" class="btn btn-primary" ng-click="replaceCertificate(cert)">
          Replace
        </button>
      </div>
    </div>
  </div>
</div>
OpenPOWER on IntegriCloud