2023-03-26 00:53:39 +01:00
|
|
|
<h1 class="page-header">MQTT Overview</h1>
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-8">
|
|
|
|
|
<div class="panel panel-default drop-shadow">
|
2025-12-27 23:44:03 +01:00
|
|
|
<div class="panel-heading">Publish Data</div>
|
|
|
|
|
<div class="panel-body">
|
|
|
|
|
<form method="POST">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label for="topic">Topic:</label>
|
|
|
|
|
<input type="text" class="form-control" id="topic" name="topic">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label for="topic">Value:</label>
|
|
|
|
|
<input type="text" class="form-control" id="value" name="value">
|
|
|
|
|
</div>
|
|
|
|
|
<button type="submit" class="btn btn-primary">Submit</button>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
<div class="panel panel-default drop-shadow">
|
|
|
|
|
<div class="panel-heading">Broker Topic Data History</div>
|
2023-03-26 00:53:39 +01:00
|
|
|
<div class="panel-body">
|
|
|
|
|
<table class="table table-hover table-condensed">
|
|
|
|
|
<tr>
|
|
|
|
|
<th>Topic</th>
|
|
|
|
|
<th>Published Data</th>
|
2025-12-27 23:44:03 +01:00
|
|
|
<th>Sub-Count</th>
|
2023-03-26 00:53:39 +01:00
|
|
|
</tr>
|
|
|
|
|
{{#topics}}
|
|
|
|
|
<tr>
|
2025-12-27 23:44:03 +01:00
|
|
|
<td style="font-family:monospace;">{{.topicName}}</td>
|
|
|
|
|
<td><pre style="white-space: pre-wrap;">{{.value}}</pre></td>
|
|
|
|
|
<td>{{.getSubscriberCount()}}</td>
|
2023-03-26 00:53:39 +01:00
|
|
|
</tr>
|
|
|
|
|
{{/topics}}
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|