UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?

[Glasfaser]

@wszene

Fehler gefunden ... trage es oben ein :

[Wszene]

@glasfaser sagte in Material Design Widgets: Adapter Status:

@wszene

Fehler gefunden ... trage es oben ein :

Spoiler

Sehr schön das scheint es gewesen zu sein

Jetzt hat sich auch der Datenpunkt "jsonList" gefüllt
Aber die anderen 3 bleiben leer

[Glasfaser]

@wszene sagte in Material Design Widgets: Adapter Status:

Aber die anderen 3 bleiben leer

Die werden erst mit dem View gefüllt ( Auswahl .... )

[Wszene]

@glasfaser sagte in Material Design Widgets: Adapter Status:

@wszene sagte in Material Design Widgets: Adapter Status:

Aber die anderen 3 bleiben leer

Die werden erst mit dem View gefüllt ( Auswahl .... )

OK ich habe die View mal importiert aber die DPs bleiben leer ich habe die View auch aufgerufen
Muss ich irgendwo meine eigenen DPs angeben ich habe nur gefunden wo ich die JsonList einfügen muss

[Glasfaser]

@wszene

hier bei den beiden Widgets

[Wszene]

@glasfaser sagte in Material Design Widgets: Adapter Status:

@wszene

hier bei den beiden Widgets

Ja wenn ich da Filter oder Sortiere passiert leider nichts

PS:
Habe gerade im Log gesehen das er die falschen DPs ansprechen will

web.0
2022-01-28 21:03:14.802	warn	State "0_userdata.0.vis.AdapterStatus.filterMode" has no existing object, this might lead to an error in future versions

web.0
2022-01-28 21:02:49.672	warn	State "0_userdata.0.vis.AdapterStatus.sortMode" has no existing object, this might lead to an error in future versions

[Glasfaser]

@wszene

Hast du dort ... im Vis Editor bei den beiden Widgets deine Datenpunkte eingetragen !?

[Glasfaser]

@wszene sagte in Material Design Widgets: Adapter Status:

State "0_userdata.0.vis.AdapterStatus.filterMode" has no existing object, t

und genau das meinte ich !

[Wszene]

@glasfaser sagte in Material Design Widgets: Adapter Status:

@wszene sagte in Material Design Widgets: Adapter Status:

State "0_userdata.0.vis.AdapterStatus.filterMode" has no existing object, t

und genau das meinte ich !

Ja aber wo muss ich denn meinen DP im Widget einfügen

[Glasfaser]

@wszene

[Wszene]

@glasfaser
Danke jetzt geht es

Ich sollte wohl doch ins Bett gehen und morgen weiter machen
Seid 2Uhr wach dann sollte man soetwas um diese Zeit nicht mehr machen

Aber nochmal 1000Dank für deine Geduld

[ostseeskipper]

Für alle die am Anfang Probleme mit den nicht angelegten Datenpunkten haben, werden hier automatisch angelegt wenn sie noch nicht da sind. Zeilen 11 bis 17

// Skript Einstellungen *************************************************************************************************************************************************

// Imports -> müssen im Javascript Adapter unter 'Zusätzliche NPM-Module' eingetragen sein

const moment = require("moment");

const momentDurationFormatSetup = require("moment-duration-format");

// Datenpunkte anlegen falls nicht vorhanden ********************************

if ( !existsState("0_userdata.0.vis.AdapterStatus.jsonList")){createState("0_userdata.0.vis.AdapterStatus.jsonList", false, {type: 'string'})};
 
if ( !existsState("0_userdata.0.vis.AdapterStatus.restartTrigger")){createState("0_userdata.0.vis.AdapterStatus.restartTrigger", false, {type: 'string'})};
 
if ( !existsState("0_userdata.0.vis.AdapterStatus.sortMode")){createState("0_userdata.0.vis.AdapterStatus.sortMode", false, {type: 'string'})};

