Initial Awawawa

web/patchbay_web/templates/services.html

@@ -0,0 +1,38 @@
+{% extends "base.html" %}
+{% block title %}Services{% endblock %}
+{% block content %}
+<div class="page-head">
+  <h1>Services</h1>
+  <button type="button" class="btn" id="refresh-services">Refresh now</button>
+</div>
+{% if not daemon_ok %}<div class="flash error">patchbayd is not reachable; showing the last reported data.</div>{% endif %}
+<p class="muted">Listening TCP ports and bound UDP ports on every host, with the process that owns them. Clients report every few seconds while connected.</p>
+{% for h in hosts %}
+<section class="card">
+  <h2><span class="dot {{ 'on' if h.online else 'off' }}" title="{{ 'online' if h.online else 'offline' }}"></span>{{ h.name }}</h2>
+  {% if h.ifaces %}
+  <p class="small">Tunnel interfaces:
+    {% for i in h.ifaces %}<span class="mono">{{ i.name }}</span>{% if i.addr != '-' %} <span class="muted mono">{{ i.addr }}</span>{% endif %}{{ ', ' if not loop.last }}{% endfor %}
+  </p>
+  {% endif %}
+  {% if h.services %}
+  <table class="grid">
+    <thead><tr><th>Proto</th><th>Address</th><th class="num">Port</th><th>Process</th><th class="num">PID</th></tr></thead>
+    <tbody>
+    {% for s in h.services %}
+      <tr><td>{{ s.proto | upper }}</td><td class="mono">{{ s.addr }}</td><td class="num mono">{{ s.port }}</td>
+          <td>{{ s.process }}</td><td class="num mono">{{ s.pid or '-' }}</td></tr>
+    {% endfor %}
+    </tbody>
+  </table>
+  <p class="muted small" data-ts="{{ h.updated }}">Updated <span class="ts"></span></p>
+  {% else %}
+  <p class="muted">No data reported yet.</p>
+  {% endif %}
+</section>
+{% endfor %}
+{% endblock %}
+{% block scripts %}
+<script src="{{ url_for('static', filename='common.js') }}"></script>
+<script src="{{ url_for('static', filename='services.js') }}"></script>
+{% endblock %}