wt/mongoose
1
0 Fork 0
mirror of https://github.com/cesanta/mongoose.git synced 2026-10-20 11:19:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update downloads

Browse Source
This commit is contained in:
cpq committed 2026-05-12 13:29:04 +01:00
1 parent e56f6987f4
commit 7ab79669ef
3 files changed
+35 -31
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

tutorials/device-dashboard/minimal/dashboard.html
+6 -6
View File
@@ -40,19 +40,19 @@
<div>LED ${status.led1 ? 'ON' : 'OFF'}</div>
</section>
<div style="max-width: 40em; color: #075985; background: #e0f2fe; border: 1px solid #7dd3fc; border-radius: 0.5rem; padding: 0.75rem 0.9rem; font-size: 0.86rem; line-height: 1.55; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75); display: flex; flex-direction: column; gap: 0.5rem; ">
<div style="max-width: 45em; color: #075985; background: #e0f2fe; border: 1px solid #7dd3fc; border-radius: 0.5rem; padding: 0.75rem 0.9rem; font-size: 0.86rem; line-height: 1.55; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75); display: flex; flex-direction: column; gap: 0.5rem; ">
<div>
This toggle button is a stylised checkbox.
<code>data-bind="status.led1"</code> binds it to the device variable.
<code>data-autosave="1"</code> makes it send POST /api/status
<code>{"led1": VALUE}</code> to the device every time the user toggles the
button. On the device side, <code>sync_status()</code> is called every time
<code>data-autosave="1"</code> makes it send <code>{"led1": VALUE}</code> to the device every time the user toggles the
button. On the device side, <code>read_status()</code> or <code>write_status()</code> are called every time
the LED state is read or written.
</div>
<div style="text-align: left; margin-top: 6px;">
Open this page in two or more browser windows and see how the dashboards
stay synchronised when changes are made in any of them.
Open this page in two or more browser windows to see how
the dashboards stay synchronized when changes are made
in any of them.
</div>
<div style="text-align: left; margin-top: 6px;">