mirror of
https://github.com/joBr99/nspanel-lovelace-ui.git
synced 2025-12-20 22:47:01 +01:00
Basic Typescript for ioBroker.
This commit is contained in:
Mad-C
496
ioBroker/NsPanelTs.ts
Normal file
496
ioBroker/NsPanelTs.ts
Normal file
@@ -0,0 +1,496 @@
|
|||||||
|
type Payload = {
|
||||||
|
payload: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
type Page = {
|
||||||
|
type: string,
|
||||||
|
heading: string
|
||||||
|
}
|
||||||
|
|
||||||
|
interface PageEntities extends Page {
|
||||||
|
type: "cardEntities",
|
||||||
|
items: string[]
|
||||||
|
}
|
||||||
|
|
||||||
|
interface PageThermo extends Page {
|
||||||
|
type: "cardThermo",
|
||||||
|
item: string
|
||||||
|
}
|
||||||
|
type Config = {
|
||||||
|
panelRecvTopic: string,
|
||||||
|
panelSendTopic: string,
|
||||||
|
timeoutScreensaver: number,
|
||||||
|
dimmode: number,
|
||||||
|
//brightnessScreensaver:
|
||||||
|
locale: string,
|
||||||
|
timeFormat: string,
|
||||||
|
dateFormat: string,
|
||||||
|
weatherEntity: string | null,
|
||||||
|
temperatureUnit: string,
|
||||||
|
batEntity: string,
|
||||||
|
pvEntity: string,
|
||||||
|
pages: (PageThermo | PageEntities)[]
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
var subscriptions: any = {};
|
||||||
|
|
||||||
|
var pageId = 0;
|
||||||
|
|
||||||
|
var config: Config = {
|
||||||
|
panelRecvTopic: "mqtt.0.tele.WzDisplay.RESULT",
|
||||||
|
panelSendTopic: "mqtt.0.cmnd.WzDisplay.CustomSend",
|
||||||
|
batEntity: "alias.0.Batterie.ACTUAL",
|
||||||
|
pvEntity: "alias.0.Pv.ACTUAL",
|
||||||
|
timeoutScreensaver: 15,
|
||||||
|
dimmode: 8,
|
||||||
|
locale: "de_DE",
|
||||||
|
timeFormat: "%H:%M",
|
||||||
|
dateFormat: "%A, %d. %B %Y",
|
||||||
|
weatherEntity: "alias.0.Wetter",
|
||||||
|
|
||||||
|
temperatureUnit: "°C",
|
||||||
|
pages: [
|
||||||
|
{
|
||||||
|
"type": "cardEntities",
|
||||||
|
"heading": "Testseite",
|
||||||
|
"items": [
|
||||||
|
"alias.0.Rolladen_Eltern",
|
||||||
|
"alias.0.Erker",
|
||||||
|
"alias.0.Küche",
|
||||||
|
"alias.0.Wand"
|
||||||
|
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "cardEntities",
|
||||||
|
"heading": "Strom",
|
||||||
|
"items": [
|
||||||
|
"alias.0.Netz",
|
||||||
|
"alias.0.Hausverbrauch",
|
||||||
|
"alias.0.Pv",
|
||||||
|
"alias.0.Batterie"
|
||||||
|
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "cardThermo",
|
||||||
|
"heading": "Thermostat",
|
||||||
|
"item": "alias.0.WzNsPanel"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
};
|
||||||
|
|
||||||
|
schedule("* * * * *", function () {
|
||||||
|
SendTime();
|
||||||
|
});
|
||||||
|
schedule("0 * * * *", function () {
|
||||||
|
SendDate();
|
||||||
|
});
|
||||||
|
|
||||||
|
on([config.pvEntity, config.batEntity], function () {
|
||||||
|
HandleScreensaverUpdate();
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
on({ id: config.panelRecvTopic }, function (obj) {
|
||||||
|
if (obj.state.val.startsWith('\{"CustomRecv":')) {
|
||||||
|
var json = JSON.parse(obj.state.val);
|
||||||
|
|
||||||
|
var split = json.CustomRecv.split(",");
|
||||||
|
if (split[1] == "pageOpenDetail") {
|
||||||
|
SendToPanel(GenerateDetailPage(split[2], split[3]));
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
HandleMessage(split[0], split[1], parseInt(split[2]), split);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
function SendToPanel(val: Payload | Payload[]) {
|
||||||
|
|
||||||
|
if (Array.isArray(val)) {
|
||||||
|
val.forEach(function (id, i) {
|
||||||
|
setState(config.panelSendTopic, id.payload);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
else
|
||||||
|
setState(config.panelSendTopic, val.payload);
|
||||||
|
}
|
||||||
|
|
||||||
|
function HandleMessage(typ: string, method: string, page: number, words: Array<string>): void {
|
||||||
|
if (typ == "event") {
|
||||||
|
var pageNum = (page % config.pages.length);
|
||||||
|
pageId = Math.abs(pageNum);
|
||||||
|
|
||||||
|
if (method == 'pageOpen' || method == 'startup') {
|
||||||
|
UnsubscribeWatcher();
|
||||||
|
var retMsgs: Array<Payload> = [];
|
||||||
|
if (config.pages[pageId].type == "cardEntities") {
|
||||||
|
retMsgs = GenerateEntitiesPage(pageId, <PageEntities>config.pages[pageId])
|
||||||
|
} else if (config.pages[pageId].type == "cardThermo") {
|
||||||
|
retMsgs = GenerateThermoPage(pageId, <PageThermo>config.pages[pageId])
|
||||||
|
}
|
||||||
|
if (method == 'startup')
|
||||||
|
HandleStartupProcess();
|
||||||
|
SendToPanel(retMsgs)
|
||||||
|
}
|
||||||
|
|
||||||
|
if (method == 'buttonPress' || method == "tempUpd") {
|
||||||
|
HandleButtonEvent(words)
|
||||||
|
}
|
||||||
|
|
||||||
|
if (method == 'screensaverOpen') {
|
||||||
|
HandleScreensaver()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function HandleStartupProcess() {
|
||||||
|
SendDate();
|
||||||
|
SendTime();
|
||||||
|
SendToPanel({ payload: "timeout," + config.timeoutScreensaver });
|
||||||
|
SendToPanel({ payload: "dimmode," + config.dimmode });
|
||||||
|
}
|
||||||
|
|
||||||
|
function SendDate() {
|
||||||
|
var months = ["Jan", "Feb", "Mar", "Apr", "Mai", "Juni", "Juli", "Aug", "Sep", "Okt", "Nov", "Dez"];
|
||||||
|
var days = ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"];
|
||||||
|
var d = new Date();
|
||||||
|
var day = days[d.getDay()];
|
||||||
|
var date = d.getDate();
|
||||||
|
var month = months[d.getMonth()];
|
||||||
|
var year = d.getFullYear();
|
||||||
|
var _sendDate = "date,?" + day + " " + date + "." + month + "." + year + "";
|
||||||
|
SendToPanel(<Payload>{ payload: _sendDate });
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function SendTime() {
|
||||||
|
var d = new Date();
|
||||||
|
var hr = d.getHours().toString();
|
||||||
|
var min = d.getMinutes().toString();
|
||||||
|
|
||||||
|
if (d.getHours() < 10) {
|
||||||
|
hr = "0" + d.getHours().toString();
|
||||||
|
}
|
||||||
|
if (d.getMinutes() < 10) {
|
||||||
|
min = "0" + d.getMinutes().toString();
|
||||||
|
}
|
||||||
|
SendToPanel(<Payload>{ payload: "time," + hr + ":" + min });
|
||||||
|
}
|
||||||
|
|
||||||
|
function GenerateEntitiesPage(pageNum: number, page: PageEntities): Payload[] {
|
||||||
|
var out_msgs: Array<Payload> = [];
|
||||||
|
out_msgs = [{ payload: "pageType,cardEntities" }, { payload: "entityUpdHeading," + config.pages[pageNum].heading }]
|
||||||
|
|
||||||
|
page.items.forEach(function (id, i) {
|
||||||
|
out_msgs.push(CreateEntity(id, i + 1));
|
||||||
|
})
|
||||||
|
return out_msgs
|
||||||
|
}
|
||||||
|
|
||||||
|
function CreateEntity(id: string, placeId: number): Payload {
|
||||||
|
var type = "delete"
|
||||||
|
var iconId = 0
|
||||||
|
var name = "FriendlyName"
|
||||||
|
if (id == "delete") {
|
||||||
|
return { payload: "entityUpd," + placeId + "," + type };
|
||||||
|
}
|
||||||
|
|
||||||
|
// case "button":
|
||||||
|
// type = "button"
|
||||||
|
// iconId = 3
|
||||||
|
// var optVal = "PRESS"
|
||||||
|
// out_msgs.push({ payload: "entityUpd," + (i + 1) + "," + type + "," + id + "," + iconId + "," + name + "," + optVal })
|
||||||
|
// break
|
||||||
|
|
||||||
|
// ioBroker
|
||||||
|
if (existsObject(id)) {
|
||||||
|
let o = getObject(id)
|
||||||
|
var val = null;
|
||||||
|
name = o.common.name.de
|
||||||
|
|
||||||
|
if (existsState(id + ".GET")) {
|
||||||
|
val = getState(id + ".GET").val;
|
||||||
|
RegisterEntityWatcher(id + ".GET", id, placeId);
|
||||||
|
}
|
||||||
|
else if (existsState(id + ".SET")) {
|
||||||
|
val = getState(id + ".SET").val;
|
||||||
|
RegisterEntityWatcher(id + ".SET", id, placeId);
|
||||||
|
}
|
||||||
|
switch (o.common.role) {
|
||||||
|
case "light":
|
||||||
|
type = "light"
|
||||||
|
iconId = 1
|
||||||
|
var optVal = "0"
|
||||||
|
if (val === true || val === "true")
|
||||||
|
optVal = "1"
|
||||||
|
return { payload: "entityUpd," + placeId + "," + type + "," + id + "," + iconId + "," + name + "," + optVal }
|
||||||
|
break
|
||||||
|
case "dimmer":
|
||||||
|
type = "light"
|
||||||
|
iconId = 1
|
||||||
|
var optVal = "0"
|
||||||
|
if (existsState(id + ".ON_ACTUAL")) {
|
||||||
|
val = getState(id + ".ON_ACTUAL").val;
|
||||||
|
RegisterEntityWatcher(id + ".ON_ACTUAL", id, placeId);
|
||||||
|
}
|
||||||
|
else if (existsState(id + ".ON_SET")) {
|
||||||
|
val = getState(id + ".ON_SET").val;
|
||||||
|
RegisterEntityWatcher(id + ".ON_SET", id, placeId);
|
||||||
|
}
|
||||||
|
if (val === true || val === "true")
|
||||||
|
optVal = "1"
|
||||||
|
return { payload: "entityUpd," + placeId + "," + type + "," + id + "," + iconId + "," + name + "," + optVal }
|
||||||
|
break
|
||||||
|
case "blind":
|
||||||
|
type = "shutter"
|
||||||
|
iconId = 0
|
||||||
|
return { payload: "entityUpd," + placeId + "," + type + "," + id + "," + iconId + "," + name }
|
||||||
|
break
|
||||||
|
case "info":
|
||||||
|
case "value.temperature":
|
||||||
|
type = "text"
|
||||||
|
|
||||||
|
var optVal = "0"
|
||||||
|
if (existsState(id + ".ON_ACTUAL")) {
|
||||||
|
optVal = getState(id + ".ON_ACTUAL").val + " " + GetUnitOfMeasurement(id + ".ON_ACTUAL");
|
||||||
|
RegisterEntityWatcher(id + ".ON_ACTUAL", id, placeId);
|
||||||
|
}
|
||||||
|
else if (existsState(id + ".ACTUAL")) {
|
||||||
|
optVal = getState(id + ".ACTUAL").val;
|
||||||
|
RegisterEntityWatcher(id + ".ACTUAL", id, placeId);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (o.common.role == "value.temperature") {
|
||||||
|
iconId = 2
|
||||||
|
optVal += config.temperatureUnit;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
optVal += GetUnitOfMeasurement(id + ".ACTUAL");
|
||||||
|
}
|
||||||
|
return { payload: "entityUpd," + placeId + "," + type + "," + id + "," + iconId + "," + name + "," + optVal }
|
||||||
|
break
|
||||||
|
default:
|
||||||
|
break
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return { payload: "entityUpd," + placeId + "," + type };
|
||||||
|
}
|
||||||
|
|
||||||
|
function RegisterEntityWatcher(id: string, entityId: string, placeId: number) {
|
||||||
|
if (subscriptions.hasOwnProperty(id)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
subscriptions[id] = (on({ id: id, change: 'any' }, function (data) {
|
||||||
|
log(CreateEntity(entityId, placeId).payload)
|
||||||
|
SendToPanel(CreateEntity(entityId, placeId));
|
||||||
|
}))
|
||||||
|
}
|
||||||
|
|
||||||
|
function GetUnitOfMeasurement(id: string): string {
|
||||||
|
if (!existsObject(id))
|
||||||
|
return "";
|
||||||
|
|
||||||
|
let obj = getObject(id);
|
||||||
|
if (typeof obj.common.unit !== 'undefined') {
|
||||||
|
return obj.common.unit
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof obj.common.alias !== 'undefined' && typeof obj.common.alias.id !== 'undefined') {
|
||||||
|
return GetUnitOfMeasurement(obj.common.alias.id);
|
||||||
|
}
|
||||||
|
return "";
|
||||||
|
}
|
||||||
|
|
||||||
|
function GenerateThermoPage(pageNum: number, page: PageThermo) {
|
||||||
|
var id = page.item
|
||||||
|
var out_msgs: Array<Payload> = [];
|
||||||
|
out_msgs.push({ payload: "pageType,cardThermo" });
|
||||||
|
|
||||||
|
// ioBroker
|
||||||
|
if (existsObject(id)) {
|
||||||
|
let o = getObject(id)
|
||||||
|
let name = o.common.name.de
|
||||||
|
let currentTemp = 0;
|
||||||
|
if (existsState(id + ".ACTUAL"))
|
||||||
|
currentTemp = parseInt(getState(id + ".ACTUAL").val) * 10;
|
||||||
|
|
||||||
|
let destTemp = 0;
|
||||||
|
if (existsState(id + ".SET"))
|
||||||
|
destTemp = parseInt(getState(id + ".SET").val) * 10;
|
||||||
|
|
||||||
|
|
||||||
|
let status = ""
|
||||||
|
if (existsState(id + ".MODE"))
|
||||||
|
status = destTemp = getState(id + ".MODE").val;
|
||||||
|
let minTemp = 180
|
||||||
|
let maxTemp = 300
|
||||||
|
let stepTemp = 5
|
||||||
|
|
||||||
|
out_msgs.push({ payload: "entityUpd," + id + "," + name + "," + currentTemp + "," + destTemp + "," + status + "," + minTemp + "," + maxTemp + "," + stepTemp })
|
||||||
|
}
|
||||||
|
|
||||||
|
return out_msgs
|
||||||
|
}
|
||||||
|
|
||||||
|
function HandleButtonEvent(words) {
|
||||||
|
var out_msgs: Array<Payload> = [];
|
||||||
|
let id = words[4]
|
||||||
|
|
||||||
|
if (words[6] == "OnOff" && existsObject(id)) {
|
||||||
|
|
||||||
|
var action = false
|
||||||
|
if (words[7] == "1")
|
||||||
|
action = true
|
||||||
|
let o = getObject(id)
|
||||||
|
switch (o.common.role) {
|
||||||
|
case "light":
|
||||||
|
setState(id + ".SET", action);
|
||||||
|
break;
|
||||||
|
case "dimmer":
|
||||||
|
if (existsState(id + ".ON_SET"))
|
||||||
|
setState(id + ".ON_SET", action);
|
||||||
|
else if (existsState(id + ".ON_ACTUAL"))
|
||||||
|
setState(id + ".ON_ACTUAL", action);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (words[6] == "up")
|
||||||
|
setState(id + ".OPEN", true)
|
||||||
|
if (words[6] == "stop")
|
||||||
|
setState(id + ".STOP", true)
|
||||||
|
if (words[6] == "down")
|
||||||
|
setState(id + ".CLOSE", true)
|
||||||
|
if (words[6] == "positionSlider")
|
||||||
|
setState(id + ".SET", parseInt(words[7]))
|
||||||
|
|
||||||
|
if (words[6] == "brightnessSlider")
|
||||||
|
if (existsState(id + ".SET"))
|
||||||
|
setState(id + ".SET", parseInt(words[7]));
|
||||||
|
else if (existsState(id + ".ACTUAL"))
|
||||||
|
setState(id + ".ACTUAL", parseInt(words[7]));
|
||||||
|
// out_msgs.push({ payload: id, action: "turn_on", domain: "lightBrightness", brightness: parseInt(words[7]) })
|
||||||
|
// if (words[6] == "colorTempSlider")
|
||||||
|
// out_msgs.push({ payload: id, action: "turn_on", domain: "lightTemperature", temperature: parseInt(words[7]) })
|
||||||
|
if (words[1] == "tempUpd") {
|
||||||
|
log(words[1] + " " + words[3])
|
||||||
|
setState(words[3] + ".SET", parseInt(words[4]) / 10)
|
||||||
|
}
|
||||||
|
return out_msgs
|
||||||
|
}
|
||||||
|
|
||||||
|
function GenerateDetailPage(type: string, entityId: string): Payload[] {
|
||||||
|
|
||||||
|
var out_msgs: Array<Payload> = [];
|
||||||
|
let id = entityId
|
||||||
|
if (existsObject(id)) {
|
||||||
|
var o = getObject(id)
|
||||||
|
var val = null;
|
||||||
|
if (type == "popupLight") {
|
||||||
|
let switchVal = "0"
|
||||||
|
if (o.common.role == "light") {
|
||||||
|
if (existsState(id + ".GET"))
|
||||||
|
val = getState(id + ".GET").val;
|
||||||
|
else if (existsState(id + ".SET"))
|
||||||
|
val = getState(id + ".SET").val;
|
||||||
|
if (val)
|
||||||
|
switchVal = "1"
|
||||||
|
|
||||||
|
out_msgs.push({ payload: "entityUpdateDetail," + switchVal + ",disable,disable,disable" })
|
||||||
|
}
|
||||||
|
|
||||||
|
if (o.common.role == "dimmer") {
|
||||||
|
if (existsState(id + ".ON_ACTUAL"))
|
||||||
|
val = getState(id + ".ON_ACTUAL").val;
|
||||||
|
else if (existsState(id + ".ON_SET"))
|
||||||
|
val = getState(id + ".ON_SET").val;
|
||||||
|
if (val === true || val === "true")
|
||||||
|
switchVal = "1"
|
||||||
|
|
||||||
|
let brightness = Math.trunc(scale(getState(id + ".ACTUAL").val, 0, 100, 0, 100))
|
||||||
|
|
||||||
|
let colortemp = "disable"
|
||||||
|
//let attr_support_color = attr.supported_color_modes
|
||||||
|
//if (attr_support_color.includes("color_temp"))
|
||||||
|
// colortemp = Math.trunc(scale(attr.color_temp, attr.min_mireds, attr.max_mireds, 0, 100))
|
||||||
|
|
||||||
|
out_msgs.push({ payload: "entityUpdateDetail," + switchVal + "," + brightness + "," + colortemp })
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
if (type == "popupShutter") {
|
||||||
|
|
||||||
|
if (existsState(id + ".ACTUAL"))
|
||||||
|
val = getState(id + ".ACTUAL").val;
|
||||||
|
else if (existsState(id + ".SET"))
|
||||||
|
val = getState(id + ".SET").val;
|
||||||
|
|
||||||
|
out_msgs.push({ payload: "entityUpdateDetail," + val })
|
||||||
|
log("entityUpdateDetail," + val)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return out_msgs
|
||||||
|
}
|
||||||
|
|
||||||
|
function scale(number, inMin, inMax, outMin, outMax) {
|
||||||
|
return (number - inMin) * (outMax - outMin) / (inMax - inMin) + outMin;
|
||||||
|
}
|
||||||
|
|
||||||
|
function UnsubscribeWatcher() {
|
||||||
|
for (const [key, value] of Object.entries(subscriptions)) {
|
||||||
|
unsubscribe(value);
|
||||||
|
delete subscriptions[key]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function HandleScreensaver() {
|
||||||
|
UnsubscribeWatcher();
|
||||||
|
HandleScreensaverUpdate();
|
||||||
|
}
|
||||||
|
|
||||||
|
function HandleScreensaverUpdate() {
|
||||||
|
if (config.weatherEntity != null && existsObject(config.weatherEntity)) {
|
||||||
|
var icon = getState(config.weatherEntity + ".ICON").val;
|
||||||
|
|
||||||
|
let temperature: string = getState(config.weatherEntity + ".TEMP").val;
|
||||||
|
let humidity = getState(config.weatherEntity + ".HUMIDITY").val;
|
||||||
|
let u1 = getState(config.batEntity).val;
|
||||||
|
let u2 = getState(config.pvEntity).val;
|
||||||
|
|
||||||
|
SendToPanel(<Payload>{ payload: "weatherUpdate,?" + GetAccuWeatherIcon(parseInt(icon)) + "?" + temperature.toString() + " " + config.temperatureUnit + "?26?" + humidity + " %?Batterie?4?" + u1 + "%?PV?23?" + u2 + "W" })
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function GetAccuWeatherIcon(icon: number): number {
|
||||||
|
switch (icon) {
|
||||||
|
case 6: // stark bewölkt
|
||||||
|
case 38:
|
||||||
|
return 12;
|
||||||
|
break;
|
||||||
|
case 1: // Sonnig
|
||||||
|
case 2:
|
||||||
|
case 3:
|
||||||
|
return 23;
|
||||||
|
case 12: // pouring
|
||||||
|
return 19;
|
||||||
|
case 18: // rainy
|
||||||
|
return 20;
|
||||||
|
case 32: // windig
|
||||||
|
return 24;
|
||||||
|
case 33: // klar
|
||||||
|
case 34:
|
||||||
|
return 17;
|
||||||
|
case 35: // partlycloudy
|
||||||
|
return 18;
|
||||||
|
case 11: // fog
|
||||||
|
return 13;
|
||||||
|
default:
|
||||||
|
return 1;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
Reference in New Issue
Block a user