if ( !existsState("0_userdata.0.vis.AdapterStatus.filterMode")){createState("0_userdata.0.vis.AdapterStatus.filterMode", false, {type: 'string'})};

 

// Skript Einstellungen *************************************************************************************************************************************************

 

let dpList = '0_userdata.0.vis.AdapterStatus.jsonList';                     // Datenpunkt für IconList Widget (Typ: Zeichenkette (String))

let dpAdapterRestart = '0_userdata.0.vis.AdapterStatus.restartTrigger';     // Datenpunkt für Adapter restart (Typ: Zeichenkette (String))

 

let dpSortMode = '0_userdata.0.vis.AdapterStatus.sortMode';                 // Datenpunkt für Sortieren (Typ: Zeichenkette (String))

let dpFilterMode = '0_userdata.0.vis.AdapterStatus.filterMode';             // Datenpunkt für Filter (Typ: Zeichenkette (String))

 

let adminUpdatesList = 'admin.0.info.updatesList';                          // Datenpunkt Admin Adapter für verfübare Updates der Adapter

 

const checkInterval = 30;                                                   // Interval wie oft Status der Adapter aktualisiert werden soll (in Sekunden)

 

let sprache = 'de';                                                         // Sprache für formatierung Dauer 

let formatierungDauer = "dd[T] hh[h] mm[m]";                                // Formatierung der Dauer -> siehe momentjs library

 

let neustarten = true;                                                      // true: Adapter wird neugestartet, false: Adapter wird gestoppt oder gestartet

 

let farbeAdapterAktiv = 'green';                                            // Status Bar Farbe wenn Adapter aktiv ist

let farbeAdapterNichtAktiv = 'FireBrick';                                   // Status Bar Farbe wenn Adapter nicht aktiv ist oder Fehler vorliegt

let farbeAdapterDeaktiviert = 'darkgrey';                                   // Status Bar Farbe wenn Adapter deaktiviert ist

let farbeAdapterNichtVerbunden = 'yellow';                                  // Status Bar Farbe wenn Adapter nicht verbunden ist

let farbeAdapterZeitgesteuert = 'lightgreen';                               // Status Bar Farbe wenn Adapter zeitgesteuert ist

let farbeAdapterErweiterung = '#44739e';                                    // Status Bar Farbe wenn Adapter Erweiterung ist

let farbeAdapterSystem = '#44739e';                                         // Status Bar Farbe wenn Adapter mit System gestartet wird

 

let sortResetAfter = 120;                                                   // Sortierung nach X Sekunden auf sortReset zurücksetzen (0=deaktiviert)

let sortReset = 'memHeapUsed'                                               // Sortierung auf die zurückgesetzt werden soll

 

let filterResetAfter = 120;                                                 // Filter nach X Sekunden zurücksetzen (0=deaktiviert)

 

// **********************************************************************************************************************************************************************

 

 

// Fomate für moment Lib

moment.locale(sprache);

 

// auf .alive Änderungen hören

let aliveSelector = `[id=system.adapter.*.alive]`;

let adapterAliveList = $(aliveSelector);

if (adapterAliveList.length === 0) {

    // Fehlermeldung ausgeben, wenn selector kein result liefert

    console.error(`no result for selector '${aliveSelector}'`)

} else {

    // listener nur für Änderung bei alive

    adapterAliveList.on(adapterStatus);

}

 

// auf .connection Änderungen hören

let connectionSelector = `[id=*.info.connection]`;

let adapterConnectionList = $(connectionSelector);

if (adapterConnectionList.length === 0) {

    // Fehlermeldung ausgeben, wenn selector kein result liefert

    console.error(`no result for selector '${connectionSelector}'`)

} else {

    // listener nur für Änderung bei alive

    adapterConnectionList.on(adapterStatus);

}

 

// auf .connected Änderungen hören

let connectedSelector = `[id=system.adapter.*.connected]`;

let adapterConnectedList = $(connectedSelector);

