Maatma: WIP display tunnel info

This commit is contained in:
nemunaire 2019-03-26 00:17:39 +01:00
parent 6000b5dd2e
commit e9a08dde9e

View File

@ -16,6 +16,9 @@
<td><code>{{ tunnel.TokenText }}</code></td> <td><code>{{ tunnel.TokenText }}</code></td>
<td>{{ tunnel.Time | date:"medium" }}</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><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}">&#x1f4bb;</span>
</td>
<td> <td>
<button class="btn btn-danger" ng-click="dropTunnel(tunnel)" disabled> <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> <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true" ng-show="tunnel.pleaseWaitDrop"></span>
@ -36,7 +39,8 @@
</tfoot> </tfoot>
</table> </table>
<div class="card mb-4" style="margin: auto; width: 50%;"> <div class="card-deck mb-4">
<div class="card">
<h4 class="card-header">Paramètres du tunnel</h4> <h4 class="card-header">Paramètres du tunnel</h4>
<ul class="list-group list-group-flush"> <ul class="list-group list-group-flush">
<li class="list-group-item"><strong>Statut&nbsp;:</strong> {{ wginfo.status }}</li> <li class="list-group-item"><strong>Statut&nbsp;:</strong> {{ wginfo.status }}</li>
@ -45,4 +49,15 @@
<li class="list-group-item"><strong>Adresse IPv6 du tunnel&nbsp;:</strong> {{ wginfo.clt_ipv6 }}/{{ wginfo.clt_range }}</li> <li class="list-group-item"><strong>Adresse IPv6 du tunnel&nbsp;:</strong> {{ wginfo.clt_ipv6 }}/{{ wginfo.clt_range }}</li>
<li class="list-group-item"><strong>Gateway/passerelle IPv6&nbsp;:</strong> {{ wginfo.srv_gw6 }}</li> <li class="list-group-item"><strong>Gateway/passerelle IPv6&nbsp;:</strong> {{ wginfo.srv_gw6 }}</li>
</ul> </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&nbsp;:</strong> <code>{{ tunnel.Dump.PubKey }}</code></li>
<li class="list-group-item"><strong>Pre-Shared Key&nbsp;:</strong> {{ tunnel.Dump.PSK }}</li>
<li class="list-group-item"><strong>Endpoint&nbsp;:</strong> {{ tunnel.Dump.Endpoint }}</li>
<li class="list-group-item"><strong>Dernier Handshake&nbsp;:</strong> {{ tunnel.Dump.LastHandS }}</li>
<li class="list-group-item"><strong>TX/RX&nbsp;:</strong> {{ tunnel.Dump.TX }} B / {{ tunnel.Dump.RX }} B</li>
</ul>
</div>
</div> </div>