// ==UserScript==
// @name WThermostatBeca helper
// @namespace marcuson
// @description Helpers for WThermostatBeca.
// @match *://*/thermostat_schedules
// @version 1.1.4
// @author marcuson
// @license GPL-3.0-or-later
// @supportURL https://github.com/marcuson/WThermostatBeca-helpers/issues
// @homepageURL https://github.com/marcuson/WThermostatBeca-helpers
// @require https://cdn.jsdelivr.net/combine/npm/@violentmonkey/dom@2,npm/@violentmonkey/[email protected]
// @grant GM.addStyle
// @grant GM.getValue
// @grant GM.setValue
// ==/UserScript==
(function () {
'use strict';
var css_248z = "";
var styles = {"btnContainer":"style-module_btnContainer__P6fk3","btnGrouper":"style-module_btnGrouper__6lr6j","btnSpacer":"style-module_btnSpacer__s-37w","btn":"style-module_btn__Bc4TY","small":"style-module_small__KjQen","mr":"style-module_mr__yG-cJ","error":"style-module_error__ABgWN","warning":"style-module_warning__nASzn","success":"style-module_success__ZG5Xf"};
var stylesheet=".style-module_btnContainer__P6fk3{display:flex;justify-content:space-around}.style-module_btnGrouper__6lr6j{display:flex;flex-grow:1;justify-content:space-between}.style-module_btnSpacer__s-37w{margin:0 20px}.style-module_btn__Bc4TY{cursor:pointer;padding-left:20px;padding-right:20px;width:auto}.style-module_btn__Bc4TY.style-module_small__KjQen{font-size:.8rem;height:auto;line-height:normal;padding-left:5px;padding-right:5px}.style-module_btn__Bc4TY.style-module_small__KjQen.style-module_mr__yG-cJ{margin-right:5px}.style-module_error__ABgWN{color:red}.style-module_warning__nASzn{color:orange}.style-module_success__ZG5Xf{color:green}";
function _extends() {
_extends = Object.assign ? Object.assign.bind() : function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};
return _extends.apply(this, arguments);
}
function toast(type, msg, options) {
const clz = styles[type];
const st = [(options == null ? void 0 : options.style) || '', css_248z, stylesheet].join('\n');
return VM.showToast(VM.h("div", {
class: clz
}, VM.h("p", null, msg)), _extends({}, options, {
style: st
}));
}
function downloadObjectAsJson(exportObj, exportName) {
const dataStr = 'data:text/json;charset=utf-8,' + encodeURIComponent(JSON.stringify(exportObj));
const downloadAnchorNode = document.createElement('a');
downloadAnchorNode.setAttribute('href', dataStr);
downloadAnchorNode.setAttribute('download', exportName + '.json');
document.body.appendChild(downloadAnchorNode); // required for firefox
downloadAnchorNode.click();
downloadAnchorNode.remove();
}
async function askFileToRead() {
const input = document.createElement('input');
input.type = 'file';
const prom = new Promise((res, rej) => {
input.onchange = () => {
const file = input.files[0];
const reader = new FileReader();
reader.readAsText(file, 'UTF-8');
reader.onload = readerEvent => {
const content = readerEvent.target.result;
res(content);
};
reader.onerror = err => {
rej(err);
};
};
});
input.setAttribute('style', 'display:none;');
document.body.appendChild(input); // required for firefox
input.click();
const res = await prom;
input.remove();
return res;
}
function strReplaceAt(str, index, replacement) {
return str.substring(0, index) + replacement + str.substring(index + replacement.length);
}
const WORKDAY_PREFIX = 'w';
const DAYOFF1_PREFIX = 'a';
const DAYOFF2_PREFIX = 'u';
const TIME_SUFFIX = 'h';
const TEMP_SUFFIX = 't';
let copiedData = undefined;
function createCopyBtn(fn) {
return createSmallBtn('Copy', true, fn);
}
function createPasteBtn(fn) {
return createSmallBtn('Paste', false, fn);
}
function createSmallBtn(text, withMarginRight, fn) {
const classes = [styles.btn, styles.small];
if (withMarginRight) {
classes.push(styles.mr);
}
return VM.m(VM.h("button", {
class: classes.join(' '),
onclick: fn
}, text));
}
function addBtnsTableHeaders(copyBtn, pasteBtn, elem) {
elem.textContent = elem.textContent + ' ';
elem.appendChild(copyBtn);
elem.appendChild(pasteBtn);
}
function addButtons() {
const saveAndRestoreDefaultsBtn = VM.m(VM.h("div", {
class: styles.btnContainer
}, VM.h("span", {
class: styles.btnGrouper
}, VM.h("button", {
class: styles.btn,
onclick: saveDefaults
}, "Save current as defaults"), VM.h("button", {
class: styles.btn,
onclick: restoreDefaults
}, "Restore defaults")), VM.h("hr", {
class: styles.btnSpacer
}), VM.h("span", {
class: styles.btnGrouper
}, VM.h("button", {
class: styles.btn,
onclick: exportData
}, "Export"), VM.h("button", {
class: styles.btn,
onclick: importData
}, "Import"))));
document.querySelector('table.settingstable').before(saveAndRestoreDefaultsBtn);
const copyWorkDayBtn = createCopyBtn(copyDataFn(WORKDAY_PREFIX));
const pasteWorkDayBtn = createPasteBtn(pasteDataFn(WORKDAY_PREFIX));
addBtnsTableHeaders(copyWorkDayBtn, pasteWorkDayBtn, document.querySelector('table.settingstable thead th:nth-child(2)'));
const copyDayOff1Btn = createCopyBtn(copyDataFn(DAYOFF1_PREFIX));
const pasteDayOff1Btn = createPasteBtn(pasteDataFn(DAYOFF1_PREFIX));
addBtnsTableHeaders(copyDayOff1Btn, pasteDayOff1Btn, document.querySelector('table.settingstable thead th:nth-child(3)'));
const copyDayOff2Btn = createCopyBtn(copyDataFn(DAYOFF2_PREFIX));
const pasteDayOff2Btn = createPasteBtn(pasteDataFn(DAYOFF2_PREFIX));
addBtnsTableHeaders(copyDayOff2Btn, pasteDayOff2Btn, document.querySelector('table.settingstable thead th:nth-child(4)'));
}
async function saveDefaults(e) {
e.preventDefault();
console.info('Saving current data as default values...');
const slots = readInputIntoSlots();
console.debug('Slots read:', slots);
await GM.setValue(getDefaultsValueKey(), slots);
toast('success', 'Current values saved as defaults.');
}
async function restoreDefaults(e) {
e.preventDefault();
console.info('Restoring default values...');
const slots = await GM.getValue(getDefaultsValueKey(), undefined);
if (!slots) {
toast('error', 'Default values not found, save them first!');
return;
}
writeSlotIntoInputs(slots);
toast('success', 'Restored default values.');
}
async function exportData(e) {
e.preventDefault();
console.info('Exporting current data...');
const slots = readInputIntoSlots();
console.debug('Slots read:', slots);
downloadObjectAsJson(slots, 'wthermostatbeca-schedules');
toast('success', 'Export completed.');
}
async function importData(e) {
e.preventDefault();
console.info('Importing data...');
const slotsStr = await askFileToRead();
const slots = JSON.parse(slotsStr);
writeSlotIntoInputs(slots);
toast('success', 'Import completed.');
}
function copyDataFn(dayPrefix) {
return e => {
e.preventDefault();
copyData(dayPrefix);
};
}
function copyData(dayPrefix) {
console.info('Copying data with day prefix:', dayPrefix);
copiedData = readInputIntoSlots(dayPrefix);
console.debug('Data copied:', copiedData);
toast('success', 'Data copied.');
}
function pasteDataFn(dayPrefix) {
return e => {
e.preventDefault();
pasteData(dayPrefix);
};
}
function pasteData(dayPrefix) {
console.info('Pasting data on day prefix:', dayPrefix);
if (!copiedData) {
toast('error', 'Copy some data first!');
return;
}
const currentDayPrefix = Object.keys(copiedData)[0];
const slots = {
[dayPrefix]: JSON.parse(JSON.stringify(copiedData[currentDayPrefix]))
};
Object.keys(slots[dayPrefix]).forEach(slotIdx => {
const slot = slots[dayPrefix][slotIdx];
slot.namePrefix = strReplaceAt(slot.namePrefix, 0, dayPrefix);
});
console.debug('Pasting slots:', slots);
writeSlotIntoInputs(slots);
toast('success', 'Data pasted.');
}
function writeSlotIntoInputs(slots) {
Object.keys(slots).forEach(dayPrefix => {
const daySlots = slots[dayPrefix];
Object.keys(daySlots).forEach(slotIdx => {
const slot = daySlots[slotIdx];
const timeInput = document.querySelector(`input[name="${slot.namePrefix}${TIME_SUFFIX}"]`);
const tempInput = document.querySelector(`input[name="${slot.namePrefix}${TEMP_SUFFIX}"]`);
timeInput.value = slot.time;
tempInput.value = slot.temp;
});
});
}
function readInputIntoSlots(dayPrefixFilter) {
const inputs = document.querySelectorAll('input');
const slots = [...inputs].reduce((obj, x) => {
const dayPrefix = x.name.substring(0, 1);
if (dayPrefixFilter && dayPrefix !== dayPrefixFilter) {
return obj;
}
if (!obj[dayPrefix]) {
obj[dayPrefix] = {};
}
const daySlots = obj[dayPrefix];
const slotIdx = x.name.substring(1, 2);
const slot = daySlots[slotIdx] || {
namePrefix: x.name.substring(0, 2)
};
if (x.name.endsWith(TIME_SUFFIX)) {
slot.time = x.value;
}
if (x.name.endsWith(TEMP_SUFFIX)) {
slot.temp = x.value;
}
obj[dayPrefix][slotIdx] = slot;
return obj;
}, {});
return slots;
}
function getDefaultsValueKey() {
return document.location.origin + document.location.pathname + '/slots';
}
// import CSS
document.head.append(VM.m(VM.h("style", null, css_248z)));
document.head.append(VM.m(VM.h("style", null, stylesheet)));
// init app
addButtons();
})();
