Einfach mal zeigen will….. :-) - Teil 3

[woupi]

@dos1973

Ich habe jetzt gerade doch mal ein paar Minuten gefunden und in VIS den Bar Chart hinzugefügt.
Einfach nur auf eine Seite um zu sehen, wie das aussieht.

Das ist noch weit weg von schön und auch noch meilenweit entfernt von deinem.
Aber wenigstens habe ich schonmal Zahlen da stehen.

Viele Dank nochmal.

[woupi]

@dos1973 sagte in Einfach mal zeigen will….. - Teil 3:

@dp20eic
..........
Edit:
ok, mailversand ging dann doch einfacher.
https://www.youtube.com/watch?v=dgSid-FUTqc

und dass anstelle des im Video geziegten befehls

echo "Test email fron Proxmox: $ (hostname)" | /usr/bin/proxmox-mail-forward

Das habe ich Heute Morgen mal zum Anlass genommen und es auch versucht, leider hat es erstmal nicht geklappt.

Ich habe dann weitere Anleitungen gesucht und auch die, alle waren etwas anders, versucht, allerdings haben auch die nicht funktioniert.

Dann habe ich dieses Video gefunden:
https://www.youtube.com/watch?v=xfLAMVSfj9g
Hier ist es auch wieder ein ganz klein bisschen anders und zuerst hat es auch damit nicht funktioniert, allerdings hat mich ein Hinweis aus dem Video dann zur Lösung gebracht.

Der Hinweis bezog sich zwar auf gmail, weshalb ich ihn auch erst nicht beachtet habe, ich habe web.de, aber als es auch damit nicht funktionierte habe ich dann doch nochmal in den Einstellungen unter web.de nach gesehen.

Wer ein web.de Mail Account hat, muss unter den Einstellungen pop3 aktivieren.
Nachdem ich das gemacht habe, kam auch eine mail.

VG

[A Former User]

@woupi sagte in Einfach mal zeigen will….. - Teil 3:

Wer ein web.de Mail Account hat, muss unter den Einstellungen pop3 aktivieren

Moin,
ich bin etwas verwirrt, geht es hier um den Versand von Mails durch Proxmox?
Denn pop3 ist eigentlich um Nachrichten vom Provider abzuholen, um zu Senden muss auf dem Proxmox Server ein Mail Relay eingerichtet werden, bei Proxmox wird als MDA Mail delivery Agent, soweit mir bekannt, postfix mit installiert, den man dann so einrichten muss, dass er als Mail Relay fungiert, also die lokale E-Mail annimmt und an den Provider @web.de oder @gmail.com weiterleitet, von wo Du dann die Mail wiederum mit einem Mail-Client z. B. Outlook abholst, via pop3 oder imap

Die beiden pop3 oder imap erkläre ich nicht, da gibt es genug Anlaufstellen im Internet.

Nur mal schnell gegoogelt, ich denke so sollte das mit dem Versenden aus Proxmox schon klappen ⇒ https://www.schreiners-it.de/proxmox/postfix-unter-proxmox-ve-konfigurieren/

VG
Bernd

P.S.: sollte man dann aber auch nicht in diesem Thread beleuchten, lieber einen eigenen Thread aufmachen.

[woupi]

@dp20eic sagte in Einfach mal zeigen will….. - Teil 3:

@woupi sagte in Einfach mal zeigen will….. - Teil 3:

Wer ein web.de Mail Account hat, muss unter den Einstellungen pop3 aktivieren

Moin,
ich bin etwas verwirrt, geht es hier um den Versand von Mails durch Proxmox?

Ja, da drum geht es

Denn pop3 ist eigentlich um Nachrichten vom Provider abzuholen,

stimmt, der Punkt heißt bei WEB.de, allerdings so (genau POP3 & IMAP)

Nachdem ich den Hacken gesetzt habe, hat der Mailversandt funktioniert, vorher nicht.

Der Rest ist alles richtig, auch mit dem Auslagern, wollte es nur dazu erwähnen, falls noch einer da drauf reinfällt.

[dos1973]

@dos1973 sagte in Einfach mal zeigen will….. - Teil 3:

so langsam ist wieder VIS Time... heute regnerisch draussen, und mein aktuelles VIS staubt schon ein...mal ein neuer Versuch.

habe heute mal die Rolladen Steuerung neu gemacht und versuche dem vorherigem Design treu zu bleiben, so richtig glücklich bin ich noch nicht...

ich habe die Rolladen in Kategorien gruppiert um nicht nach unten scrollen zu müssen

über Feedback freu ich mich.
am Ende packe ich alles in ein export