if (adapterConnectedList.length === 0) {

    // Fehlermeldung ausgeben, wenn selector kein result liefert

    console.error(`no result for selector '${connectedSelector}'`)

} else {

    // listener nur für Änderung bei alive

    adapterConnectedList.on(adapterStatus);

}

 

// auf Änderungen der Sortieung hören

on({ id: dpSortMode, change: 'any' }, adapterStatus);

on({ id: dpSortMode, change: 'any' }, resetSort);

 

// auf Änderungen der Filter hören

on({ id: dpFilterMode, change: 'any' }, adapterStatus);

on({ id: dpFilterMode, change: 'any' }, resetFilter);

 

// Funktion adapterStatus alle x Sekunden ausführen

schedule('*/' + checkInterval + ' * * * * *', adapterStatus);

 

function adapterStatus() {

    // Funktion um Status der Adapter abzurufen und als JSON String für das Material Design Widget IconList aufbereiten

    try {

        let adapterList = [];

        let updateList = myHelper().getStateValueIfExist(adminUpdatesList);

 

        for (var i = 0; i <= adapterAliveList.length - 1; i++) {

            let id = adapterAliveList[i].replace('.alive', '');

            let obj = getObject(adapterAliveList[i].replace('.alive', ''));

 

            let nameArray = id.replace('system.adapter.', '').split(".");

 

            let name = nameArray[0];

            name = name.charAt(0).toUpperCase() + name.slice(1);

 

            let nameWithInstance = name;

            let adapterInstance = nameArray[1];

            if (parseInt(adapterInstance) > 0) {

                nameWithInstance = name + '.' + adapterInstance;

            }

 

            let uptime = (existsState(id + '.uptime')) ? moment.duration(getState(id + '.uptime').val, 'seconds').format(formatierungDauer, 0) : '-';

            let image = (myHelper().checkCommonPropertyExist(obj, 'icon')) ? `/${nameArray[0]}.admin/${obj.common.icon}` : 'image-off-outline';

 

            let hasUpdates = updateList && updateList.includes(nameArray[0]);

            let newVersion = (hasUpdates) ? '<span class="mdi mdi-update" style="color: #ec0909;"></span>' : '';

 

            let text = `<div style="display: flex; flex-direction: row; line-height: 1.5; padding-right: 8px; align-items: center;">

                            <div style="flex: 1">${newVersion} ${nameWithInstance}</div>

                            <div style="color: grey; font-size: 12px; font-family: RobotoCondensed-LightItalic;">${myHelper().getCommonPropertyIfExist(obj, 'version', '-', 'v', '')}</div>

                        </div>`

 

            let subText = `<div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">

                                <div style="flex: 1;">CPU</div>

                                <div style="color: grey; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${myHelper().getStateValueIfExist(id + '.cpu', '-', '', ' %')}</div>

                            </div>

                            <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">

                                <div style="flex: 1;">RAM total</div>

                                <div style="color: grey; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${myHelper().getStateValueIfExist(id + '.memHeapTotal', '-', '', ' MB')}</div>

                            </div>

                            <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">

                                <div style="flex: 1;">RAM verwendet</div>

                                <div style="color: grey; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${myHelper().getStateValueIfExist(id + '.memHeapUsed', '-', '', ' MB')}</div>

                            </div>

                            <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">

                                <div style="flex: 1;">RAM reserviert</div>

                                <div style="color: grey; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${myHelper().getStateValueIfExist(id + '.memRss', '-', '', ' MB')}</div>

                            </div>

                            <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">

                                <div style="flex: 1;">Betriebszeit</div>

                                <div style="color: grey; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${uptime}</div>

                            </div>

                            <div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">

                                <div style="flex: 1;">Modus</div>

                                <div style="color: grey; font-size: 14px; font-family: RobotoCondensed-LightItalic; text-align: right;">${myHelper().getCommonPropertyIfExist(obj, 'mode', '-')}</div>

                            </div>`

 

            let statusBarColor = farbeAdapterNichtAktiv;

            let status = 3;

 

            if (myHelper().getStateValueIfExist(adapterAliveList[i]) === 'true') {

                statusBarColor = farbeAdapterAktiv;

                status = 0;

 

                if (existsState(id.replace('system.adapter.', '') + '.info.connection')) {

                    if (!getState(id.replace('system.adapter.', '') + '.info.connection').val) {

                        statusBarColor = farbeAdapterNichtVerbunden;

                        status = 4;

                    }

                } else {

                    if (myHelper().getStateValueIfExist(adapterAliveList[i].replace('.alive', '.connected')) === 'false') {

                        statusBarColor = farbeAdapterNichtVerbunden;

                        status = 4;

                    }

                }

            }

 

            if (myHelper().getCommonPropertyIfExist(obj, 'mode') === 'schedule') {

                // Adapter ist zeitgesteuert

                statusBarColor = farbeAdapterZeitgesteuert;

                status = 1;

            }

 

            if (myHelper().getCommonPropertyIfExist(obj, 'mode') === 'extension') {

                // Adapter ist Extension

                statusBarColor = farbeAdapterErweiterung;

                status = 1;

            }

 

            if (myHelper().getCommonPropertyIfExist(obj, 'mode') === 'once') {

                // Adapter wird mit System gestartet

                statusBarColor = farbeAdapterSystem;

                status = 1;

            }

 

            if (myHelper().getCommonPropertyIfExist(obj, 'enabled', false).toString() === 'false') {

                // Adapter ist deaktiviert

                statusBarColor = farbeAdapterDeaktiviert;

                status = 2;

            }

 

            adapterList.push({

                text: text,

                subText: subText,

                image: image,

                listType: "buttonState",

                objectId: dpAdapterRestart,

                buttonStateValue: id,

                statusBarColor: statusBarColor,

                showValueLabel: false,

                name: name,

                mode: myHelper().getCommonPropertyIfExist(obj, 'mode'),

                hasUpdates: hasUpdates,

                cpu: parseFloat(myHelper().getStateValueIfExist(id + '.cpu', '0')),

                memHeapTotal: parseFloat(myHelper().getStateValueIfExist(id + '.memHeapTotal', '0')),

                memHeapUsed: parseFloat(myHelper().getStateValueIfExist(id + '.memHeapUsed', '0')),

                memRss: parseFloat(myHelper().getStateValueIfExist(id + '.memRss', '0')),

                uptime: parseFloat(myHelper().getStateValueIfExist(id + '.uptime', 0)),

                status: status,

                lockEnabled: true

            })

        }

 

        let sortMode = myHelper().getStateValueIfExist(dpSortMode, 'name');

 

        if (sortMode === 'name' || sortMode === 'mode') {

            adapterList.sort(function (a, b) {

                return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;

            });

        } else if (sortMode === 'hasUpdates' || sortMode === 'cpu' || sortMode === 'memHeapTotal' || sortMode === 'memHeapUsed' || sortMode === 'memRss' || sortMode === 'uptime' || sortMode === 'status') {

            adapterList.sort(function (a, b) {

                return a[sortMode] == b[sortMode] ? 0 : +(a[sortMode] < b[sortMode]) || -1;

            });

        } else {

            // default: nach name sortieren

            sortMode = 'name'

            adapterList.sort(function (a, b) {

                return a[sortMode].toLowerCase() == b[sortMode].toLowerCase() ? 0 : +(a[sortMode].toLowerCase() > b[sortMode].toLowerCase()) || -1;

            });

        }

 

        // Filter: not connected, updates, deaktiviert, aktiviert

 

        let filterMode = myHelper().getStateValueIfExist(dpFilterMode, null);

 

        if (filterMode && filterMode !== null && filterMode !== '') {

            if (filterMode === 'hasUpdates') {

                adapterList = adapterList.filter(function (item) {

                    return item.hasUpdates === true;

                });

            } else if (filterMode === 'notConnected') {

                adapterList = adapterList.filter(function (item) {

                    return item.status === 4;

                });

            } else if (filterMode === 'deactivated') {

                adapterList = adapterList.filter(function (item) {

                    return item.status === 2;

                });

            } else if (filterMode === 'activated') {

                adapterList = adapterList.filter(function (item) {

                    return item.status <= 1;

                });

            }

        }

 

        let result = JSON.stringify(adapterList);

        if (existsState(dpList) && getState(dpList).val !== result) {

            setState(dpList, result, true);

        } else {

            setState(dpList, result, true);

        }

 

    } catch (err) {

        console.error(`[adapterStatus] error: ${err.message}, stack: ${err.stack}`);

    }

}

 

