RSS Overview (http://<ip>/fhem/rss) mit "Vorschaubild"

TomLee · 09 Oktober 2023, 21:04:33

Ist es denkbar die Übersicht mit Vorschaubildchen zu versehen ?

Mit meinen wenigen HTML-Kenntnissen hab ich versucht mit so wenig wie möglich HTML auszukommen, es ist nur ein Vorschlag wie ich es mir in etwa vorstellen kann und mir heute durch den Kopf ging:

Code Auswählen

##################
# list all RSS devices
sub RSS_Overview {

    my ( $name, $url, $alias );
    my $html = RSS_HTMLHead( "RSS Overview", undef ) . "<body>\n";
        $html .= qq(<div style="display: flex;flex-direction: row;flex-wrap: wrap;">\n);
    foreach my $def ( sort keys %defs ) {
        if ( $defs{$def}{TYPE} eq "RSS" ) {
            $name = $defs{$def}{NAME};
            $alias = AttrVal($name, 'alias', q());
            $alias = qq( &#040;$alias&#041;) if $alias;
            $url   = RSS_getURL($name);
            $html .= qq(<ul style="list-style-type: none; width: 25em; border: 1px solid black; padding: 0; margin: 0;">\n<li>);
            $html .= qq(<img src="$url/rss/$name.png" alt="$name.png" style="float: right; width: 10em;">);
            $html .= qq(<h4>$name$alias</h4>);       
            $html .= qq(<a href='$url/rss/$name.rss' target='_blank' >RSS</a><br>\n);
            $html .= qq(<a href='$url/rss/$name.html' target='_blank' >HTML</a><br>\n);
            $html .= qq(<a href='$url/rss/$name.png' target='_blank' >Portable Network Graphics</a><br>\n);
            $html .= qq(<a href='$url/rss/$name.jpg' target='_blank' >JPEG Graphics</a><br>\n</li>\n</ul>\n);
        }
    }
    $html .= qq(</div>\n</body>\n) . RSS_HTMLTail();

    return ( "text/html; charset=utf-8", $html );
}

FHEM Forum

RSS Overview (http://<ip>/fhem/rss) mit "Vorschaubild"

TomLee