Test/Support für Adapter rssfeed und vis-2-widgets-rssfeed

[OliverIO]

Neue Version 0.0.19

• Der Fehler im marquee / Laufband ist gefunden und wurde in dieser Version behoben.
  Warum dieser Fehler nicht in allen Browsern zu jedem Zeitpunkt aufgetreten ist ist mir schleierhaft.

Zum Hintergrund. Der Text war da, allerdings ist er zu Beginn komplett verdeckt und wird erst durch eine Animation im Sichtfenster teilweise sichtbar gemacht.
Durch ein css Fehler im neuen Widget ist die Animation nicht gestartet.
Die css-Anweisung im alten widget war korrekt und hat die Animation im neuen widget gleich mitgestartet.

[OliverIO]

@bahnuhr
Die Vorgaben kommen meist vom feed-Lieferanten, da er selbst das html in den feed einbettet.
Über generelle Vorgaben kann man mit css formatieren. probiere mal dieses Template, welches ich mit css erweitert habe.
Zeile 6: Das div mit der css-Klasse myrss dient dazu den Inhalt vom Rest der Seite abzugrenzen. sonst ändern sich alle Bilder
Zeile 2-4: Diese css-Anweisung sagt, das alle img-Tags innerhalb des divs mit der Klasse myrss höchstens 100 Pixel breit sein darf. alternativ könnte man auch mit max-height arbeiten.

<style>
.myrss img {
    max-width: 100px;
}
</style>
<div class="myrss">
<%= meta.title %> 
<% articles.forEach(function(item){ %>
<p><small><%- vis.formatDate(item.pubdate, "TT.MM.JJJJ SS:mm") %></small></p>
<h3><%- item.title %></h3>
<p><%- item.description %></p>
<div style="clear:both;" />
<% }); %>
</div>

[SBorg]

@OliverIO Zumindest bei mir "same procedure as vorher..." Funktioniert erst wenn ich wieder das alte Marquee mit reinpacke.

[OliverIO]

@SBorg
dann bitte auf kommandozeile mal git upload rssfeed machen
das vis fenster komplett schließen und wieder öffnen

[OliverIO]

Aufgrund aktueller Nachfrage hier noch ein Template für Mehrspalten-Layout.
Die relevante Einstellung ist hier
columns <ersterWertistSpaltenbreite> <zweiterWertIstAnzahlSpalten>

<style>
.myrss img {
  max-width: 190px;
}
.myrss {
  
  -webkit-columns: 200px 5;
  -moz-columns: 200px 5;
  columns: 200px 5;
}
.article {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
</style>
<div class="myrss">
<%= meta.title %> 
<% articles.forEach(function(item){ %>
<div class="article">
<p><small><%- vis.formatDate(item.pubdate, "TT.MM.JJJJ SS:mm") %></small></p>
<h3><%- item.title %></h3>
<p><%- item.description %></p>
<div style="clear:both;" />
</div>
<% }); %>
</div>

[SBorg]

@OliverIO Hoffe iobroker tut es auch, natürlich blind C&P durchgeführt...

Aber nein, geht leider noch immer nicht. Hat die VIS noch einen Cache?

[OliverIO]

@SBorg
Manchmal dauert der upload etwas, da vis da noch etwas im hintergrund macht, obwohl die kommandozeile schon fertig ist

das schließen von vis ist schon für die hartnäckigen Fälle.

kennst du dich mit der developer console im browser aus?
falls ja, dann könntest du mir mal nachschauen, wie die css-eigenschaft des html-elements
#w00028.marquee span

Es sollte dann so aussehen:

Im speziellen geht es um die animation eigenschaft

Anstatt w00028 dann deine id des widgets

[SBorg]

@OliverIO sagte in Test Adapter rssfeed v0.0.x:

developer console im browser aus?

bisserl, deswegen hat es auch nur ne halbe Stunde gedauert

<style> 
#w03425 .marquee {
    max-width: 100vw; /* iOS braucht das */
    white-space: nowrap;
    overflow: hidden;
    background-color: #29b11b; /* Hintergrundfarbe des Lauftextes. Auskommentieren, um Transparent zu erhalten */
    font-size:20px;
}
#w03425 .marquee span {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 69s linear infinite;
    color: #FFFFFF; /* Textfarbe des Lauftextes */
}
/* Optional: mouseover (oder Tipp auf dem Touchscreen) pausiert die Laufschrift */
#w03425 .marquee span:hover {
    animation-play-state: paused 
}
/* Make it move */
@keyframes .w03425.marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}
</style>

Hmm, mir fehlt dort anscheinend die Widget-ID?

[OliverIO]

@SBorg
das ist noch die alte css definition, dann adapter nochmal neu installieren.
was steht im reiter adapter den für eine version bei rssfeed? da muss 0.0.19 stehen

[SBorg]

@OliverIO tut es auch, aber ich lösche nochmals alles, geht ja fix

[SBorg]

@OliverIO Nö, alles gelöscht, neu installiert und alles neu gestartet, will nicht tuten...
Alten Marquee rein --> funktioniert

[sigi234]

@OliverIO

Hallo, kann ich es irgendwie auslesen und in einen DP schreiben ob ein Einsatz vorhanden ist?

ERLEDIGT

[OliverIO]

@sigi234
kann man, mit einem skript. da bin ich aber nicht so firm mit serverseitigen skripten

[sigi234]

@OliverIO sagte in Test Adapter rssfeed v0.0.x:

@sigi234
kann man, mit einem skript. da bin ich aber nicht so firm mit serverseitigen skripten

Gibt es schon

https://forum.iobroker.net/topic/29148/hilfe-bei-rss-feed-benötigt/86?page=2

[skokarl]

Moin,

also, Instanz gelöscht, Adapter gelöscht, 0.1.9 installiert, Upload gemacht, Instanz neu, ..usw.

Speichern gut, Daten sofort da, Marquee geht. Super. Besten Dank.
Leider nur in der RUN, aber immerhin.

[OliverIO]

Neue Version 0.0.20

• Dem Templateeditor wurde nun der ejs-Syntax beigebracht. Die hässlichen Fehler-Marker sind nun weg
• Der Adapter wurde nun für die Aufnahme ins latest-repository vorbereitet und sollte dort in den nächsten Tagen auftauchen. Dann wird die Installation auch einfacher

[sigi234]

@OliverIO sagte in Test Adapter rssfeed v0.0.x:

Die hässlichen Fehler-Marker sind nun weg

Welche?

[OliverIO]

@sigi234 sagte in Test Adapter rssfeed v0.0.x:

@OliverIO sagte in Test Adapter rssfeed v0.0.x:

Die hässlichen Fehler-Marker sind nun weg

Welche?

Diese hier

[skokarl]

@OliverIO sagte in Test Adapter rssfeed v0.0.x:

Aufgrund aktueller Nachfrage hier noch ein Template für Mehrspalten-Layout.
Die relevante Einstellung ist hier
columns <ersterWertistSpaltenbreite> <zweiterWertIstAnzahlSpalten>

sehr cool, besten Dank.
Kann man das noch optimieren ?
Ich weiß, liegt an der Breite, geht auch weg wenn man die Tabelle breiter zieht.
Trotzdem die Frage nach der Verbesserung....

[skokarl]

@OliverIO

so ganz passt es nicht immer....