Übersicht der Icons

Standarduser · 19 Mai 2017, 19:49:42

Ich habe auf Zeile 45 den Pfad angepasst, das Script unter /opt/fhem/www/tablet/gen_icons.pl abgespeichert und ausgeführt - funktioniert hervorragend.
ABER: das Unterverzeichnis "/opt/fhem/www/tablet/examples" muss bereits vorhanden sein. Ist es das nicht, werden auch keine Dateien erzeugt.

Mein Pfad auf Zeile 45: /opt/fhem/www/tablet/lib/$cssfile

Hier nochmal das Script, wie es bei mir funktioniert:

Code Auswählen

#!/usr/bin/perl

use strict;

my @cssfiles = qw(font-awesome.min.css openautomation.css fhemSVG.css);
my $color='#f0f0f0';

my $html_head = '<!DOCTYPE html>
<html>
<head>
        <title>FHEM-Tablet-UI :: Iconfonts Demo</title>
        <meta name="widget_base_width" content="116">
        <meta name="widget_base_height" content="131">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <link rel="stylesheet" href="/fhem/tablet/lib/jquery.gridster.min.css" />
        <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui.css" />
';
foreach my $cssfile (@cssfiles) {
    $html_head .= '        <link rel="stylesheet" href="/fhem/tablet/lib/'.$cssfile.'" />'."\n";
}
$html_head .= '        <script type="text/javascript" src="/fhem/pgm2/jquery.min.js"></script>
        <script type="text/javascript" src="/fhem/tablet/lib/jquery.gridster.min.js"></script>
        <script type="text/javascript" src="/fhem/tablet/js/fhem-tablet-ui.js"></script>
</head>
<body style="background-color:#2a2a2a">
';

my $html_foot = '
</body>
</html>';


my $html_icons;
my $html_table;

foreach my $cssfile (@cssfiles) {
    $html_icons .= "\n    <h2>$cssfile</h2>\n";
    
    $html_table .= "<tr><th><h2 colspan='3'>$cssfile</h2></th></tr>\n";
    
    
    my %icons;

    open CSS, "/opt/fhem/www/tablet/lib/$cssfile"  or die $!;
    while(my $line = <CSS>) {
        $line =~ s/.path\d+//g;
        my @matches = $line =~ /\.([^.'";]*?):before/ig;
        for my $match (@matches) {
            $icons{$match}++;
        }
    }
    close CSS;
    
    my @icons = sort keys %icons;
    for my $icon (@icons) {
        $html_icons .= '        <div data-type="symbol" data-icon="'.$icon.'" title="'.$icon.'" data-off-color="'.$color.'"></div>'."\n";
        $html_table .= '        <tr><td><div data-type="symbol" data-icon="'.$icon.'" title="'.$icon.'" data-off-color="'.$color.'"></div></td><td>'.$icon.'</td><td>'.$cssfile.'</td></tr>'."\n";
    }
}

open HTML, '> examples/icons.html';
print HTML $html_head;
print HTML $html_icons;
print HTML $html_foot;
close HTML;

open HTML, '> examples/icons_table.html';
print HTML $html_head;
print HTML '<table>';
print HTML $html_table;
print HTML '</table>';
print HTML $html_foot;
close HTML;


print "Ok\n";

FHEM Forum

Übersicht der Icons

Standarduser