<div class="row"><div class="col-md-12"><h2 class="featurette-heading">Pending Certificates <span class="text-muted"><small>Certificates that almost made it</small></span></h2><div class="panel panel-default"><div class="panel-heading"><div class="btn-group"><button ng-model="showFilter" class="btn btn-default" uib-btn-checkbox="" btn-checkbox-true="1" btn-checkbox-false="0">Filter</button></div><div class="clearfix"></div></div><div class="table-responsive"><table ng-table="pendingCertificateTable" class="table" show-filter="showFilter" template-pagination="angular/pager.html"><tbody><tr ng-class="{'even-row': $even }" ng-repeat-start="pendingCertificate in $data track by $index"><td data-title="'Id'" filter="{'id': 'text'}">{{ pendingCertificate.id }}</td><td data-title="'Name'" sortable="'name'" filter="{ 'name': 'text' }"><ul class="list-unstyled"><li>{{ pendingCertificate.name }}</li><li><span class="text-muted">{{ pendingCertificate.owner }}</span></li></ul></td><td data-title="'Notify'" filter="{ 'notify': 'select' }" filter-data="getPendingCertificateStatus()"><form><switch ng-change="updateNotify(pendingCertificate)" id="status" name="status" ng-model="pendingCertificate.notify" class="green small"></switch></form></td><td data-title="'Issuer'" sortable="'issuer'" filter="{ 'issuer': 'text' }">{{ pendingCertificate.authority.name || pendingCertificate.issuer }}</td><td data-title="'Common Name'" filter="{ 'cn': 'text'}">{{ pendingCertificate.cn }}</td><td data-title="''" style="text-align: center; vertical-align: middle;"><div class="btn-group pull-right" role="group" aria-label="..."><a class="btn btn-sm btn-primary" ui-sref="pending_certificate({name: pendingCertificate.name})">Permalink</a> <button ng-model="pendingCertificate.toggle" class="btn btn-sm btn-info" uib-btn-checkbox="" btn-checkbox-true="1" btn-checkbox-false="0">More</button><div class="btn-group" role="group"><button type="button" class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action <span class="caret"></span></button><ul class="dropdown-menu"><li><a href="" ng-click="edit(pendingCertificate.id)">Edit</a></li><li><a href="" ng-click="cancel(pendingCertificate.id)">Cancel</a></li><li><a href="" ng-click="upload(pendingCertificate.id)">Upload</a></li></ul></div></div></td></tr><tr class="warning" ng-if="pendingCertificate.toggle" ng-repeat-end=""><td colspan="12"><uib-tabset justified="true" class="col-md-8"><uib-tab><uib-tab-heading>Basic Info</uib-tab-heading><ul class="list-group"><li class="list-group-item"><strong>Creator</strong> <span class="pull-right">{{ pendingCertificate.user.email }}</span></li><li class="list-group-item"><strong>Owner</strong> <span class="pull-right">{{ pendingCertificate.owner }}</span></li><li class="list-group-item"><strong>Number of Attempts to Fetch</strong> <span class="pull-right">{{ pendingCertificate.numberAttempts }}</span></li><li class="list-group-item"><strong>Latest Status</strong> <span class="center-block">{{ pendingCertificate.status }}</span></li><li class="list-group-item"><strong>Date Created</strong> <span class="pull-right">{{ pendingCertificate.dateCreated | date:'yyyy-MM-dd HH:mm:ss Z' }}</span></li><li class="list-group-item"><strong>Description</strong><p>{{ pendingCertificate.description }}</p></li></ul></uib-tab><uib-tab><uib-tab-heading>Endpoints</uib-tab-heading><ul class="list-group"><li class="list-group-item" ng-repeat="endpoint in pendingCertificate.endpoints"><span class="pull-right"><label class="label label-default">{{ endpoint.type }}</label></span><ul class="list-unstyled"><li>{{ endpoint.name }}</li><li><span class="text-muted">{{ endpoint.dnsname }}</span></li></ul></li></ul></uib-tab><uib-tab><uib-tab-heading>Notifications</uib-tab-heading><ul class="list-group"><li class="list-group-item" ng-repeat="notification in pendingCertificate.notifications"><strong>{{ notification.label }}</strong> <span class="pull-right">{{ notification.description}}</span></li></ul></uib-tab><uib-tab><uib-tab-heading>Roles</uib-tab-heading><ul class="list-group"><li class="list-group-item" ng-repeat="role in pendingCertificate.roles"><strong>{{ role.name }}</strong> <span class="pull-right">{{ role.description}}</span></li></ul></uib-tab><uib-tab><uib-tab-heading>Destinations</uib-tab-heading><ul class="list-group"><li class="list-group-item" ng-repeat="destination in pendingCertificate.destinations"><strong>{{ destination.label }}</strong> <span class="pull-right">{{ destination.description }}</span></li></ul></uib-tab><uib-tab><uib-tab-heading>Domains</uib-tab-heading><div class="list-group"><a href="#/domains/{{ domain.id }}" class="list-group-item" ng-repeat="domain in pendingCertificate.domains">{{ domain.name }}</a></div></uib-tab><uib-tab><uib-tab-heading>Replaces</uib-tab-heading><ul class="list-group"><li class="list-group-item" ng-repeat="replaces in pendingCertificate.replaces"><strong>{{ replaces.name }}</strong><p>{{ replaces.description }}</p></li></ul></uib-tab></uib-tabset><uib-tabset justified="true" class="col-md-4"><uib-tab><uib-tab-heading>Chain <i class="glyphicon glyphicon-copy" style="cursor: pointer" clipboard="" text="pendingCertificate.chain"></i></uib-tab-heading><pre style="width: 100%">{{ pendingCertificate.chain }}</pre></uib-tab><uib-tab><uib-tab-heading>Certificate Signing Request <i class="glyphicon glyphicon-copy" style="cursor: pointer" clipboard="" text="pendingCertificate.csr"></i></uib-tab-heading><pre style="width: 100%">{{ pendingCertificate.csr }}</pre></uib-tab><uib-tab ng-click="loadPrivateKey(pendingCertificate)"><uib-tab-heading>Private Key <i class="glyphicon glyphicon-copy" style="cursor: pointer" clipboard="" text="pendingCertificate.privateKey"></i></uib-tab-heading><pre style="width: 100%">{{ pendingCertificate.privateKey }}</pre></uib-tab></uib-tabset></td></tr></tbody></table></div></div></div></div>