diff --git a/tutorials/device-dashboard/full/ai.spec.md b/tutorials/device-dashboard/full/ai.spec.md new file mode 100644 index 00000000..e0a2133e --- /dev/null +++ b/tutorials/device-dashboard/full/ai.spec.md @@ -0,0 +1,32 @@ +# Device dashboard + +This is the AI specification file for the Web device dashboard. + +## General rules + +Your goal is to produce a dashboard.c and dashboard.html files + +Fetch the initial implementation of these two files from: + +https://github.com/cesanta/mongoose/blob/master/tutorials/device-dashboard/full/dashboard.c +https://github.com/cesanta/mongoose/blob/master/tutorials/device-dashboard/full/dashboard.html + +The C API for dashboard.c is described at https://mongoose.ws/docs/api/dash/ + +The C API header file is at https://github.com/cesanta/mongoose/blob/master/src/dash.h + +The minimal reference project is at https://github.com/cesanta/mongoose/blob/master/tutorials/device-dashboard/minimal/ + +The full reference project is at https://github.com/cesanta/mongoose/blob/master/tutorials/device-dashboard/full/ + +For editing dashboard.html, use only Mongoose `data-bind` and `${...}` template syntax + +No vanilla JS event listeners, no fetch calls, no custom reactive logic. + +## dashboard.html + +Change theme to dark + +## dashboard.c + +Don't touch it diff --git a/tutorials/device-dashboard/minimal/ai.spec.md b/tutorials/device-dashboard/minimal/ai.spec.md index d5cc0e70..a90dc8e3 100644 --- a/tutorials/device-dashboard/minimal/ai.spec.md +++ b/tutorials/device-dashboard/minimal/ai.spec.md @@ -23,9 +23,7 @@ For editing dashboard.html, use only Mongoose `data-bind` and `${...}` template No vanilla JS event listeners, no fetch calls, no custom reactive logic. -## Functionality - -### LED controls +## dashboard.html On a page, create single control panel titled "LED control" @@ -33,36 +31,6 @@ On that control, add 3 LED toggles: LED1, LED2, LED3 Update Dashboard.init call accordingly. Update dashboard.c accordingly - have 3 LEDs in the "leds" data set. - -## 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