// Beim Staren des Skriptes Adapter Status abrufen

adapterStatus();

 

// Funktion um Adapter zu starten / neu starten

on({ id: dpAdapterRestart }, function (obj) {

    var adapter = getObject(obj.state.val.toString());

 

    if (neustarten) {

        if (adapter.common && adapter.common.enabled === false) {

            // Adapter deaktiviert -> starten

            adapter.common.enabled = true;

        }

    } else {

        if (adapter.common && adapter.common.enabled) {

            adapter.common.enabled = !adapter.common.enabled;

        } else {

            adapter.common.enabled = true;

        }

    }

 

    setObject(obj.state.val, adapter);

    console.log(`${obj.state.val.replace('system.adapter.', '')} neugestartet`);

});

 

 

function resetSort() {

    let sortMode = myHelper().getStateValueIfExist(dpSortMode, null);

 

    if (sortResetAfter > 0) {

        setTimeout(function () {

            if (sortMode !== null && sortMode === myHelper().getStateValueIfExist(dpSortMode, null)) {

                setState(dpSortMode, sortReset);

            }

        }, sortResetAfter * 1000);

    }

}

 

function resetFilter() {

    let filterMode = myHelper().getStateValueIfExist(dpFilterMode, null);

 

    if (filterResetAfter > 0) {

        setTimeout(function () {

            if (filterMode !== null && filterMode === myHelper().getStateValueIfExist(dpFilterMode, null)) {

                setState(dpFilterMode, '');

            }

        }, filterResetAfter * 1000);

    }

}

 

