ausboss
ded731859c
Integer and Float get the same gear as Text, with a big look: one large centred number with its arrows, in a taller row. The Pika H3 Flex workflow uses it for Seconds. The look is kept in the node's properties (ausboss_text_look: "big"), so saved values and what the node sends don't change. A row with its own height in a look now takes that height when the look changes. Docs and changelog updated.
70 lines
2.6 KiB
JavaScript
70 lines
2.6 KiB
JavaScript
// The Text node's two looks, chosen per node from the gear on its card: the
|
|
// usual text box (the default), or "big", a word or two in large centred
|
|
// letters that are easy to spot, for a label typed over a picture. Integer
|
|
// and Float take the same two looks, kept in the same property: big is one
|
|
// large centred number, for a setting people change on every run.
|
|
//
|
|
// The choice is kept in the node's properties, so it is saved with the
|
|
// workflow and nothing else changes: the node's inputs, its saved widget
|
|
// values and the prompt it sends are the same in both looks, and a pack that
|
|
// does not know the property shows the usual box.
|
|
//
|
|
// The data and decisions only (tests/text_look.test.mjs); the card
|
|
// (js/shared/widget_card.mjs) draws the look and js/widget_cards/index.js
|
|
// puts the gear on the Text node's card.
|
|
|
|
export const TEXT_LOOK_PROPERTY = "ausboss_text_look";
|
|
export const TEXT_LOOKS = ["normal", "big"];
|
|
|
|
// The node's look: "big" only when the node says so, else "normal".
|
|
export function textLook(node) {
|
|
return node?.properties?.[TEXT_LOOK_PROPERTY] === "big" ? "big" : "normal";
|
|
}
|
|
|
|
// Keep a look on the node. The usual box leaves no property behind, so a
|
|
// node set back to it is saved exactly as one that was never changed.
|
|
export function setTextLook(node, look) {
|
|
if (!node) return "normal";
|
|
node.properties ??= {};
|
|
if (look === "big") node.properties[TEXT_LOOK_PROPERTY] = "big";
|
|
else delete node.properties[TEXT_LOOK_PROPERTY];
|
|
return textLook(node);
|
|
}
|
|
|
|
// The gear menu (js/shared/settings_menu.mjs). persist: false - the look
|
|
// belongs to this node and is never a default for new ones.
|
|
export const TEXT_LOOK_MENU = [
|
|
{
|
|
key: "look",
|
|
label: "Look",
|
|
type: "choice",
|
|
options: TEXT_LOOKS,
|
|
default: "normal",
|
|
persist: false,
|
|
hint: "How this box shows its text. Stored on this node.",
|
|
optionHints: {
|
|
normal: "the usual text box, for prompts and longer text.",
|
|
big: "large centred letters, for a word or two you want to see at a glance.",
|
|
},
|
|
},
|
|
];
|
|
|
|
// The same choice on Integer and Float, said for a number.
|
|
export const NUMBER_LOOK_MENU = [
|
|
{
|
|
...TEXT_LOOK_MENU[0],
|
|
hint: "How this box shows its number. Stored on this node.",
|
|
optionHints: {
|
|
normal: "the usual number box with its label.",
|
|
big: "one large centred number, for a setting you change on every run.",
|
|
},
|
|
},
|
|
];
|
|
|
|
// Room the gear takes from the card's control column. The usual box keeps
|
|
// the gear beside it; the big field spans the card and the gear sits in its
|
|
// top corner instead.
|
|
export function textLookCornerReserve(look) {
|
|
return look === "big" ? 0 : 30;
|
|
}
|