Test Adapter Material Design Widgets v0.2.x

[intruder7]

@Scrounger Auf die Schnelle getestet:

Fehler bisher... Sollte der Text länger als die Breite sein, schreibt er ihn über das Widget hinaus und der Bestätigungsbutton ist auch weg

Alles was an Buttons hinter dem Widget liegt ist nicht mehr bedienbar. Auch wenn keine Alerts angezeigt werden.

[Archimedeus A]

@Scrounger Danke, ich fummel mich durch!

[skokarl]

@Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

Alerts Widget ist fertig:

Um das Widget nutzen zu können, müsst ihr euch die Objekte mit javascript zusammenbauen.

Das finde ich ja mal richtig spannend.

Falls jemand hier mal ein Javascript Beispiel veröffentlichen möchte....

[darkiop]

@Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

Um das Widget nutzen zu können, müsst ihr euch die Objekte mit javascript zusammenbauen.

Hab das ganze mal versucht über Blockly zu erstellen (so baue ich mir auch die json fürs Tabellen-Widget zusammen).

Allerdings ist das Ergebnis hier ein Array, kein json - Fehler in Blockly?

[["text","we have a new message"],["text","we have a new message"],["text","we have a new message"],["text","we have a new message"],["text","we have a new message"],["text","we have a new message"]]

Edit: Dein Beispiel für den ical Adapter hilft hier weiter:
https://forum.iobroker.net/topic/26925/test-adapter-material-design-widgets-v0-2-x/582

Kann es sein, das es für Blockly push() nicht gibt?

[intruder7]

@skokarl

Hier mal ganz schnell mit dem Telegram Adapter getestet. Alles was ich an mein zuhause schicke wird dann angezeigt.

var instanz = 'javascript.0'; instanz = instanz + '.';     // Instanz fuer die Datenpunkte definieren
var pfad = 'VIS.';

var AlertText = instanz + pfad + "Alerts.AlertText";

createState(AlertText, "", { type: 'string', name: '', read: true, write: true });

let Alert = [];
on({id: 'telegram.0.communicate.request', change: 'any'}, function (obj) {
    var stateval = getState('telegram.0.communicate.request').val;              // Statevalue in Variable schreiben
    var benutzer = stateval.substring(1,stateval.indexOf("]"));                 // Benutzer aus Statevalue extrahieren
    var befehl = stateval.substring(stateval.indexOf("]")+1,stateval.length);   // Befehl/Text aus Statevalue extrahieren

        Alert.push({
            text: befehl,
            backgroundColor: '',
            borderColor: 'darkred',
            icon: 'message-alert-outline',
            iconColor: 'darkred',
            fontColor: 'blue' 
        })
 setState(AlertText, JSON.stringify(Alert), true);
 Alert = []
});     

[skokarl]

@intruder7

super, besten Dank.
Hab ich mal etwas damit ich es verstehen kann.

[Mr.Oz]

Hallo zusammen,

seit der Version 0.2.32 / 0.2.40 funktioniert das vibrieren auf Mobilgeräten nicht mehr. Muss man da noch was beachten/umstellen?

Gruß

[Scrounger]

Folgendes Skript könnt ihr euch als gobales Skript speichern

var materialDesignWidgets = {};
materialDesignWidgets.sendTo = function (id, text, backgroundColor = '', borderColor = '', icon = '', iconColor = '', fontColor = '') {
    let json = getState(id).val;

    json = JSON.parse(json);

    json.push(
        {
            text: text,
            backgroundColor: backgroundColor,
            borderColor: borderColor,
            icon: icon,
            iconColor: iconColor,
            fontColor: fontColor
        }
    )

    setState(id, JSON.stringify(json), true);
}

und dann in anderen skripten mit

materialDesignWidgets.sendTo('0_userdata.0.materialdesignwidgets.alerts.json', 'neuer Text', 'red');

neue narichten schicken.

@Mr-Oz sagte in Test Adapter Material Design Widgets v0.2.x:

seit der Version 0.2.32 / 0.2.40 funktioniert das vibrieren auf Mobilgeräten nicht mehr. Muss man da noch was beachten/umstellen?

Kann ich nicht bestätigen. Welcher Browser? Welches Widget? Was steht in der console des browsers?

@intruder7 sagte in Test Adapter Material Design Widgets v0.2.x:

Fehler bisher... Sollte der Text länger als die Breite sein, schreibt er ihn über das Widget hinaus und der Bestätigungsbutton ist auch weg
Alles was an Buttons hinter dem Widget liegt ist nicht mehr bedienbar. Auch wenn keine Alerts angezeigt werden.

Hab ich behoben. Zeilenumbruch funktioniert aber nur nach wörtern!

[sigi234]

@Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

0_userdata.0.materialdesignwidgets.alerts.json

Muss der DP angelegt werden?

[intruder7]

@Scrounger