function myHelper() {

    return {

        getStateValueIfExist: function (id, nullValue = undefined, prepand = '', append = '') {

            if (existsState(id)) {

                return prepand + getState(id).val + append;

            } else {

                return nullValue;

            }

        },

        getCommonPropertyIfExist: function (object, prop, nullValue = undefined, prepand = '', append = '') {

            if (myHelper().checkCommonPropertyExist(object, prop)) {

                return prepand + object.common[prop] + append;

            } else {

                return nullValue;

            }

        },

        checkCommonPropertyExist: function (object, prop) {

            if (object && object.common && object.common[prop]) {

                return true;

            } else {

                return false;

            }

        }

    }

}

[daes10]

@ostseeskipper Vielen Dank, hat bei mir auch gut funktioniert.

Kann mir aber jemand helfen, warum bei mir überall undefined angezeigt wird?
Hab ich eine Einstellung übersehen? Weil alle Daten werden korrekt abgefragt.

[Idefix01]

Hallöchen, ein super Script.

Nur das mit der Farbe für die Werte funktioniert bei mir nicht, diese bleibt weiterhin grau

// Imports -> müssen im Javascript Adapter unter 'Zusätzliche NPM-Module' eingetragen sein
const moment = require("moment");
const momentDurationFormatSetup = require("moment-duration-format");
 
 
// Skript Einstellungen *************************************************************************************************************************************************
 
