[Vorlage] JS: Log-Datei aufbereiten für VIS

[ple]

@Mic said in [Vorlage] JS: Log-Datei aufbereiten für VIS:

@Glasfaser sagte in [Vorlage] JS: Log-Datei aufbereiten für VIS:

@Mic

Du Schlingel ( Künstler ) ,dachte auch wie @Negalein es wäre das Top App Bar Menue .
Ist dir sehr gut gelungen

Haha.
Danke

@ Alle

Denkt auch daran, bestimmte Log-Ereignisse in anderen Views damit darstellen zu können. Also z.B. An-/Abwesenheiten, Zustandsänderungen von Geräten, usw.
Mit den Filtern ist fast alles möglich, bin da gerne behilflich.
Beispiel Garagentor (ein Javascript liefert hier z.B. die Logs):

Mein Gott, was eine Arbeit.
Ich gucke mir dein Script bereits einige Zeit an, aber verstehe leider nicht viel davon.
Vielleicht hast du eine Idee, wie ich dein Script nutzen kann als Meldearchiv.
Eigentlich will ich mir in einer Table nur anzeigen lassen, wenn ein Aktor auf true geht, oder sonst was.
Ähnlich Fensterzähler oder dein Garagentor. Nur soll die Meldung auch wieder weggehen, wenn z.B. dein Garagentor nicht mehr klemmt.
Hast du da vielleicht eine Idee, wie man sowas umsetzen könnte?
Mein rudimentärer Anfang ist hier mal dokumentiert.

https://forum.iobroker.net/topic/30324/array-erstellen-mit-prüfung-für-json-tabelle/9

[aleks-83]

EDIT: Oops es gibt ja schon Version 4.9

Das Skript läuft jetzt wunderbar !

[sigi234]

@Glasfaser

Hallo, wie kann ich im Menü Links einen neuen Button erstellen mit den DP

{
    id:             'all',    // Beispiel "all": hier kommen alle Logeinträge rein, keine Filterung
    filter_all:     ['', ''], // wird ignoriert, wenn leer
    filter_any:     ['', ''], // wird ignoriert, wenn leer
    blacklist:      ['', ''], // wird ignoriert, wenn leer
    clean:          ['', '', ''], // wird ignoriert, wenn leer
    merge:          true,
    sortDescending: true,
    jsonDateFormat: '#DD.MM.# hh:mm',
    jsonColumns:    ['date','level','source','msg'],  // Spaltenreihenfolge für JSON (Tabelle in vis)
    jsonLogLength:  100,
    jsonMaxLines:   22,
    jsonCssToLevel: true,
  },

[Glasfaser]

@sigi234 sagte in [Vorlage] JS: Log-Datei aufbereiten für VIS:

Spoiler

[{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"0_userdata.0.Log-Script.all.visView1.whichFilter","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttonStyle":"text","vibrateOnMobilDevices":"50","iconPosition":"left","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/miclog/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis.0/miclog/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis.0/miclog/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"value":"all","buttontext":" All ({v:0_userdata.0.Log-Script.logall.logJSONcount;v})","image":"alert-circle-outline","labelWidth":"","colorPress":"{b:0_userdata.0.Log-Script.all.visView1.whichFilter;b==\"all\" ? \"#ffd71a\" : \"#8f8f8f\"}","class":"leftBarBtn","name":"btnAll"},"style":{"left":"25px","top":"304px","z-index":"50","width":"180px","height":"32px","background-color":"{b:0_userdata.0.Log-Script.All.visView1.whichFilter;b==\"Info\" ? \"#4d4d4d\" : \"#2e2e2e\"}"},"widgetSet":"materialdesign"}]

[Negalein]

@Glasfaser
warst etwas schneller

[sigi234]

@Glasfaser
@Negalein

Danke, hatte ich auch schon fast. Habe aber All eingefügt.

[Glasfaser]

@sigi234

Habe mich auch schon gewundert

[sigi234]

@Glasfaser sagte in [Vorlage] JS: Log-Datei aufbereiten für VIS:

@sigi234

Habe mich auch schon gewundert

javascript.0	2020-02-27 23:34:22.047	error	(12272) script.js.LOG.MIC_Log1: Log-Script-Fehler: Gewählter Filter all, aber Datenpunkt [0_userdata.0.Log-Script.logall.logJSON] ist nicht vorhanden.

Erledigt, Fehler weg.

[Oli]

@Mic

nochmals danke für das tolle Script.

Kann ich mir in deinem Script auch den Status aller Javascripte (aktiviert, nicht aktiviert, Pause) anzeigen lassen?

[Mic]

