Test Adapter minuvis v0.0.x

[ilovegym]

@SVallant Super, vielen Dank!

Sowas geht auch:

[MichMein]

@SVallant sagte in Test Adapter minuvis v0.0.x:

@Pischleuder ok, Adapter V1.1.0 ist online

Guten Morgen, ich habe vorhin versucht den Adapter zu aktualisieren. Ich habe es insgesamt 2 mal probiert und es scheint nicht zu klappen, er zeigt mir immer noch an das eine Aktualisierung für den Adapter zur Verfügung steht.

Hat es bei euch funktioniert?

Danke

[SVallant]

@MichMein ja, es gibt wohl ein Problem mit den Versionsnummern. Dies werde ich heute Abend reparieren. Die Installation direkt von github sollte aber klappen
https://github.com/minukodu/ioBroker.minuvis

[MichMein]

@SVallant ok, Danke

[ilovegym]

@MichMein Hi, ja, ich musste auch von Git installieren, die 1.10.0 ist installiert, zeigt aber 1.0.0 an im Admin, bei Minuvis zeigt er aber 1.10.0 an, also hats geklappt, nur schnallts der Adminadapter nicht...

[flisse]

Moin,
ich würde gerne ebenfalls meine vis durch diese Minuvis ersetzen, weil die Übersichtlichkeit einfach viel besser ist. Ich kenne mich allerdings nicht mit HTML usw. aus, würde mir aber gerne oben jeweils die aktuelle Uhrzeit und das Datum anzeigen lassen, ähnlich wie ich es bei meiner vis habe:

Wie bekomme ich das am einfachsten hin. Die Größe sollte auch so sein, dass man die Daten von größerer Entfernung ablesen kann. In der vis nutze ich dafür TimeandWeather als Widget.
Kann mir da jemand weiter helfen?
Gibt es Tools, mit denen man sich solche html-Codes auf einfache Weise erstellen kann?

[ilovegym]

@flisse gute Idee!

Ich hätt es aber gern dann schon so, oder ähnlich.. hier ist jede Zeile ein Datenpunkt, habe ich in Habpanel so:

<div class="col col-xs-12text-center"
style="color:orange;margin-top: 0px;height:100%; border:solid #303030 0px;font-size: 20px refresh: 60">
  <center><div style="color:transparent">Heute </div></center>
   <center><div style="color:transparent">Heute </div></center>
  <center><div style="color:green;font-size: 30px"> {{itemValue('0_userdata.0.Uhrzeit')}} </div></center>
  <center><div style="color:red;font-size: 30px"> {{itemValue('0_userdata.0.Datum')}} </div></center>
<center><div > </div></center>
  <center><div style="color:orange;font-size: 30px">Day of Year: {{itemValue('0_userdata.0.DayOfYear')}} </div></center>
</div>

[SVallant]

@flisse Die Philosophie von minuvis (zumindest in Version 1 ) fusst auch darauf, das dynamisches HTML wie eine Zeitanzeige auf der ioBroker-Instanz erstellt wird.

Man könnte zum Beispiel einen Zeichenketten-Datenpunkt per Skriopt mit dem erforderlichen HTML füllen:

var DP_Id = "0_userdata.0.demodata.DateTimeHtml";

setInterval(function () {
    setState(DP_Id, getFormattedDate());
}, 1000);


function getFormattedDate() {
    var date = new Date();

    var month = date.getMonth() + 1;
    var day = date.getDate();
    var dayOfWeek = date.getDay();
    var hour = date.getHours();
    var min = date.getMinutes();
    var sec = date.getSeconds();
    var year = date.getFullYear();

    month = (month < 10 ? "0" : "") + month;
    var weekday = [];
    weekday[0] = "Sonntag";
    weekday[1] = "Montag";
    weekday[2] = "Dienstag";
    weekday[3] = "Mittwoch";
    weekday[4] = "Donnerstag";
    weekday[5] = "Freitag";
    weekday[6] = "Samstag";
    var dayName = weekday[dayOfWeek];
    day = (day < 10 ? "0" : "") + day;           
    hour = (hour < 10 ? "0" : "") + hour;
    min = (min < 10 ? "0" : "") + min;
    sec = (sec < 10 ? "0" : "") + sec;

    var dateString = dayName + ", " + day + "." + month + "." + year + "<hr/>" + hour + ":" + min + ":" + sec;

    return "<div style='font-size:30px; margin: 15px;text-align: center;'>" + dateString + "</div>";
}