Zeilenumbruch funktioniert. Allerdings lässt sich alles was hinter dem widget ist noch nicht bedienen. Auch wenn keine Alerts angezeigt werden

[intruder7]

@sigi234
ja das muss ein existenter DP sein

[intruder7]

@Scrounger
hab den Fehler.. Bei der Höhe war 100% eingestellt. Einfach das Feld leer lassen und er passt die Höhe automatisch an und stört oder verdeckt auch nicht mehr die darunter liegenden Elemente

[intruder7]

@Scrounger
Beim Input Widget hab ich noch eine Frage
Der Text "Bitte einen Artikel eingeben" lässt sich nicht nach rechts einrücken.

hab es hier versucht aber ohne erfolg

aber hier ist es möglich

[sigi234]

@intruder7 sagte in Test Adapter Material Design Widgets v0.2.x:

@sigi234
ja das muss ein existenter DP sein

avascript.0	2020-01-26 14:43:30.625	error	(5968) at Script.runInContext (vm.js:133:20)
javascript.0	2020-01-26 14:43:30.625	error	(5968) at script.js.Alarm.SendTo_Material_Vis:1:23
javascript.0	2020-01-26 14:43:30.625	error	(5968) at Object.materialDesignWidgets.sendTo (script.js.Alarm.SendTo_Material_Vis:85:10)
javascript.0	2020-01-26 14:43:30.625	error	(5968) TypeError: json.push is not a function
javascript.0	2020-01-26 14:43:30.625	error	(5968) ^
javascript.0	2020-01-26 14:43:30.625	error	(5968) json.push(
javascript.0	2020-01-26 14:43:30.624	error	(5968) script.js.Alarm.SendTo_Material_Vis: script.js.Alarm.SendTo_Material_Vis:85

[intruder7]

@sigi234 zeig mal dein skript

[intruder7]

@sigi234
und ganz wichtig... das Script von scrounger muss unbedingt unter global sein. Verändern brauchst du da nichts.

[Scrounger]

@intruder7 sagte in Test Adapter Material Design Widgets v0.2.x:

@Scrounger
hab den Fehler.. Bei der Höhe war 100% eingestellt. Einfach das Feld leer lassen und er passt die Höhe automatisch an und stört oder verdeckt auch nicht mehr die darunter liegenden Elemente

Auch ne Möglichkeit, aber das geht inzwischen auch wenns drüber liegt.

@intruder7 sagte in Test Adapter Material Design Widgets v0.2.x:

@Scrounger
Beim Input Widget hab ich noch eine Frage
Der Text "Bitte einen Artikel eingeben" lässt sich nicht nach rechts einrücken.

hab es hier versucht aber ohne erfolg

Stimmt, da ist noch nen fehler im styling drin.

[Scrounger]

@sigi234 sagte in Test Adapter Material Design Widgets v0.2.x:

avascript.0	2020-01-26 14:43:30.625	error	(5968) at Script.runInContext (vm.js:133:20)
javascript.0	2020-01-26 14:43:30.625	error	(5968) at script.js.Alarm.SendTo_Material_Vis:1:23
javascript.0	2020-01-26 14:43:30.625	error	(5968) at Object.materialDesignWidgets.sendTo (script.js.Alarm.SendTo_Material_Vis:85:10)
javascript.0	2020-01-26 14:43:30.625	error	(5968) TypeError: json.push is not a function
javascript.0	2020-01-26 14:43:30.625	error	(5968) ^
javascript.0	2020-01-26 14:43:30.625	error	(5968) json.push(
javascript.0	2020-01-26 14:43:30.624	error	(5968) script.js.Alarm.SendTo_Material_Vis: script.js.Alarm.SendTo_Material_Vis:85

Das passiert wenn der Datenpunkt leer ist bzw. falsch ist.
Hier eine optimierte Variante des Skriptes, das das abfängt.

var materialDesignWidgets = {};
materialDesignWidgets.sendTo = function (id, text, backgroundColor = '', borderColor = '', icon = '', iconColor = '', fontColor = '') {
    let json = getState(id).val;

    if (json) {
        try {
            json = JSON.parse(json);
        } catch (e) {
            json = [];
            console.warn('Wert ist kein JSON string! Wert wird ersetzt!');
        }
    } else {
        json = [];
    }

    json.push(
        {
            text: text,
            backgroundColor: backgroundColor,
            borderColor: borderColor,
            icon: icon,
            iconColor: iconColor,
            fontColor: fontColor
        }
    )

    setState(id, JSON.stringify(json), true);
}

[intruder7]

@Scrounger
hatte nochmal neu installiert da du ein commit zum input widget gemacht hast.

Problem existiert immer noch. Versatz x y hat null Auswirkungen und style ist noch auf left: 0px

[Scrounger]

@intruder7

Funktioniert:

hat auch nix mit dem left zu tun. Die Versatz Einstellung greift nur, wenn etwas im Feld steht und das Label nach oben wandert.