mirror of
https://github.com/joBr99/nspanel-lovelace-ui.git
synced 2025-12-20 14:37: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