Das sieht dann so aus:
http://dev.builder.minukodu.de/minuvis/app/?url=http%3A%2F%2F94.130.57.38%3A9090%2F&file=testWatch.json&forceUpdate

Eine weitere Möglichkeit ist, auf VIS eine Seite zu erstellen und diese per iFrame einzubinden ( @ilovegym das wäre vielleicht auch eine Lösung für den Winamp)
Ein Kollege von mir hat damit die Tastatur links unten eingebunden:

[flisse]

@SVallant
Moin,
kurze Rückmeldung. Die Einbindung der VIS Seite ist echt ne gute Lösung. Vielen Dank für den Tipp.

[flisse]

@SVallant
Moin, ich verstehe den gridChanger noch nicht ganz. Ich hatte das so verstanden, dass ich den einfüge und damit die Anzahl der Spalten der folgenden Elemente vorgebe.
Das klappt bei mir noch nicht überall. Ich hätte gerne unter der Uhrzeit 2 Spalten mit einem Kalender und einer Anzeige für die Mülltonnentermine:

Wenn ich das so einrichte, erhalte ich als Ergebnis aber direkt neben der Uhr eine Spalte mit dem ersten Kalender, die Mülltonnentermine kommen dann in die nächste Zeile :

Trage ich beim gridChanger nur eine 1 ein, wird der Kalender in die nächste Zeile gelegt, dann ist allerdings der Müllkalender allerdings auch nicht neben dem Kalender:

Bei den Temperaturen darunter funktioniert der gridChanger wieder so, wie ich ihn verstanden habe.
Wo mache ich bei den Kalendern einen Fehler?

Ich habe grad mal testweise eine neue Seite erstellt und dort nur die Kalenderelemente eingebaut, bei der funktioniert das korrekt:

[SVallant]

@flisse ja, Standard ohne GridChanger ist 2spaltig wenn der Bildschirm > 600px ist
Deshalb als erstes einen Gridchanger mit 1 Spalte einfügen:

Ergebnis:
http://builder.minukodu.de/minuvis/app/?url=http%3A%2F%2F94.130.57.38%3A9090%2F&file=testWatch.json&forceUpdate

[Pischleuder]

Wo werden eigentlich die config files gespeichert ? Man kann davon zwar ein backup machen, aber sie wieder einspielen ?

Hab hier nämlich das Problem, dass eine Seite nicht mehr lädt, obwohl alle Datenpunkte korrekt gesetzt sind.

[flisse]

@SVallant
Perfekt, danke.

[SVallant]

@Pischleuder Wenn es Probleme gibt, die Browser-Konsole öffnen und gucken welche Fehler kommen:
https://userlike-de.helpscoutdocs.com/article/462-wie-offne-ich-die-browserkonsole
oder z.B. am Handy an die URL der App ein

&debug=true

dranhängen.
z.B. http://dev.builder.minukodu.de/minuvis/app/?url=http%3A%2F%2F94.130.57.38%3A9090%2F&file=testWatch.json&forceUpdate&debug=true
dann hast du rechts unten ein Icon für eine Konsole

Bezüglich Datenspeicher:
minuvis spiechert die Konfiguration unter:

/opt/iobroker/iobroker-data/files/web/minukodu

oder bei socket-io-Verbindung

/opt/iobroker/iobroker-data/files/socketio/minukodu

theoretisch kann man da auch importieren .....
BTW: Im-und Export kommt bei V2 auf die Liste