let dpList = 'javascript.0.vis.AdapterStatus.jsonList';                     // Datenpunkt für IconList Widget (Typ: Zeichenkette (String))
let dpAdapterRestart = 'javascript.0.vis.AdapterStatus.restartTrigger';     // Datenpunkt für Adapter restart (Typ: Zeichenkette (String))
let dpSortMode = 'javascript.0.vis.AdapterStatus.sortMode';                 // Datenpunkt für Sortieren (Typ: Zeichenkette (String))
let dpFilterMode = 'javascript.0.vis.AdapterStatus.filterMode';             // Datenpunkt für Filter (Typ: Zeichenkette (String))
let adminUpdatesList = 'admin.0.info.updatesList';                     // Datenpunkt Admin Adapter für verfübare Updates der Adapter
 
const checkInterval = 30;                                                   // Interval wie oft Status der Adapter aktualisiert werden soll (in Sekunden)
 
let sprache = 'de';                                                         // Sprache für formatierung Dauer 
let formatierungDauer = "dd[T] hh[h] mm[m]";                                // Formatierung der Dauer -> siehe momentjs library
 
let neustarten = true;                                                      // true: Adapter wird neugestartet, false: Adapter wird gestoppt oder gestartet
 
let farbeAdapterAktiv = 'green';                                            // Status Bar Farbe wenn Adapter aktiv ist
let farbeAdapterNichtAktiv = 'FireBrick';                                   // Status Bar Farbe wenn Adapter nicht aktiv ist oder Fehler vorliegt
let farbeAdapterDeaktiviert = 'darkgrey';                                   // Status Bar Farbe wenn Adapter deaktiviert ist
let farbeAdapterNichtVerbunden = 'yellow';                                  // Status Bar Farbe wenn Adapter nicht verbunden ist
let farbeAdapterZeitgesteuert = 'lightgreen';                               // Status Bar Farbe wenn Adapter zeitgesteuert ist
let farbeAdapterErweiterung = '#44739e';                                    // Status Bar Farbe wenn Adapter Erweiterung ist
let farbeAdapterSystem = '#44739e';                                         // Status Bar Farbe wenn Adapter mit System gestartet wird
let farbeAdapterWerte = '#ffffff';                                       // Sekundärfarbe Adapterwerte, einer muss auskommentiert sein !

let sortResetAfter = 120;                                                   // Sortierung nach X Sekunden auf sortReset zurücksetzen (0=deaktiviert)
let sortReset = 'memHeapUsed'                                               // Sortierung auf die zurückgesetzt werden soll
 
let filterResetAfter = 120;                                                 // Filter nach X Sekunden zurücksetzen (0=deaktiviert)

[cst9]

Hi,

bei mir ist das Problem, das wenn ich die Filter über ein mobiles Gerät anwähle, wird das Bild vergrößert sprich herangezoomt. Dabei spielt es auch keine Rolle ob man es über die App oder den Browser benutzt, es wird immer komischerweise immer herangezoomt.

Hat jemand das gleiche Problem und wie kann ich das abschalten?

Schöne Grüße

[Frank579]

@scrounger Hallo ich nutze das skript jetzt schon etwas länger, echt klasse gemacht :+1: Habe kürzlich den Weatherunderground Adapter installiert, die Kachel von dem sieht irgendwiw komisch aus, Hast du oder wer anders eine Idee dazu.

Gruß Frank

[Oli]

@frank579
Wenn es dir um die Größe geht, veringere einfach mal die Anzahl, der anzuzeigenten Kacheln in der Vis

[mdumbsky]

@daes10
hast Du eine Lösung für das undefined-Problem gefunden?
Ich habe das gleiche Problem hier, obwohl die Datenpunkte in Ordnung sind und die Daten korrekt abgefragt werden...

Gruß
Michael

[Hausbaer]

Ich nutze die Ansicht über ein Pop-Up-View (vis-invetwo - Universal Switch).

Leider verschwinden die Auswahllisten für die Sortierung und die Filter hier im HIntergrund.
Lade ich die View direkt, funktionieren sie.

Welche Einstellung muss ich verändern?

[sigi234]

@hausbaer

Stell das Widget mal rein, ev. z-index verstellt?