1*309b5da3Sbeccabroek<div class="table__row-value row column"> 2*309b5da3Sbeccabroek <div class="certificate__type-cell bold"> 3*309b5da3Sbeccabroek {{cert.Description}} 4*309b5da3Sbeccabroek </div> 5*309b5da3Sbeccabroek <div class="certificate__title-inline"> 6*309b5da3Sbeccabroek Valid from: 7*309b5da3Sbeccabroek </div> 8*309b5da3Sbeccabroek <div class="certificate__date-cell"> 9*309b5da3Sbeccabroek {{cert.ValidNotBefore | localeDate}} 10*309b5da3Sbeccabroek </div> 11*309b5da3Sbeccabroek <div class="certificate__title-inline"> 12*309b5da3Sbeccabroek Valid until: 13*309b5da3Sbeccabroek </div> 14*309b5da3Sbeccabroek <div class="certificate__status-cell"> 15*309b5da3Sbeccabroek <span class="inline" 16*309b5da3Sbeccabroek ng-class="{'icon__warning' : cert.isExpiring , 'icon__critical' : cert.isExpired}" 17*309b5da3Sbeccabroek ng-if="cert.isExpired || cert.isExpiring"></span> 18*309b5da3Sbeccabroek </div> 19*309b5da3Sbeccabroek <div class="certificate__date-cell"> 20*309b5da3Sbeccabroek {{cert.ValidNotAfter | localeDate}} 21*309b5da3Sbeccabroek </div> 22*309b5da3Sbeccabroek <div class="certificate__buttons-cell"> 23*309b5da3Sbeccabroek <button type="button" class="btn btn-tertiary certificate__button"> 24*309b5da3Sbeccabroek <icon file="icon-replace.svg" ng-click="cert.upload = true" 25*309b5da3Sbeccabroek aria-label="Replace certificate"></icon> 26*309b5da3Sbeccabroek </button> 27*309b5da3Sbeccabroek </div> 28*309b5da3Sbeccabroek <div ng-show="cert.upload === true" class="upload__certificate"> 29*309b5da3Sbeccabroek <div class="certificate__upload-chooser row"> 30*309b5da3Sbeccabroek <div class="small-1 column"> 31*309b5da3Sbeccabroek <button type="button"> 32*309b5da3Sbeccabroek <icon file="icon-close.svg" ng-click="cert.upload=false"></icon> 33*309b5da3Sbeccabroek </button> 34*309b5da3Sbeccabroek </div> 35*309b5da3Sbeccabroek <div class="small-2 column"> 36*309b5da3Sbeccabroek <label for='upload_{{cert.Description + cert.Id}}'> 37*309b5da3Sbeccabroek <input name="upload_{{cert.Description + cert.Id}}" 38*309b5da3Sbeccabroek id="upload_{{cert.Description + cert.Id}}" 39*309b5da3Sbeccabroek type="file" file="cert.file" class="hide"/> 40*309b5da3Sbeccabroek <span class="btn btn-secondary">Choose file</span> 41*309b5da3Sbeccabroek </label> 42*309b5da3Sbeccabroek </div> 43*309b5da3Sbeccabroek <div class="small-6 column"> 44*309b5da3Sbeccabroek <span ng-if="!cert.file">No file selected</span> 45*309b5da3Sbeccabroek <span>{{cert.file.name}}</span> 46*309b5da3Sbeccabroek <button type="button" ng-if="cert.file.name" ng-click="cert.file = '';"> 47*309b5da3Sbeccabroek <icon file="icon-close.svg"></icon> 48*309b5da3Sbeccabroek </button> 49*309b5da3Sbeccabroek </div> 50*309b5da3Sbeccabroek <div class="small-3 column"> 51*309b5da3Sbeccabroek <button type="button" ng-class="{disabled:!cert.file}" 52*309b5da3Sbeccabroek class="btn btn-primary" 53*309b5da3Sbeccabroek ng-click="replaceCertificate(cert)">Replace</button> 54*309b5da3Sbeccabroek </div> 55*309b5da3Sbeccabroek </div> 56*309b5da3Sbeccabroek </div> 57*309b5da3Sbeccabroek</div>
