211 lines
10 KiB
HTML
211 lines
10 KiB
HTML
<div class="row">
|
|
<div class="col-md-12">
|
|
<h2 class="featurette-heading">Certificates
|
|
<span class="text-muted"><small>Cipher text says what?</small></span></h2>
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<div class="btn-group pull-right">
|
|
<button ng-click="create()" class="btn btn-primary">
|
|
Create
|
|
</button>
|
|
<button ng-click="import()" class="btn btn-info">
|
|
Import
|
|
</button>
|
|
</div>
|
|
<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>
|
|
<!--<select class="form-control" ng-model="show" ng-options="item.value as item.title for item in fields"></select>-->
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
<div class="table-responsive">
|
|
<table ng-table="certificateTable" class="table" show-filter="showFilter" template-pagination="angular/pager.html">
|
|
<tbody>
|
|
<tr ng-class="{'even-row': $even }" ng-repeat-start="certificate in $data track by $index">
|
|
<td data-title="'Name'" sortable="'name'" filter="{ 'name': 'text' }">
|
|
<ul class="list-unstyled">
|
|
<li>{{ certificate.name }}</li>
|
|
<li><span class="text-muted">{{ certificate.owner }}</span></li>
|
|
</ul>
|
|
</td>
|
|
<td data-title="'Active'" filter="{ 'active': 'select' }" filter-data="getCertificateStatus()">
|
|
<form>
|
|
<switch ng-change="updateActive(certificate)" id="status" name="status"
|
|
ng-model="certificate.active" class="green small"></switch>
|
|
</form>
|
|
</td>
|
|
<td data-title="'Issuer'" sortable="'issuer'" filter="{ 'issuer': 'text' }">
|
|
{{ certificate.authority.name || certificate.issuer }}
|
|
</td>
|
|
<td data-title="'Common Name'" filter="{ 'cn': 'text'}">
|
|
{{ certificate.cn }}
|
|
</td>
|
|
<td class="col-md-2" data-title="''">
|
|
<div class="btn-group pull-right">
|
|
<a class="btn btn-sm btn-default" ui-sref="certificate({name: certificate.name})">Permalink</a>
|
|
<button ng-model="certificate.toggle" class="btn btn-sm btn-info" uib-btn-checkbox btn-checkbox-true="1"
|
|
btn-checkbox-false="0">More
|
|
</button>
|
|
<button ng-click="export(certificate.id)" class="btn btn-sm btn-success">
|
|
Export
|
|
</button>
|
|
<button class="btn btn-sm btn-warning" ng-click="edit(certificate.id)">Edit</button>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="warning" ng-if="certificate.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">
|
|
{{ certificate.user.email }}
|
|
</span>
|
|
</li>
|
|
<li class="list-group-item">
|
|
<strong>Not Before</strong>
|
|
<span class="pull-right" uib-tooltip="{{ certificate.notBefore }}">
|
|
{{ momentService.createMoment(certificate.notBefore) }}
|
|
</span>
|
|
</li>
|
|
<li class="list-group-item">
|
|
<strong>Not After</strong>
|
|
<span class="pull-right" uib-tooltip="{{ certificate.notAfter }}">
|
|
{{ momentService.createMoment(certificate.notAfter) }}
|
|
</span>
|
|
</li>
|
|
<li class="list-group-item">
|
|
<strong>San</strong>
|
|
<span class="pull-right">
|
|
<i class="glyphicon glyphicon-ok" ng-if="certificate.san"></i>
|
|
<i class="glyphicon glyphicon-remove" ng-if="!certificate.san"></i>
|
|
</span>
|
|
</li>
|
|
<li class="list-group-item">
|
|
<strong>Bits</strong>
|
|
<span class="pull-right">{{ certificate.bits }}</span>
|
|
</li>
|
|
<li class="list-group-item">
|
|
<strong>Signing Algorithm</strong>
|
|
<span class="pull-right">{{ certificate.signingAlgorithm }}</span>
|
|
</li>
|
|
<li class="list-group-item">
|
|
<strong>Serial</strong>
|
|
<span class="pull-right">{{ certificate.serial }}</span>
|
|
</li>
|
|
<li
|
|
uib-tooltip="Lemur will attempt to check a certificates validity, this is used to track whether a certificate as been revoked"
|
|
class="list-group-item">
|
|
<strong>Validity</strong>
|
|
<span class="pull-right">
|
|
<span ng-if="!certificate.status" class="label label-warning">Unknown</span>
|
|
<span ng-if="certificate.status == 'revoked'" class="label label-danger">Revoked</span>
|
|
<span ng-if="certificate.status == 'valid'" class="label label-success">Valid</span>
|
|
</span>
|
|
</li>
|
|
<li class="list-group-item">
|
|
<strong>Description</strong>
|
|
<p>{{ certificate.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 certificate.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 certificate.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 certificate.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 certificate.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 certificate.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="replacement in certificate.replaces">
|
|
<strong>{{ replacement.name }}</strong>
|
|
<p>{{ replacement.description}}</p>
|
|
</li>
|
|
</ul>
|
|
</uib-tab>
|
|
</uib-tabset>
|
|
<uib-tabset justified="true" class="col-md-4">
|
|
<uib-tab>
|
|
<uib-tab-heading>
|
|
Chain
|
|
<button class="btn btn-xs btn-default clipboard-btn glyphicon glyphicon-copy"
|
|
uib-tooltip="Copy chain to clipboard" tooltip-trigger="mouseenter" clipboard
|
|
text="certificate.chain"></button>
|
|
</uib-tab-heading>
|
|
<pre style="width: 100%">{{ certificate.chain }}</pre>
|
|
</uib-tab>
|
|
<uib-tab>
|
|
<uib-tab-heading>
|
|
Public Certificate
|
|
<button class="btn btn-xs btn-default clipboard-btn glyphicon glyphicon-copy"
|
|
uib-tooltip="Copy certificate to clipboard" tooltip-trigger="mouseenter" clipboard
|
|
text="certificate.body"></button>
|
|
</uib-tab-heading>
|
|
<pre style="width: 100%">{{ certificate.body }}</pre>
|
|
</uib-tab>
|
|
<uib-tab ng-click="loadPrivateKey(certificate)">
|
|
<uib-tab-heading>
|
|
Private Key
|
|
<button class="btn btn-xs btn-default clipboard-btn glyphicon glyphicon-copy"
|
|
uib-tooltip="Copy key to clipboard" tooltip-trigger="mouseenter" clipboard
|
|
text="certificate.privateKey"></button>
|
|
</uib-tab-heading>
|
|
<pre style="width: 100%">{{ certificate.privateKey }}</pre>
|
|
</uib-tab>
|
|
</uib-tabset>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|