@Negalein
Hi. Das Log-Script behandelt wirklich nur Logs, und keine Datenpunkte.
Aber ich nutze schon seit längerem ein von mir geschriebenes Script, um die Alexa-History zu loggen und in VIS auszugeben. Also so:

Falls gewünscht, kann ich das Script gerne veröffentlichen. Gibt einen Datenpunkt, dessen Inhalt dann in VIS als Tabelle ausgegeben wird.

[Mic]

@Oli sagte in [Vorlage] JS: Log-Datei aufbereiten für VIS:

Kann ich mir in deinem Script auch den Status aller Javascripte (aktiviert, nicht aktiviert, Pause) anzeigen lassen?

Hi,
das geht so leider nicht, da das Log-Script ausschließlich die Logs als Quelle nimmt. Für deine Anforderung am besten einen neuen Thread öffnen

[Mic]

@ple sagte in [Vorlage] JS: Log-Datei aufbereiten für VIS:

Vielleicht hast du eine Idee, wie ich dein Script nutzen kann als Meldearchiv.
Eigentlich will ich mir in einer Table nur anzeigen lassen, wenn ein Aktor auf true geht, oder sonst was.
Ähnlich Fensterzähler oder dein Garagentor. Nur soll die Meldung auch wieder weggehen, wenn z.B. dein Garagentor nicht mehr klemmt.
Hast du da vielleicht eine Idee, wie man sowas umsetzen könnte?
Mein rudimentärer Anfang ist hier mal dokumentiert.
https://forum.iobroker.net/topic/30324/array-erstellen-mit-prüfung-für-json-tabelle/9

Hi,
das Log-Script ist nicht für deinen Anwendungsfall gedacht, es nimmt ausschließlich die Logs als Quelle. Ebenso ist es ein "Log", daher werden ältere Werte nicht nachträglich angepasst.

[Negalein]

@Mic sagte in [Vorlage] JS: Log-Datei aufbereiten für VIS:

Aber ich nutze schon seit längerem ein von mir geschriebenes Script, um die Alexa-History zu loggen und in VIS auszugeben.
Falls gewünscht, kann ich das Script gerne veröffentlichen. Gibt einen Datenpunkt, dessen Inhalt dann in VIS als Tabelle ausgegeben wird.

Cool

Ja bitte

PS: kannst du mir dann einen Export von obigem Screenshot auch mitgeben?

[Mic]

@Negalein sagte in [Vorlage] JS: Log-Datei aufbereiten für VIS:

Cool

Ja bitte

Gerne. Siehe hier: https://forum.iobroker.net/topic/30657/vorlage-alexa-history-befehle-in-vis-anzeigen

[Negalein]

@Mic

Ich schaffe es nicht das Design der Tabelle in mein Projekt zu übernehmen.

Das komplette Widget hab ich von deinem Projekt exportiert und bei mir wieder eingefügt.
Dann in deinem Projekt das Widget markiert und unter CSS/Global den Code 1:1 in meinem Projekt beim Widget unter CSS/Global eingefügt.

Trotzdem sind bei mir die Zeilen anders.

EDIT:
Kommando retour.
Ich hab das falsche CSS kopiert.

[mguenther]

Ich weiß nicht, ob ich alles richtig verstehe. Wenn ich einen Log-File zu einem Adapter auswerten möchte, dann lege ich im Skript z.B. das an:

   {
    id:             'Modbus',
    filter_all:     [/modbus.0/],
    filter_any:     [' - error: ', ' - warn: ',  ' - info: '],  // entweder error oder warn
    blacklist:      ['', '', ''],
    clean:          ['', '', ''],
    merge:          true,
    sortDescending: true,
    jsonDateFormat: '#DD.MM.# hh:mm',
    jsonColumns:    ['date','level','source','msg'],
    jsonLogLength:  100,
    jsonMaxLines:   100,
    jsonCssToLevel: false,
  },

und schreibe das z.B. unter das Beispiel im Skript für homematic. Es werden auch die folgenden Datenpunkte angelegt.

Jetzt werte ich das in der VIS separat aus, allerdings scheine ich beim Layout anpassen an meine VIS etwas geändert zu haben - ich habe keine farbigen Einträge mehr. Was muss ich denn wo entsprechend ändern?

danke
Marcus

[Glasfaser]

@mguenther

Wenn du von Ihm das View in dein Projekt kopierst , dann mußt du auch die CCS kopieren .

CSS:

Spoiler