[ilovegym]

@SVallant Hi,

hmm bei mir finde ich die files nicht, es gibt gar kein Verzeichnis in /opt/iobroker/iobroker-data/files...

ilovegym@VMC123-iobroker:/opt/iobroker/iobroker-data/files$ ls -arlt
total 40
drwxrwxr-x+  2 iobroker iobroker 4096 Oct 28 11:06 admin.admin
drwxrwxr-x+  3 iobroker iobroker 4096 Oct 28 11:06 info.admin
drwxrwxr-x+  2 iobroker iobroker 4096 Oct 28 11:06 discovery.admin
drwxrwxr-x+  2 iobroker iobroker 4096 Oct 28 11:08 backitup.admin
drwxrwxr-x+ 10 iobroker iobroker 4096 Oct 28 11:10 .
drwxrwxr-x+  2 iobroker iobroker 4096 Oct 28 11:10 synology.0
drwxrwxr-x+  2 iobroker iobroker 4096 Oct 28 11:10 admin.0
drwxrwxr-x+  2 iobroker iobroker 4096 Oct 28 11:10 web.0
drwxrwxr-x+ 12 iobroker iobroker 4096 Oct 28 11:10 vis.0
drwxrwxr-x+  9 iobroker iobroker 4096 Dec  8 12:05 ..
ilovegym@VMC123-iobroker:/opt/iobroker/iobroker-data/files$

der Inhalt von web.0 sieht so aus:

ilovegym@VMC123-iobroker:/opt/iobroker/iobroker-data/files$ ls web.0
_data.json  login-bg.png
ilovegym@VMC123-iobroker:/opt/iobroker/iobroker-data/files$

[Pischleuder]

@SVallant

Hi,
da ist irgendwo ein bock drin. Habe alles neu erstellt und wenn ich dann auf
save & show config.js gehe poppt das Fenster hoch mit der Konfiguration.
Diese kopiere ich in eine rtf-Datei und sichere sie. Danach ist meine abgespeicherte Kondiguration korrekt und die im Builder nicht, sondern so wie ich sie ursprünglich mal hatte.

Ich habe diese (richtige) Datei auch einmal in das von Dir beschriebene Verzeichnis geschoben (/opt/iobroker/iobroker-data/files/web/minukodu), der Builder findet diese aber nicht ?
Rechte und user sind korrekt angepasst auf 644 und iobroker.

[MichMein]

Hi,
bei mir sind die Dateien an den von @SVallant angegebenen Verzeichnissen

pi@raspberrypi:~ $ ll /opt/iobroker/iobroker-data/files/web
total 136K
drwxrwxrwx+ 3 iobroker iobroker 4.0K Sep 21  2019 admin
-rwxrwxrwx+ 1 iobroker iobroker 109K Dec  4 14:45 _data.json
-rwxrwxrwx+ 1 iobroker iobroker 6.8K Nov 27 05:39 index.html
drwxrwxrwx+ 5 iobroker iobroker 4.0K Sep 21  2019 lib
drwxrwxrwx+ 2 iobroker iobroker 4.0K Dec  8 18:47 login
drwxrwxr-x+ 2 iobroker iobroker 4.0K Oct 31 22:16 minukodu
pi@raspberrypi:~ $ ll /opt/iobroker/iobroker-data/files/web/minukodu/
total 44K
-rw-rwxr--+ 1 iobroker iobroker 2.2K Nov 13 15:50 test1.json
-rw-rwxr--+ 1 iobroker iobroker  39K Dec  4 14:45 test.json
pi@raspberrypi:~ $ 

[SVallant]

@Pischleuder Das Reinkopieren funktioniert nicht, da der Server von ioBroker die Dateien cached und deine manuelle Änderung nicht mitbekommt.

[Pischleuder]

@SVallant

und nu ?

[SVallant]

@Pischleuder Schöne wäre eine Analyse mit der Browser-Konsole wie oben erwähnt