From f30666c74f29af8bd714f451e045187e34d7929f Mon Sep 17 00:00:00 2001 From: s-ol Date: Wed, 14 Nov 2018 19:29:40 +1100 Subject: update mmm.component docs --- .../simple_counter/text$lua -> mmm$component.lua | 18 ++++++++++++++++++ .../text$moonscript -> mmm$component.moon | 12 ++++++++++++ 2 files changed, 30 insertions(+) create mode 100644 root/meta/mmm.component/simple_counter/text$lua -> mmm$component.lua create mode 100644 root/meta/mmm.component/simple_counter/text$moonscript -> mmm$component.moon (limited to 'root/meta/mmm.component/simple_counter') diff --git a/root/meta/mmm.component/simple_counter/text$lua -> mmm$component.lua b/root/meta/mmm.component/simple_counter/text$lua -> mmm$component.lua new file mode 100644 index 0000000..6912f02 --- /dev/null +++ b/root/meta/mmm.component/simple_counter/text$lua -> mmm$component.lua @@ -0,0 +1,18 @@ +local comp = require 'mmm.component' +local div, button = comp.elements.div, comp.elements.button + +local count = comp.ReactiveVar(0) + +return div { + button { + '-', + onclick = function () count:set(count:get() - 1) end + }, + " count is: ", + count:map(comp.text), + " ", + button { + '+', + onclick = function () count:set(count:get() + 1) end + }, +} diff --git a/root/meta/mmm.component/simple_counter/text$moonscript -> mmm$component.moon b/root/meta/mmm.component/simple_counter/text$moonscript -> mmm$component.moon new file mode 100644 index 0000000..0c40f7a --- /dev/null +++ b/root/meta/mmm.component/simple_counter/text$moonscript -> mmm$component.moon @@ -0,0 +1,12 @@ +import ReactiveVar, text, elements from require 'mmm.component' +import div, button from elements + +count = ReactiveVar 0 + +div { + button '-', onclick: () -> count\transform (c) -> c - 1 + " count is: " + count\map text + " " + button '+', onclick: () -> count\transform (c) -> c + 1 +} -- cgit v1.2.3