iobroker.energiefluss-erweitert/widgets/energiefluss-erweitert/js/energiefluss-erweitert.js

This ioBroker adapter is the next Version of the energiefluss with the attribute 'erweitert' and allows to display an energyflow animation inside an iframe or HTML DIV.

/*
    ioBroker.vis energiefluss-erweitert Widget-Set

    Copyright 2025 SKB-CGN
*/

'use strict';

// add translations for edit mode
$.extend(true, systemDictionary, {
    // Add your translations here, e.g.:
    energieflussErweitertInstance: {
        en: 'adapter instance',
        de: 'Adapterinstanz',
        ru: 'экземпляр адаптера',
        pt: 'instância do adaptador',
        nl: 'adapter instantie',
        fr: "instance d'adaptateur",
        it: "istanza dell'adattatore",
        es: 'instancia de adaptador',
        pl: 'instancja adaptera',
        'zh-cn': '适配器实例',
    },
});

// this code can be placed directly in energiefluss-erweitert.html
vis.binds['energiefluss-erweitert'] = {
    createWidget: function (widgetID, view, data, style) {
        const instance = data._data.energieflussErweitertInstance || '0';
        console.log(
            `${new Date().toLocaleTimeString()} energiefluss-erweitert[${widgetID}]: Trying to render widget for Instance: ${instance}`,
        );
        const $div = $(`#${widgetID}`);
        // if nothing found => wait
        if (!$div.length) {
            return setTimeout(function () {
                vis.binds['energiefluss-erweitert'].createWidget(widgetID, view, data, style);
            }, 100);
        }

        const sandbox = 'allow-forms allow-modals allow-popups allow-same-origin allow-scripts allow-top-navigation';
        const text = `<iframe class="ef-Frame" title="Energiefluss-erweitert" src="/energiefluss-erweitert/?instance=${instance}" sandbox="${sandbox}">`;

        $(`#${widgetID}`).html(text);
    },
};