uwap
856aab41ad
- Tree Shaking for Icons (Closes #53) - New API for the config (See https://github.com/uwap/mqtt-control-map/wiki/Icons) - Icons can now be colored everywhere, not just on the map
698 lines
18 KiB
JavaScript
698 lines
18 KiB
JavaScript
// @flow
|
|
import type { Config } from "config/flowtypes";
|
|
import * as types from "config/types";
|
|
import { hex, rainbow } from "config/colors";
|
|
import { svg, withState } from "config/icon";
|
|
import { esper, tasmota } from "./utils";
|
|
import * as icons from "@mdi/js"
|
|
|
|
import * as onkyo from "./onkyo";
|
|
import * as olymp from "./olymp";
|
|
import * as kitchen from "./kitchen";
|
|
|
|
const config: Config = {
|
|
space: {
|
|
name: "RZL",
|
|
color: "orange",
|
|
mqtt: "ws://map.rzl.so:1884"
|
|
},
|
|
topics: [
|
|
{
|
|
ledStahltraeger: {
|
|
state: {
|
|
name: "/service/openhab/out/pca301_ledstrips/state",
|
|
type: types.option({ ON: "on", OFF: "off" })
|
|
},
|
|
command: {
|
|
name: "/service/openhab/in/pca301_ledstrips/command",
|
|
type: types.option({ on: "ON", off: "OFF" })
|
|
},
|
|
defaultValue: "off"
|
|
},
|
|
snackbarDimmmer: {
|
|
state: {
|
|
name: "/service/snackbar/Dimmer",
|
|
type: types.string
|
|
},
|
|
command: {
|
|
name: "cmnd/tasmota-snackbar/dimmer",
|
|
type: types.string
|
|
},
|
|
defaultValue: "0"
|
|
},
|
|
snackbarScheme: {
|
|
state: {
|
|
name: "/service/snackbar/Scheme",
|
|
type: types.string
|
|
},
|
|
command: {
|
|
name: "cmnd/tasmota-snackbar/scheme",
|
|
type: types.string
|
|
},
|
|
defaultValue: "0"
|
|
},
|
|
snackbarSpeed: {
|
|
state: {
|
|
name: "/service/snackbar/Speed",
|
|
type: types.string
|
|
},
|
|
command: {
|
|
name: "cmnd/tasmota-snackbar/speed",
|
|
type: types.string
|
|
},
|
|
defaultValue: "0"
|
|
},
|
|
snackbarLedOnline: {
|
|
state: {
|
|
name: "tele/tasmota-snackbar/LWT",
|
|
type: types.option({ Online: "on", online: "on",
|
|
Offline: "off", offline: "off" })
|
|
},
|
|
defaultValue: "off"
|
|
},
|
|
twinkle: {
|
|
state: {
|
|
name: "/service/openhab/out/pca301_twinkle/state",
|
|
type: types.option({ ON: "on", OFF: "off" })
|
|
},
|
|
command: {
|
|
name: "/service/openhab/in/pca301_twinkle/command",
|
|
type: types.option({ on: "ON", off: "OFF" })
|
|
},
|
|
defaultValue: "off"
|
|
},
|
|
fan: {
|
|
state: {
|
|
name: "/service/openhab/out/pca301_fan/state",
|
|
type: types.option({ ON: "on", OFF: "off" })
|
|
},
|
|
command: {
|
|
name: "/service/openhab/in/pca301_fan/command",
|
|
type: types.option({ on: "ON", off: "OFF" })
|
|
},
|
|
defaultValue: "off"
|
|
},
|
|
flyfry: {
|
|
state: {
|
|
name: "/service/openhab/out/wifi_flyfry/state",
|
|
type: types.option({ ON: "on", OFF: "off" })
|
|
},
|
|
command: {
|
|
name: "/service/openhab/in/wifi_flyfry/command",
|
|
type: types.option({ on: "ON", off: "OFF" })
|
|
},
|
|
defaultValue: "off"
|
|
},
|
|
loetarbeitsplatz4: {
|
|
state: {
|
|
name: "stat/sonoff4/POWER",
|
|
type: types.option({ ON: "on", OFF: "off" })
|
|
},
|
|
defaultValue: "off"
|
|
},
|
|
loetarbeitsplatz5: {
|
|
state: {
|
|
name: "stat/sonoff5/POWER",
|
|
type: types.option({ ON: "on", OFF: "off" })
|
|
},
|
|
defaultValue: "off"
|
|
},
|
|
doorStatus: {
|
|
state: {
|
|
name: "/service/status",
|
|
type: types.option({ "\"open\"": "on", "\"closed\"": "off" })
|
|
},
|
|
defaultValue: "off"
|
|
},
|
|
presenceStatus: {
|
|
state: {
|
|
name: "service/status/presence",
|
|
type: types.jsonArray
|
|
},
|
|
defaultValue: ""
|
|
},
|
|
devicesStatus: {
|
|
state: {
|
|
name: "/service/status/devices",
|
|
type: types.string
|
|
},
|
|
defaultValue: ""
|
|
},
|
|
powerConsumption: {
|
|
state: {
|
|
name: "/service/power/hauptraum/power",
|
|
type: (msg) =>
|
|
(Number.parseFloat(msg.toString()) / 1000).toFixed(2) + " kW"
|
|
},
|
|
defaultValue: ""
|
|
},
|
|
projector: {
|
|
state: {
|
|
name: "/service/beamer/state",
|
|
type: types.option({
|
|
START_UP: "transientOn",
|
|
START_UP_LAMP: "transientOn",
|
|
COOLING: "transientOff",
|
|
COOLING2: "transientOff",
|
|
POWER_ON: "on",
|
|
STANDBY: "off",
|
|
unknown: "unknown",
|
|
offline: "unknown"
|
|
})
|
|
},
|
|
command: {
|
|
name: "/service/beamer/command",
|
|
type: types.option({
|
|
on: "ON",
|
|
off: "OFF",
|
|
transientOff: "OFF",
|
|
transientOn: "ON",
|
|
unknown: "OFF"
|
|
})
|
|
},
|
|
defaultValue: "unknown"
|
|
},
|
|
printer3DStatus: {
|
|
state: {
|
|
name: "/service/ultimaker/state",
|
|
type: types.option({
|
|
unreachable: "unavailable",
|
|
booting: "unavailable",
|
|
"pre_print": "printing",
|
|
"post_print": "printing",
|
|
printing: "printing",
|
|
idle: "idle",
|
|
error: "error",
|
|
otherwise: "awaitingInteraction"
|
|
})
|
|
},
|
|
defaultValue: "unavailable"
|
|
},
|
|
printer3DProgresss: {
|
|
state: {
|
|
name: "/service/ultimaker/job",
|
|
type: (msg) => JSON.parse(msg.toString()).progress || "0"
|
|
},
|
|
defaultValue: "0"
|
|
},
|
|
printer3Dremaining: {
|
|
state: {
|
|
name: "/service/ultimaker/job",
|
|
type: (msg) => {
|
|
const json = JSON.parse(msg.toString());
|
|
if (!json || !json["time_elapsed"] || !json["time_total"]) {
|
|
return "unavailable";
|
|
}
|
|
const secondsLeft = json["time_total"] - json["time_elapsed"];
|
|
return new Date(secondsLeft * 1000).toISOString().substr(11, 8);
|
|
}
|
|
},
|
|
defaultValue: "unavailable"
|
|
},
|
|
nebenraumPowerStatus: {
|
|
state: {
|
|
name: "/service/nebenraum-power",
|
|
type: types.option({ ON: "on", OFF: "off" })
|
|
},
|
|
defaultValue: "off"
|
|
},
|
|
deko: {
|
|
state: {
|
|
name: "/service/deko",
|
|
type: types.option({ ON: "on", OFF: "off" })
|
|
},
|
|
command: {
|
|
name: "/service/deko/set",
|
|
type: types.option({ on: "ON", off: "OFF" })
|
|
},
|
|
defaultValue: "off"
|
|
},
|
|
whirlpoolTemperatureSetpoint: {
|
|
state: {
|
|
name: "/service/whirlpool/state",
|
|
type: types.json("temperatureSetpointC")
|
|
},
|
|
command: {
|
|
name: "/service/whirlpool/set/temperature",
|
|
type: types.string
|
|
},
|
|
defaultValue: "0"
|
|
},
|
|
whirlpoolBubbles: {
|
|
state: {
|
|
name: "/service/whirlpool/state",
|
|
type: types.json("bubbles")
|
|
},
|
|
command: {
|
|
name: "/service/whirlpool/set/bubbles",
|
|
type: types.string
|
|
},
|
|
defaultValue: "0"
|
|
},
|
|
whirlpoolTemperature: {
|
|
state: {
|
|
name: "/service/whirlpool/state",
|
|
type: types.json("waterTemperatureC")
|
|
},
|
|
defaultValue: "0"
|
|
}
|
|
},
|
|
//Tasmota-Dosen
|
|
tasmota.topics("2", "printerAnnette"),
|
|
tasmota.topics("6", "snackbar"),
|
|
tasmota.topics("7", "infoscreen"),
|
|
tasmota.topics("9", "pilze"),
|
|
|
|
esper.topics("afba40", "flyfry"),
|
|
|
|
onkyo.topics,
|
|
olymp.topics,
|
|
kitchen.topics
|
|
],
|
|
controls: {
|
|
...onkyo.controls,
|
|
...olymp.controls,
|
|
...kitchen.controls,
|
|
ledStahltrager: {
|
|
name: "LED Stahlträger",
|
|
position: [340, 590],
|
|
icon: svg(icons.mdiWhiteBalanceIridescent).color(({ledStahltraeger}) =>
|
|
ledStahltraeger === "on" ? rainbow : hex("#000000")),
|
|
ui: [
|
|
{
|
|
type: "toggle",
|
|
text: "Stahlträger LED",
|
|
topic: "ledStahltraeger",
|
|
icon: svg(icons.mdiPower)
|
|
}
|
|
]
|
|
},
|
|
snackbar: {
|
|
name: "Snackbar",
|
|
position: [510, 500],
|
|
icon: svg(icons.mdiFridge).color(
|
|
tasmota.iconColor("snackbar", hex("#E20074"))),
|
|
ui: [
|
|
{
|
|
type: "toggle",
|
|
text: "Snackbar",
|
|
topic: "snackbar",
|
|
icon: svg(icons.mdiPower)
|
|
},
|
|
{
|
|
type: "section",
|
|
text: "LED-Streifen"
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "LED-Streifen",
|
|
topic: "snackbarLedOnline",
|
|
icon: svg(icons.mdiWhiteBalanceIridescent)
|
|
},
|
|
{
|
|
type: "dropDown",
|
|
text: "Modus",
|
|
topic: "snackbarScheme",
|
|
options: {
|
|
"0": "Single Color",
|
|
"2": "Cycle RGB",
|
|
"3": "Cycle RBG",
|
|
"4": "Random cycle Random",
|
|
"6": "Incandescent Pattern",
|
|
"7": "RGB Pattern",
|
|
"8": "Christmas Pattern",
|
|
"9": "Hanukkah Pattern",
|
|
"10": "Kwanzaa Pattern",
|
|
"11": "Rainbow Pattern",
|
|
"12": "Fire Pattern"
|
|
},
|
|
icon: svg(icons.mdiCog),
|
|
enableCondition: ({ snackbarLedOnline }) => snackbarLedOnline === "on"
|
|
},
|
|
{
|
|
type: "slider",
|
|
text: "Helligkeit",
|
|
topic: "snackbarDimmmer",
|
|
min: 0,
|
|
max: 100,
|
|
icon: svg(icons.mdiBrightness7),
|
|
enableCondition: ({ snackbarLedOnline }) => snackbarLedOnline === "on"
|
|
},
|
|
{
|
|
type: "slider",
|
|
text: "Animations-Geschwindigkeit",
|
|
topic: "snackbarSpeed",
|
|
min: 0,
|
|
max: 20,
|
|
icon: svg(icons.mdiSpeedometer),
|
|
enableCondition: ({ snackbarLedOnline }) => snackbarLedOnline === "on"
|
|
}
|
|
]
|
|
},
|
|
twinkle: {
|
|
name: "Twinkle",
|
|
position: [530, 560],
|
|
icon: withState(({twinkle}) =>
|
|
twinkle === "on" ? svg(icons.mdiLedOn).flipV().color(rainbow)
|
|
: svg(icons.mdiLedOff).flipV()
|
|
),
|
|
ui: [
|
|
{
|
|
type: "toggle",
|
|
text: "Twinkle",
|
|
topic: "twinkle",
|
|
icon: svg(icons.mdiPower)
|
|
}
|
|
]
|
|
},
|
|
fan: {
|
|
name: "Ventilator",
|
|
position: [530, 440],
|
|
icon: svg(icons.mdiFan).color(({fan}) =>
|
|
fan === "on" ? hex("#00FF00") : hex("#000000")),
|
|
ui: [
|
|
{
|
|
type: "toggle",
|
|
text: "Ventilator",
|
|
topic: "fan",
|
|
icon: svg(icons.mdiPower)
|
|
}
|
|
]
|
|
},
|
|
cashdesk: {
|
|
name: "Cashdesk",
|
|
position: [510, 467],
|
|
icon: svg(icons.mdiCurrencyUsdCircle),
|
|
ui: [
|
|
{
|
|
type: "link",
|
|
link: "http://cashdesk.rzl:8000/",
|
|
text: "Open Cashdesk",
|
|
icon: svg(icons.mdiOpenInNew)
|
|
}
|
|
]
|
|
},
|
|
flyfry: {
|
|
name: "Fliegenbratgerät",
|
|
position: [450, 570],
|
|
icon: svg(icons.mdiFire).color(({flyfry}) =>
|
|
flyfry === "on" ? hex("#6666FF") : hex("#000000")),
|
|
ui: esper.statistics("flyfry", [
|
|
{
|
|
type: "toggle",
|
|
text: "Fliegenbratgerät",
|
|
topic: "flyfry",
|
|
icon: svg(icons.mdiPower)
|
|
}
|
|
])
|
|
},
|
|
projector: {
|
|
name: "Beamer",
|
|
position: [380, 590],
|
|
icon: svg(icons.mdiProjector).flipV().color(({projector}) =>
|
|
({
|
|
transientOn: hex("#b3b300"),
|
|
transientOff: hex("#b3b300"),
|
|
on: hex("#00ff00"),
|
|
off: hex("#000000"),
|
|
unknown: hex("#888888")
|
|
})[projector]),
|
|
ui: [
|
|
{
|
|
type: "toggle",
|
|
text: "Beamer",
|
|
topic: "projector",
|
|
toggled: (val) => val === "transientOn" || val === "on",
|
|
icon: svg(icons.mdiPower)
|
|
}
|
|
]
|
|
},
|
|
loetarbeitsplatz4: {
|
|
name: "Lötarbeitsplatz",
|
|
position: [205, 455],
|
|
icon: svg(icons.mdiEyedropperVariant).color(({loetarbeitsplatz4}) =>
|
|
loetarbeitsplatz4 === "on" ? hex("#FF0000") : hex("#000000")),
|
|
ui: [
|
|
{
|
|
type: "text",
|
|
text: "Status",
|
|
topic: "loetarbeitsplatz4",
|
|
icon: svg(icons.mdiEyedropperVariant)
|
|
}
|
|
]
|
|
},
|
|
loetarbeitsplatz5: {
|
|
name: "Lötarbeitsplatz",
|
|
position: [205, 405],
|
|
icon: svg(icons.mdiEyedropperVariant).color(({loetarbeitsplatz4}) =>
|
|
loetarbeitsplatz4 === "on" ? hex("#FF0000") : hex("#000000")),
|
|
ui: [
|
|
{
|
|
type: "text",
|
|
text: "Status",
|
|
topic: "loetarbeitsplatz5",
|
|
icon: svg(icons.mdiEyedropperVariant)
|
|
}
|
|
]
|
|
},
|
|
door: {
|
|
name: "Tür",
|
|
position: [455, 350],
|
|
icon: svg(icons.mdiSwapVertical).color(({doorStatus}) =>
|
|
doorStatus === "on" ? hex("#00FF00") : hex("#FF0000")),
|
|
ui: [
|
|
{
|
|
type: "link",
|
|
link: "http://s.rzl.so",
|
|
text: "Open Status Page",
|
|
icon: svg(icons.mdiOpenInNew)
|
|
},
|
|
{
|
|
type: "link",
|
|
// eslint-disable-next-line max-len
|
|
link: "http://kunterbunt.vm.rzl/dashboard/db/allgemeines-copy-ranlvor?orgId=1",
|
|
text: "RZL-Dashboard",
|
|
icon: svg(icons.mdiOpenInNew)
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Anwesend",
|
|
topic: "presenceStatus",
|
|
icon: svg(icons.mdiAccount)
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Devices",
|
|
topic: "devicesStatus",
|
|
icon: svg(icons.mdiWifi)
|
|
},
|
|
{
|
|
type: "toggle",
|
|
text: "Deko",
|
|
topic: "deko",
|
|
icon: svg(icons.mdiInvertColors)
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Power Hauptraum",
|
|
topic: "powerConsumption",
|
|
icon: svg(icons.mdiSpeedometer)
|
|
}
|
|
|
|
]
|
|
},
|
|
infoscreen: {
|
|
name: "Infoscreen",
|
|
position: [255, 495],
|
|
icon: svg(icons.mdiTelevisionGuide).flipV().color(
|
|
tasmota.iconColor("infoscreen", hex("#4444FF"))
|
|
),
|
|
ui: [
|
|
{
|
|
type: "toggle",
|
|
text: "Infoscreen",
|
|
topic: "infoscreen",
|
|
icon: svg(icons.mdiPower)
|
|
},
|
|
{
|
|
type: "link",
|
|
link: "http://cashdesk.rzl:3030/rzl",
|
|
text: "Open Infoscreen",
|
|
icon: svg(icons.mdiOpenInNew)
|
|
}
|
|
]
|
|
},
|
|
pilze: {
|
|
name: "Pilze",
|
|
position: [48, 499],
|
|
icon: withState(({pilze}) =>
|
|
pilze === "on" ? svg(icons.mdiLedOn) : svg(icons.mdiLedOff)).color(
|
|
tasmota.iconColor("pilze", rainbow)),
|
|
ui: [
|
|
{
|
|
type: "toggle",
|
|
text: "Pilze",
|
|
topic: "pilze",
|
|
icon: svg(icons.mdiPower)
|
|
}
|
|
]
|
|
},
|
|
printer3D: {
|
|
name: "Ultimaker 3",
|
|
position: [754, 560],
|
|
icon: svg(icons.mdiPrinter3d).color(({printer3DStatus}) =>
|
|
({
|
|
awaitingInteraction: hex("#b3b300"),
|
|
printing: hex("#00ff00"),
|
|
idle: hex("#000000"),
|
|
unavailable: hex("#888888"),
|
|
error: hex("#ff0000")
|
|
})[printer3DStatus]),
|
|
ui: [
|
|
{
|
|
type: "link",
|
|
link: "http://ultimaker.rzl/",
|
|
text: "Open Webinterface",
|
|
icon: svg(icons.mdiOpenInNew)
|
|
},
|
|
{
|
|
type: "section",
|
|
text: "Current Job"
|
|
},
|
|
{
|
|
type: "progress",
|
|
icon: svg(icons.mdiRotateRight),
|
|
min: 0,
|
|
max: 1,
|
|
text: "Printing Progress",
|
|
topic: "printer3DProgresss"
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Time Left",
|
|
icon: svg(icons.mdiClock),
|
|
topic: "printer3Dremaining"
|
|
}
|
|
]
|
|
},
|
|
partkeepr: {
|
|
name: "Partkeepr",
|
|
position: [48, 450],
|
|
icon: svg(icons.mdiChip),
|
|
ui: [
|
|
{
|
|
type: "link",
|
|
link: "http://partkeepr.rzl/",
|
|
text: "Open Partkeepr",
|
|
icon: svg(icons.mdiOpenInNew)
|
|
}
|
|
]
|
|
},
|
|
printerAnnette: {
|
|
name: "Drucker",
|
|
position: [800, 350],
|
|
icon: svg(icons.mdiPrinter).color(tasmota.iconColor("printerAnnette")),
|
|
ui: [
|
|
{
|
|
type: "toggle",
|
|
text: "Drucker",
|
|
topic: "printerAnnette",
|
|
icon: svg(icons.mdiPower)
|
|
},
|
|
{
|
|
type: "link",
|
|
link: "http://annette.rzl/",
|
|
text: "Open Annette",
|
|
icon: svg(icons.mdiOpenInNew)
|
|
}
|
|
]
|
|
},
|
|
nebenraumPowerStatus: {
|
|
name: "Strom Fablab",
|
|
position: [613, 537],
|
|
icon: withState(({nebenraumPowerStatus}) =>
|
|
nebenraumPowerStatus === "on" ? svg(icons.mdiFlash).color(hex("#00FF00"))
|
|
: svg(icons.mdiFlashOff)),
|
|
ui: [
|
|
{
|
|
type: "text",
|
|
icon: svg(icons.mdiPower),
|
|
text: "Strom Fablab",
|
|
topic: "nebenraumPowerStatus"
|
|
}
|
|
]
|
|
},
|
|
whirlpool: {
|
|
name: "Vorstandswhirlpool",
|
|
position: [1413, 500],
|
|
icon: svg(icons.mdiPool).color(
|
|
({whirlpoolBubbles}) =>
|
|
parseInt(whirlpoolBubbles, 10) > 0 ? hex("#00ff00") : hex("#000000")),
|
|
ui: [
|
|
{
|
|
type: "text",
|
|
icon: svg(icons.mdiOilTemperature),
|
|
text: "Temperatur",
|
|
topic: "whirlpoolTemperature"
|
|
},
|
|
{
|
|
type: "text",
|
|
icon: svg(icons.mdiOilTemperature),
|
|
text: "Temperatur Sollwert",
|
|
topic: "whirlpoolTemperatureSetpoint"
|
|
},
|
|
{
|
|
type: "slider",
|
|
min: 4,
|
|
max: 100,
|
|
text: "Temperatur Sollwert",
|
|
icon: svg(icons.mdiOilTemperature),
|
|
topic: "whirlpoolTemperatureSetpoint"
|
|
},
|
|
{
|
|
type: "slider",
|
|
min: 0,
|
|
max: 9,
|
|
text: "Bubbles",
|
|
icon: svg(icons.mdiChartBubble),
|
|
topic: "whirlpoolBubbles"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
layers: [
|
|
{
|
|
image: require("./assets/layers/rooms.svg"),
|
|
baseLayer: true,
|
|
name: "RaumZeitLabor",
|
|
defaultVisibility: "visible",
|
|
opacity: 0.7,
|
|
bounds: {
|
|
topLeft: [0, 0],
|
|
bottomRight: [1320, 720]
|
|
}
|
|
},
|
|
{
|
|
image: require("./assets/layers/details.svg"),
|
|
name: "Details",
|
|
defaultVisibility: "visible",
|
|
opacity: 0.4,
|
|
bounds: {
|
|
topLeft: [0, 0],
|
|
bottomRight: [1320, 720]
|
|
}
|
|
},
|
|
{
|
|
image: require("./assets/layers/labels.svg"),
|
|
name: "Labels",
|
|
defaultVisibility: "hidden",
|
|
opacity: 0.8,
|
|
bounds: {
|
|
topLeft: [0, 0],
|
|
bottomRight: [1320, 720]
|
|
}
|
|
}
|
|
]
|
|
};
|
|
|
|
window.config = config;
|