mirror of
https://github.com/cesanta/mongoose.git
synced 2026-10-26 12:14:56 +00:00
Update help message
This commit is contained in:
Sergey Lyubka committed
1 parent
8a9b1d9873
commit
5db89aa264
2 files changed
+11
-6
No files matched your search
@@ -6,7 +6,7 @@ const DefaultUrl = location.protocol == 'https:'
|
||||
? 'wss://broker.hivemq.com:8884/mqtt'
|
||||
: 'ws://broker.hivemq.com:8000/mqtt';
|
||||
// const Delay = (ms, val) => new Promise(resolve => setTimeout(resolve, ms, val));
|
||||
const handleFetchError = r => r.ok || alert(`Error: ${r.statusText}`);
|
||||
// const handleFetchError = r => r.ok || alert(`Error: ${r.statusText}`);
|
||||
const LabelClass = 'text-sm truncate font-medium my-auto whitespace-nowrap';
|
||||
const BadgeClass = 'flex-inline text-sm rounded-md rounded px-2 py-0.5 ring-1 ring-inset';
|
||||
const InputClass = 'font-normal text-sm rounded w-full flex-1 py-0.5 px-2 text-gray-700 placeholder:text-gray-400 focus:outline-none disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-500 rounded border';
|
||||
@@ -21,21 +21,23 @@ const Colors = {
|
||||
let MqttClient;
|
||||
|
||||
const Help = () => html`
|
||||
<div class="p-2 w-96 text-slate-600 bg-slate-50 overflow-auto text-sm">
|
||||
<div>This is a simple demonstration of the functional device dashboard
|
||||
<div class="p-2 w-96 text-slate-600 bg-amber-100 overflow-auto text-sm">
|
||||
<div class="py-2">This is a simple demonstration of the functional device dashboard
|
||||
that manages a fleet of devices via an MQTT server. Source code
|
||||
is <a class="text-blue-600" href="https://github.com/cesanta/mongoose/tree/master/tutorials/mqtt/mqtt-dashboard">available on GitHub<//>.<//>
|
||||
<div class="py-1">
|
||||
is <a class="text-blue-600" href="https://github.com/cesanta/mongoose/tree/master/tutorials/mqtt/mqtt-dashboard">available on GitHub<//>.
|
||||
<//>
|
||||
<div class="py-2">
|
||||
For the sake of simplicity, this dashboard does not implement authentication.
|
||||
No external storage is used either to keep device list: for that, retained
|
||||
MQTT messages are utilised. When a device goes online, it publishes its
|
||||
state to the {root_topic}/{device_id}/status topic
|
||||
- LED status and firmware version.
|
||||
<//>
|
||||
<div class="py-1">
|
||||
<div class="py-2">
|
||||
The last will message triggers
|
||||
the "offline" message to the same topic. This is how this web page
|
||||
is able to track online/offline status of devices.
|
||||
<img src="mqtt.svg" alt="diagram" />
|
||||
<//>
|
||||
<div class="py-1">
|
||||
See developer console for the list of MQTT messages exchanged with
|
||||
|
||||
@@ -0,0 +1,3 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" style="background: transparent; background-color: transparent; color-scheme: light dark;" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="795px" height="254px" viewBox="-0.5 -0.5 795 254"><defs/><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="x1LWJCaIAcHkJaX3OmVn-16"><g><path d="M 297.25 54.5 C 252.25 54.5 241 92 277 99.5 C 241 116 281.5 152 310.75 137 C 331 167 398.5 167 421 137 C 466 137 466 107 437.88 92 C 466 62 421 32 381.63 47 C 353.5 24.5 308.5 24.5 297.25 54.5 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(213, 232, 212), rgb(31, 47, 30)); stroke: light-dark(rgb(130, 179, 102), rgb(68, 110, 44));"/></g><g><g><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 223px; height: 1px; padding-top: 92px; margin-left: 242px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font style="font-size: 15px;">MQTT server</font></div></div></div></foreignObject><text x="354" y="96" fill="light-dark(#000000, #ffffff)" font-family="Helvetica" font-size="12px" text-anchor="middle">MQTT server</text></switch></g></g></g><g data-cell-id="x1LWJCaIAcHkJaX3OmVn-20"><g><path d="M 145 27 L 245.56 58.28" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/><path d="M 250.57 59.84 L 242.84 61.1 L 245.56 58.28 L 244.92 54.41 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/></g></g><g data-cell-id="x1LWJCaIAcHkJaX3OmVn-17"><g><image x="91" y="0" width="54" height="54" xlink:href="data:image/png;base64,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 truncated
|
||||
|
After Width: | Height: | Size: 24 KiB |
Reference in new issue
Block a user