[woupi]

@dos1973
mir gefällt es richtig gut.
Ich möchte glaube ich gar nicht wissen, wieviel Arbeit da drin steckt.
Irgendwann komme ich hoffentlich auch mal dazu.

[Kuddel]

@ro75 wie hast du deine PiHole Statistiken in die VIS integriert?

[Ro75]

@kuddel ich nutze den Phiole Adapter und zur Darstellung den MaterialDesign Adapter. Das Json aus dem pihole Adapter konvertiere ich in ein passendes Json für das MaterialDesign Balkendiagramm.

Ro75.

Nachtrag:

JS:

const ubuntu_PiHoleJSON         = 'pi-hole.0.overTimeData10mins.domains_over_time.data-table';

createState('0_userdata.0.piHole', "[]", {read: true, write: true, desc: "JSON String", type: "string", def: "[]"});

on(ubuntu_PiHoleJSON, function(dp) {
    let ConsumList = [];
    var text = dp.state.val.split(',');
    for (let i = 0; i <= text.length-1; i++) {
        let startTime = moment((text[i].split(':')[0].replace('"','').replace('"','').replace('[{',''))*1000);
        ConsumList.push({
            label: startTime.format('HH:mm').replace('Invalid date',''),
            value: parseFloat(text[i].split(':')[1]),
            valueColor: '#ffffff'
        })
    }
    setState('0_userdata.0.piHole', JSON.stringify(ConsumList), true);
    ConsumList = [];
});

Widget:

[{"tpl":"tplVis-materialdesign-Chart-Bar","data":{"oid":"0_userdata.0.RPI.piHole","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"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","chartDataMethod":"jsonStringObject","dataCount":"0","chartType":"vertical","backgroundColor":"#mdwTheme:vis-materialdesign.0.colors.charts.background","chartAreaBackgroundColor":"#mdwTheme:vis-materialdesign.0.colors.charts.background_chart","titleLayout":"#mdwTheme:vis-materialdesign.0.fontSizes.card.title","titleFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.card.title","colorBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background","colorTitleSectionBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background_title","colorTextSectionBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background_body","colorTitle":"#mdwTheme:vis-materialdesign.0.colors.card.title","globalColor":"rgba(120, 144, 156, 0.45)","hoverColor":"#mdwTheme:vis-materialdesign.0.colors.charts.bar.hover","hoverBorderColor":"#mdwTheme:vis-materialdesign.0.colors.charts.bar.hover_border","showValues":"showValuesOff","valuesFontColor":"#ffffff","valuesFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.charts.value","valuesFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.charts.value","valuesPositionAnchor":"end","valuesPositionAlign":"top","valuesTextAlign":"center","yAxisPosition":"left","yAxisTitleColor":"#ffffff","yAxisTitleFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.charts.y_axis_title","yAxisTitleFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.charts.y_axis_title","yAxisValueLabelColor":"#ffffff","yAxisValueFontFamily":"RobotoCondensed-Regular","yAxisValueFontSize":"10","yAxisValueDistanceToAxis":"2","yAxisShowAxis":false,"yAxisShowAxisLabels":true,"yAxisShowGridLines":false,"yAxisGridLinesColor":"#mdwTheme:vis-materialdesign.0.colors.charts.y_axis_gridlines","yAxisShowTicks":true,"yAxisZeroLineColor":"#mdwTheme:vis-materialdesign.0.colors.charts.y_axis_zeroline","xAxisPosition":"bottom","xAxisTicksSource":"auto","xAxisTitleColor":"#mdwTheme:vis-materialdesign.0.colors.charts.x_axis_title","xAxisTitleFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.charts.x_axis_title","xAxisTitleFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.charts.x_axis_title","xAxisValueLabelColor":"#ffffff","xAxisValueFontFamily":"RobotoCondensed-Regular","xAxisValueFontSize":"10","xAxisValueDistanceToAxis":"7","xAxisShowAxis":true,"xAxisShowAxisLabels":true,"xAxisShowGridLines":false,"xAxisGridLinesColor":"#mdwTheme:vis-materialdesign.0.colors.charts.x_axis_gridlines","xAxisShowTicks":false,"xAxisZeroLineColor":"#mdwTheme:vis-materialdesign.0.colors.charts.x_axis_zeroline","xAxisMinRotation":"0","xAxisMaxRotation":"0","legendPosition":"right","legendFontColor":"#mdwTheme:vis-materialdesign.0.colors.charts.legend","legendFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.charts.legend","legendFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.charts.legend","legendPointStyle":"true","showTooltip":false,"tooltipBackgroundColor":"#mdwTheme:vis-materialdesign.0.colors.charts.tooltip_background","tooltipShowColorBox":"true","tooltipTitleFontColor":"#mdwTheme:vis-materialdesign.0.colors.charts.tooltip_title","tooltipTitleFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.charts.tooltip_title","tooltipTitleFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.charts.tooltip_title","tooltipBodyFontColor":"#mdwTheme:vis-materialdesign.0.colors.charts.tooltip_text","tooltipBodyFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.charts.tooltip_text","tooltipBodyFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.charts.tooltip_text","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/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/signals/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/signals/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,"g_oids":false,"g_layoutForData_§0":false,"colorScheme":"","cardUse":false,"axisMaxLabel":"","chartPaddingTop":"","animationDuration":"0","disableHoverEffects":true},"style":{"left":"1409px","top":"545px","width":"494px","height":"95px","z-index":"3"},"widgetSet":"materialdesign"}]

[Kuddel]

@ro75 und die Hintergründe hinter den Zahlen hast du wie gemacht? Sieht halt genau so aus wie direkt im PiHole

[Ro75]

@kuddel die 4 Bildchen habe ich mir zurechtgebastelt.

Ro75.

[Kuddel]

@ro75 magst du mir die vllt. zur Verfügung stellen?

[Ro75]

@kuddel kommt in den nächsten Tagen. Stelledie hier rein.

Ro75.

[Kuddel]

@ro75 vielen Dank für die Bilder etc.

Ich habe selber parallel angefangen. Die vier Grafiken haben ich schon hinbekommen

Beim Skript für das Widget, läuft aber noch irgendetwas schief

Spoiler

javascript.0	2023-11-08 13:58:17.896	error	at processImmediate (node:internal/timers:466:21)
javascript.0	2023-11-08 13:58:17.896	error	at Immediate._onImmediate (/opt/iobroker/node_modules/@iobroker/js-controller-adapter/build/lib/adapter/adapter.js:8462:62)
javascript.0	2023-11-08 13:58:17.896	error	at Object.stateChange (/opt/iobroker/node_modules/iobroker.javascript/main.js:645:29)
javascript.0	2023-11-08 13:58:17.896	error	at Object.callback (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1266:38)
javascript.0	2023-11-08 13:58:17.896	error	at Object.<anonymous> (script.js.java.abfragen.pihole_diagramme:11:25)
javascript.0	2023-11-08 13:58:17.896	error	Error in callback: ReferenceError: moment is not defined

Skript

Spoiler

const pihole_1_data = 'pi-hole.0.overTimeData10mins.domains_over_time.data-table';

if(!existsState('0_userdata.0.PiHole-Diagramme.PiHole-1-Diagramm')){
   createState('0_userdata.0.PiHole-Diagramme.PiHole-1-Diagramm', "[]", {read: true, write: true, desc: "JSON String", type: "string", def: "[]"});
}

on(pihole_1_data, function(dp) {
   let ConsumList = [];
   var text = dp.state.val.split(',');
   for (let i = 0; i <= text.length-1; i++) {
       let startTime = moment((text[i].split(':')[0].replace('"','').replace('"','').replace('[{',''))*1000);
       ConsumList.push({
           label: startTime.format('HH:mm').replace('Invalid date',''),
           value: parseFloat(text[i].split(':')[1]),
           valueColor: '#ffffff'
       })
   }
   setState('0_userdata.0.PiHole-Diagramme.PiHole-1-Diagramm', JSON.stringify(ConsumList), true);
   ConsumList = [];
});

Muss ich bzgl. "moment" noch was in der Javascript Adapter Konfig ergänzen?

[Ro75]

@kuddel genau, muss rein

[Kuddel]

@ro75 hmm, komisch. Ist schon eingetragen. Habe den Eintrag mal entfernt, die Instanz neu gestartet und "moment" wieder eingetragen.

Der Fehler kommt trotzdem noch.

[Ro75]

@kuddel zeig Mal bitte

[Kuddel]

@ro75

[Ro75]

@kuddel füge Mal ganz am Anfang ein

const moment = require('moment');

Ro75.

[Kuddel]

@ro75 sagte in Einfach mal zeigen will….. - Teil 3:

@kuddel füge Mal ganz am Anfang ein

const moment = require('moment');

Ro75.

Super, jetzt läuft es

[Flexer]

Habe heute mal mit Vis2 angefangen. Es wird eine neue Vis fürs Handy. Hier einfach mal zwei Screenshots.

Ist alles noch work in progress

Grüße