1309b5da3Sbeccabroek<div class="table__row-value row column"> 2309b5da3Sbeccabroek <div class="certificate__type-cell bold"> 3309b5da3Sbeccabroek {{cert.Description}} 4309b5da3Sbeccabroek </div> 5309b5da3Sbeccabroek <div class="certificate__title-inline"> 6*c81cdd4aSZbigniew Kurzynski Issued by: 7*c81cdd4aSZbigniew Kurzynski </div> 8*c81cdd4aSZbigniew Kurzynski <div class="certificate__issue-cell"> 9*c81cdd4aSZbigniew Kurzynski {{cert.Issuer.CommonName}} 10*c81cdd4aSZbigniew Kurzynski </div> 11*c81cdd4aSZbigniew Kurzynski <div class="certificate__title-inline"> 12*c81cdd4aSZbigniew Kurzynski Issued to: 13*c81cdd4aSZbigniew Kurzynski </div> 14*c81cdd4aSZbigniew Kurzynski <div class="certificate__issue-cell"> 15*c81cdd4aSZbigniew Kurzynski {{cert.Subject.CommonName}} 16*c81cdd4aSZbigniew Kurzynski </div> 17*c81cdd4aSZbigniew Kurzynski <div class="certificate__title-inline"> 18309b5da3Sbeccabroek Valid from: 19309b5da3Sbeccabroek </div> 20309b5da3Sbeccabroek <div class="certificate__date-cell"> 21*c81cdd4aSZbigniew Kurzynski {{cert.ValidNotBefore | date:medium}} 22309b5da3Sbeccabroek </div> 23309b5da3Sbeccabroek <div class="certificate__title-inline"> 24309b5da3Sbeccabroek Valid until: 25309b5da3Sbeccabroek </div> 26309b5da3Sbeccabroek <div class="certificate__status-cell"> 27309b5da3Sbeccabroek <span class="inline" 28309b5da3Sbeccabroek ng-class="{'icon__warning' : cert.isExpiring , 'icon__critical' : cert.isExpired}" 29309b5da3Sbeccabroek ng-if="cert.isExpired || cert.isExpiring"></span> 30309b5da3Sbeccabroek </div> 31309b5da3Sbeccabroek <div class="certificate__date-cell"> 32*c81cdd4aSZbigniew Kurzynski {{cert.ValidNotAfter | date:medium}} 33309b5da3Sbeccabroek </div> 34309b5da3Sbeccabroek <div class="certificate__buttons-cell"> 35309b5da3Sbeccabroek <button type="button" class="btn btn-tertiary certificate__button"> 36309b5da3Sbeccabroek <icon file="icon-replace.svg" ng-click="cert.upload = true" 37309b5da3Sbeccabroek aria-label="Replace certificate"></icon> 38309b5da3Sbeccabroek </button> 39309b5da3Sbeccabroek </div> 40309b5da3Sbeccabroek <div ng-show="cert.upload === true" class="upload__certificate"> 41309b5da3Sbeccabroek <div class="certificate__upload-chooser row"> 42309b5da3Sbeccabroek <div class="small-1 column"> 43309b5da3Sbeccabroek <button type="button"> 44309b5da3Sbeccabroek <icon file="icon-close.svg" ng-click="cert.upload=false"></icon> 45309b5da3Sbeccabroek </button> 46309b5da3Sbeccabroek </div> 47309b5da3Sbeccabroek <div class="small-2 column"> 48309b5da3Sbeccabroek <label for='upload_{{cert.Description + cert.Id}}'> 49309b5da3Sbeccabroek <input name="upload_{{cert.Description + cert.Id}}" 50309b5da3Sbeccabroek id="upload_{{cert.Description + cert.Id}}" 51309b5da3Sbeccabroek type="file" file="cert.file" class="hide"/> 52309b5da3Sbeccabroek <span class="btn btn-secondary">Choose file</span> 53309b5da3Sbeccabroek </label> 54309b5da3Sbeccabroek </div> 55309b5da3Sbeccabroek <div class="small-6 column"> 56309b5da3Sbeccabroek <span ng-if="!cert.file">No file selected</span> 57309b5da3Sbeccabroek <span>{{cert.file.name}}</span> 58309b5da3Sbeccabroek <button type="button" ng-if="cert.file.name" ng-click="cert.file = '';"> 59309b5da3Sbeccabroek <icon file="icon-close.svg"></icon> 60309b5da3Sbeccabroek </button> 61309b5da3Sbeccabroek </div> 62309b5da3Sbeccabroek <div class="small-3 column"> 63309b5da3Sbeccabroek <button type="button" ng-class="{disabled:!cert.file}" 64309b5da3Sbeccabroek class="btn btn-primary" 65309b5da3Sbeccabroek ng-click="replaceCertificate(cert)">Replace</button> 66309b5da3Sbeccabroek </div> 67309b5da3Sbeccabroek </div> 68309b5da3Sbeccabroek </div> 69309b5da3Sbeccabroek</div>