/******************************************
               — LINKS —
******************************************/
.noteProject a:link { color: #b8b8b8; } /* unvisited link */
.noteProject a:visited { color: #b8b8b8; } /* visited link */
.noteProject a:hover { color: #ffffff; } /* mouse over link */
.pnoteProjecte a:active { color: #ffffff; } /* selected link */
hr { border:0; height: 1px; background-color:#b8b8b8 }


/******************************************
               — TABLE —
******************************************/

.tableLog .log-warn { color: orange;}
.tableLog .log-error { color: red;}
.tableLog .log-info { color: yellow;}


/* Word-Break anwenden */
.tableLog {
   word-break: break-word; 
}



/* Jede zweite Tabellenzeile formatieren */
.tableLog tr:nth-child(even) {
   background:rgba(56,46,67,0.1);
}

/* Rand unterhalb Tabellenüberschrift */
.tableLog .mdc-data-table__header-row {
   border-bottom: 1px solid #434343;
}

/* Zeilenhöhe und Abstände */
.tableLog .mdc-data-table__cell  {
   line-height:1.3em;
   padding-top: 6px;
   padding-bottom: 6px;
}


/* Scrollbar */
.tableLog::-webkit-scrollbar { width: 15px; }
.tableLog::-webkit-scrollbar-track { background: transparent; }
.tableLog::-webkit-scrollbar-thumb { background-color: rgba(63,64,71,1); border-radius: 7px; border-color: rgba(63,64,71,1); }
.tableLog::-webkit-scrollbar-thumb:hover { background: #8f8f8f; }


/******************************************
               — BUTTONS —
******************************************/


.leftBarBtn .materialdesign-button-body {
   justify-content: left !important; 
   margin-left: 0.9em;
}

[mguenther]

@Glasfaser
das hatte ich gesucht... ich bin blöd, bei mir stand die ganze Zeit CSS auf global und deswegen hatte ich es nicht gesehen
danke

[Mic]

Update: Script-Version 4.10

Die neue Log-Script Version 4.10 erlaubt es nun, über Logs, die abgegeben werden (z.B. über Funktion log() in JavaScript oder Blockly) die Inhalte zu manipulieren. Da das Log-Script umfangreiche Filter bietet, von denen beliebig viele angelegt werden können und dann in Datenpunkten verfügbar sind, können mit dieser Funktion einfach per log() entsprechend Tabellen gefüllt werden.

Hier im Link weitere Infos zur Verwendung.

Beispiel:

Folgendes Script erzeugt eine Log-Zeile, sobald ein Befehl an ein Alexa-Gerät gesprochen wird.
Github: alexa-log-script.js

So sieht dann das Log dieses Scripts in etwa aus:
javascript.0 (12345) script.js.Alexa: [Alexa-Log-Script] ##{"msg":"Licht An", "source":"Sonos Küche"}##

Anzeige im VIS durch diese neue Funktion des Log-Scripts:

Wie zu sehen wird damit "Quelle" (wäre hier normalerweise "javascript.0") durch das Alexa-Gerät (hier: Sonos Küche) ersetzt. Außerdem wird die Message durch den gesprochenen Befehl (hier: "Licht An") ersetzt.
Genauso können auch noch das Datum ("date") und das Log-Level ("level") ersetzt werden.

Für dieses Script-Beispiel einfach folgenden Filter setzen:

  {
    id:             'alexa',
    filter_all:     ['[Alexa-Log-Script]', ''],
    filter_any:     [' - info: '],
    blacklist:      ['', '', ''],
    clean:          [/script\.js\.[^:]*: [Alexa-Log-Script]/, '', ''],
    merge:          false,
    sortDescending: true,
    jsonDateFormat: '#DD.MM.# hh:mm',
    jsonColumns:    ['date','level','source','msg'],
    jsonLogLength:  100,
    jsonMaxLines:   50,
    jsonCssToLevel: true,
  },

Genau so können auch mehrere Filter für verschiedene Alexa-Geräte angelegt werden.
Dazu einfach unter filter_all ein bestimmtes Alexa-Gerät, z.B. "Show 5 Küche" hinzufügen.

Update von Vorversion
Einfach alles unterhalb von hier ersetzen:

/********************************************************
 * Ab hier nichts mehr ändern / Stop editing here!
 ********************************************************/

[Glasfaser]

@Mic sagte in [Vorlage] JS: Log-Datei aufbereiten für VIS:

Beispiel:
Folgendes Script erzeugt eine Log-Zeile, sobald ein Befehl an ein Alexa-Gerät gesprochen wird.

Ich würde das Skript noch auf Github legen , sonst geht es hier unter !?

EDIT: und das Filterbeispiel ...

@Negalein .... da hat Mic was tolles für Dich gemacht