mirror of
https://github.com/flipperdevices/flipperzero-firmware.git
synced 2025-12-13 05:12:01 +04:00
83 lines
3.6 KiB
JavaScript
83 lines
3.6 KiB
JavaScript
// import modules
|
|
let eventLoop = require("event_loop");
|
|
let gui = require("gui");
|
|
let loadingView = require("gui/loading");
|
|
let submenuView = require("gui/submenu");
|
|
let emptyView = require("gui/empty_screen");
|
|
let textInputView = require("gui/text_input");
|
|
let textBoxView = require("gui/text_box");
|
|
let dialogView = require("gui/dialog");
|
|
let flipper = require("flipper");
|
|
|
|
// declare view instances
|
|
let views = {
|
|
loading: loadingView.make(),
|
|
empty: emptyView.make(),
|
|
keyboard: textInputView.makeWith({
|
|
header: "Enter your name",
|
|
defaultText: flipper.getName(),
|
|
defaultTextClear: true,
|
|
// Props for makeWith() are passed in reverse order, so maxLength must be after defaultText
|
|
minLength: 0,
|
|
maxLength: 32,
|
|
}),
|
|
helloDialog: dialogView.makeWith({
|
|
center: "Hi Flipper! :)",
|
|
}),
|
|
longText: textBoxView.makeWith({
|
|
text: "This is a very long string that demonstrates the TextBox view. Use the D-Pad to scroll backwards and forwards.\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse rhoncus est malesuada quam egestas ultrices. Maecenas non eros a nulla eleifend vulputate et ut risus. Quisque in mauris mattis, venenatis risus eget, aliquam diam. Fusce pretium feugiat mauris, ut faucibus ex volutpat in. Phasellus volutpat ex sed gravida consectetur. Aliquam sed lectus feugiat, tristique lectus et, bibendum lacus. Ut sit amet augue eu sapien elementum aliquam quis vitae tortor. Vestibulum quis commodo odio. In elementum fermentum massa, eu pellentesque nibh cursus at. Integer eleifend lacus nec purus elementum sodales. Nulla elementum neque urna, non vulputate massa semper sed. Fusce ut nisi vitae dui blandit congue pretium vitae turpis.",
|
|
}),
|
|
demos: submenuView.makeWith({
|
|
header: "Choose a demo",
|
|
items: [
|
|
"Hourglass screen",
|
|
"Empty screen",
|
|
"Text input & Dialog",
|
|
"Text box",
|
|
"Exit app",
|
|
],
|
|
}),
|
|
};
|
|
|
|
// demo selector
|
|
eventLoop.subscribe(views.demos.chosen, function (_sub, index, gui, eventLoop, views) {
|
|
if (index === 0) {
|
|
gui.viewDispatcher.switchTo(views.loading);
|
|
// the loading view captures all back events, preventing our navigation callback from firing
|
|
// switch to the demo chooser after a second
|
|
eventLoop.subscribe(eventLoop.timer("oneshot", 1000), function (_sub, _, gui, views) {
|
|
gui.viewDispatcher.switchTo(views.demos);
|
|
}, gui, views);
|
|
} else if (index === 1) {
|
|
gui.viewDispatcher.switchTo(views.empty);
|
|
} else if (index === 2) {
|
|
gui.viewDispatcher.switchTo(views.keyboard);
|
|
} else if (index === 3) {
|
|
gui.viewDispatcher.switchTo(views.longText);
|
|
} else if (index === 4) {
|
|
eventLoop.stop();
|
|
}
|
|
}, gui, eventLoop, views);
|
|
|
|
// say hi after keyboard input
|
|
eventLoop.subscribe(views.keyboard.input, function (_sub, name, gui, views) {
|
|
views.keyboard.set("defaultText", name); // Remember for next usage
|
|
views.helloDialog.set("text", "Hi " + name + "! :)");
|
|
gui.viewDispatcher.switchTo(views.helloDialog);
|
|
}, gui, views);
|
|
|
|
// go back after the greeting dialog
|
|
eventLoop.subscribe(views.helloDialog.input, function (_sub, button, gui, views) {
|
|
if (button === "center")
|
|
gui.viewDispatcher.switchTo(views.demos);
|
|
}, gui, views);
|
|
|
|
// go to the demo chooser screen when the back key is pressed
|
|
eventLoop.subscribe(gui.viewDispatcher.navigation, function (_sub, _, gui, views) {
|
|
gui.viewDispatcher.switchTo(views.demos);
|
|
}, gui, views);
|
|
|
|
// run UI
|
|
gui.viewDispatcher.switchTo(views.demos);
|
|
eventLoop.run();
|