64 lines
2.6 KiB
HTML
64 lines
2.6 KiB
HTML
<h2>
|
|
Tunnels
|
|
</h2>
|
|
|
|
<table class="table table-striped table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th>Token</th>
|
|
<th>Dernière utilisation</th>
|
|
<th>Clef publique</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="tunnel in tunnels" ng-class="{'bg-success': tunnel.dump}">
|
|
<td><code>{{ tunnel.TokenText }}</code></td>
|
|
<td>{{ tunnel.Time | date:"medium" }}</td>
|
|
<td><code ng-show="tunnel.PubKey">{{ tunnel.PubKey }}</code><span ng-show="!tunnel.PubKey">(none)</span></td>
|
|
<td>
|
|
<span class="badge" ng-class="{'badge-success': tunnel.Dump, 'badge-danger': !tunnel.Dump}">💻</span>
|
|
</td>
|
|
<td>
|
|
<button class="btn btn-danger" ng-click="dropTunnel(tunnel)" disabled>
|
|
<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true" ng-show="tunnel.pleaseWaitDrop"></span>
|
|
Révoquer
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td colspan="4">
|
|
<button class="btn btn-primary" ng-click="newTunnel()">
|
|
<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true" ng-show="pleaseWaitNew"></span>
|
|
Nouveau tunnel
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
|
|
<div class="card-deck mb-4">
|
|
<div class="card">
|
|
<h4 class="card-header">Paramètres du tunnel</h4>
|
|
<ul class="list-group list-group-flush">
|
|
<li class="list-group-item"><strong>Statut :</strong> {{ wginfo.status }}</li>
|
|
<li class="list-group-item"><strong>Clef publique du serveur :</strong> <code>{{ wginfo.srv_pubkey }}</code></li>
|
|
<li class="list-group-item"><strong>Port d'écoute du serveur :</strong> {{ wginfo.srv_port }}</li>
|
|
<li class="list-group-item"><strong>Adresse IPv6 du tunnel :</strong> {{ wginfo.clt_ipv6 }}/{{ wginfo.clt_range }}</li>
|
|
<li class="list-group-item"><strong>Gateway/passerelle IPv6 :</strong> {{ wginfo.srv_gw6 }}</li>
|
|
</ul>
|
|
</div>
|
|
<div class="card" ng-repeat="tunnel in tunnels" ng-if="tunnel.Dump">
|
|
<h4 class="card-header">État de mon tunnel</h4>
|
|
<ul class="list-group list-group-flush">
|
|
<li class="list-group-item"><strong>Clef publique pair :</strong> <code>{{ tunnel.Dump.PubKey }}</code></li>
|
|
<li class="list-group-item"><strong>Pre-Shared Key :</strong> {{ tunnel.Dump.PSK }}</li>
|
|
<li class="list-group-item"><strong>Endpoint :</strong> {{ tunnel.Dump.Endpoint }}</li>
|
|
<li class="list-group-item"><strong>Dernier Handshake :</strong> {{ tunnel.Dump.LastHandS }}</li>
|
|
<li class="list-group-item"><strong>TX/RX :</strong> {{ tunnel.Dump.TX }} B / {{ tunnel.Dump.RX }} B</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|