FHEM Forum

FHEM => Frontends => RSS => Thema gestartet von: TomLee am 09 Oktober 2023, 21:04:33

Titel: RSS Overview (http://<ip>/fhem/rss) mit "Vorschaubild"
Beitrag von: TomLee am 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:

##################
# 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 );
}