diff --git a/tutorials/device-dashboard/minimal/ai.md b/tutorials/device-dashboard/minimal/ai.md new file mode 100644 index 00000000..f36167f8 --- /dev/null +++ b/tutorials/device-dashboard/minimal/ai.md @@ -0,0 +1,49 @@ +# Device dashboard + +This is the AI specification file for the Web device dashboard. + +## General rules + +Follow these sections of the guide: + - For editing HTML, https://mongoose.ws/docs/guides/web-dashboard-guide/#step-2-develop-dashboardhtml + - For editing C, https://mongoose.ws/docs/guides/web-dashboard-guide/#step-3-develop-dashboardc + +Never call Dashboard.call / Dashboard.on functions + +For editing HTML file, only Mongoose `data-bind` and `${...}` template syntax, + +No vanilla JS event listeners, no fetch calls, no custom reactive logic. + + +## dashboard.html + +Start with this empty skeleton file: + +```html + + + + + + + + + + + +``` + +Add a visually appealing toggle button - use an +for it, stylised as a toggle button. + +Add "data-bind" and "data-autosave" attributes to the toggle control +in order to bind it to the device: + +## dashboard.c + +Don't touch it