flexible tip menu

Short Description:

Tip menu with sorting, normalization of the labels, single/multi line choice, color choice, up to 99 items

Full Description

** Configurable tip menu **

There are two levels of configuration: inside the code itself to adjust the admin panel, and the admin panel to make the menu look how you want it to.

For example, if 99 menu items are too many for you, feel free to reduce that value in the code of the app: the admin panel will be shorter as a result.

* Variables in the source code
nb_of_items: the number of configurable menu items from the admin panel
min_repeat_minutes: the minimum value for "repeat minutes" in the admin panel
max_repeat_minutes: the maximum value for "repeat minutes" in the admin panel

* Settings in the admin panel
App name: if set, this will be displayed in the chat at the top of the tip menu
Tip menu shown to: Whether to enable the tip menu at all, show it to everyone or to a subset of users
Errors shown to: either the room host or the moderators will be able to see the errors in the configuration of the app (in the chat), or nobody
Tip menu header: if set, will be displayed after the app name and before the first item
Tip menu footer: if set, will be displayed at the end of the tip menu
Inline separator: if set, the tip menu will be displayed all in one line; but if left empty, the tip menu will be multiline
Inline spacing: if the inline separator is set, the spacing can be used to separate items from each other
Background color: color of the background for the whole tip menu; this needs to be in CSS/HTML format [1]
Text color: color of the text for the whole tip menu; this needs to be in CSS/HTML format [1]
Boldness: how thick the text is, for emphasis
Menu item prefix: Prefix to all menu items; should allow for :emoticons
Menu item suffix: Suffix to all menu items; should allow for :emoticons
Menu repeat minutes: number of minutes before the menu is displayed again in the chat
Menu item display format: all subsequent menu items will be reformatted to this pattern; remember to include both {AMOUNT} and {LABEL} in there; for example you could write "{AMOUNT} tokens - {LABEL}" or "{LABEL} ({AMOUNT}tk)"; should allow for :emoticons
Sort order: in which order to sort the items (can be disabled too)
Menu item XYZ: must start with a number followed by a text label; anything else will be ignored by the app (handy to disable an item temporarily); all items are sorted by lowest to highest amount before display; should allow for :emoticons

[1] The following tool can be used to pick such a color (focus on the "HEXA" label that changes as you click on different colors):
https://developer.mozilla.org/en-US/docs /Web/CSS/CSS_Colors/Color_picker_tool