Fritzbox-Adapter Widget formatieren

ruhr70

Kleiner Nachtrag…

das wird dann wohl für alle Tabellen gelten?!

Die gesamte CSS Klasse sieht wie folgt aus (falls Du noch was anpassen willst):

(per Quelltextanzeige im Browser herausgesucht)

! ````
/* ---------------------- Sample for table widget ------------------------- /
.tclass-overflow {
overflow-y: auto;
}
.tclass {
border: 0px solid black;
width: 100%;
table-layout: fixed;
font-family: Arial;
}
.tclass-inner {
border: 0px solid black;
width: 100%;
table-layout: fixed;
height: 100%;
}
.tclass-inner-overflow {
overflow-y: auto;
height: calc(100% - 30px);
}
.tclass-th {
background-color: black;
color: white;
font-weight: bold;
}
.tclass-th1 {
width: 20px;
text-align: center;
}
.tclass-th2 {
width: 20px;
text-align: center;
}
.tclass-th3 {
width: 150px;
}
.tclass-th4 {
width: 200px;
}
.tclass-tr {
color: black;
}
.tclass-tr-even {
background-color: darkgray;
}
.tclass-tr-odd {
background-color: lightgray;
}
.tclass-tr:hover {
color:blue;
cursor: pointer;
}
.tclass-tr-selected {
background-color: lightblue;
/ color: white;*/
}
.tclass-detail {
width: 100%
}
.tclass-detail-tr {
width: 100%
}
.tclass-detail-tr-even {
}
.tclass-detail-tr-odd {
}
.tclass-detail-td-name {
width:200px;
font-weight: bold;
}
! .tclass-detail-td-value {
}
.tclass-print-button {
position: absolute;
bottom: 5%;
right: 5%;
}
.tclass-tr-error {
color:red;
}
.tclass-tr-warning {
color:yellow;
}
.tclass-img-type {
width:16px;
height:16px
}
.tclass-img-person {
width:16px;
height:16px
}


Wenn Du unterschiedliche JSON-Tabellen-Widgets anpassen möchtest, suche mal am Besten im Forum.

Ich könnte mir vorstellen, dass man seine eigene Klasse definiert und dann unter ****Eigenschaften/Widget/Generell/CSS-Klasse**** diese dem Widget gezielt zuweist. Habe ich selbst noch nicht gemacht und das ist auch nur Spekulation.

Semenchkare

Du bist der absolute Held!

Nun ist das Widget so, wie es sein sollte!

Vielen Dank nochmals!

womber

Hallo :)

Kannst du mir sagen wie ich ein neues FritzBox Widget installieren bzw in vis hinzufügen kann? Habe mir die Datei "iobroker_fritzbox_widget_gross.json" herunter geladen aber finde nirgendwo einen button o.ä. zum hinzufügen eines neues widgets :(

Danke und Grüße,

Alex

ruhr70

~~@womber:~~

Kannst du mir sagen wie ich ein neues FritzBox Widget installieren bzw in vis hinzufügen kann? Habe mir die Datei "iobroker_fritzbox_widget_gross.json" herunter geladen aber finde nirgendwo einen button o.ä. zum hinzufügen eines neues widgets :( `

Das Fritzbox Widgets gross ist ein Beispiel und besteht aus mehreren kleinen Widgets.

Im Prinzip kannst Du in Vis Dir auch alles selbst so zusammenbauen, wie Du es Dir vorstellst.

Ein Widget importiert man in VIS über den Tab "Widgets" und dann über "Widgets importieren":

womber

Danke für die schnelle Antwort… Und wie bekomme ich da jetzt die json Datei rein? Verstehe das irgendwie nicht... Oder muss ich die Datei mit dem Editor aufmachen und den Inhalt dort rein kopieren???

Grüße,

Alex

ruhr70

~~@womber:~~

Danke für die schnelle Antwort… Und wie bekomme ich da jetzt die json Datei rein? Verstehe das irgendwie nicht... Oder muss ich die Datei mit dem Editor aufmachen und den Inhalt dort rein kopieren??? `

genau.

Die Datei korrekt markieren, kopieren und und das Fenster einfügen, welches sich öffnet, wenn man auf "Widgets importieren" drückt.

Du musst nichts speichern und wieder einlesen, sondern einfach nur copy & paste durchführen.

ruhr70

P.S.: willkommen im Forum! :-)

womber

Super. Klappt!!!

1000 Dank!!!

Ja, bin jetzt endlich nach 2,5 Jahren ccu.io zu IO Broker gewechselt.. Muss sagen, bin SEHR begeistert :)

Grüße und schönen Abend,

Alex

womber

ok.. ein Problem hab ich da doch noch…. bei der Anzeige ganz oben wird in rot angezeigt wenn jemand anruft mit der Rufnummer... Ist kein Anruf da ist das Feld lightgrey

(STIL in vis: background-color:lightgrey; color:black; font-size: 30px; padding: 0 20px 0 0;)

änder ich das lightgrey in z.B. "blue" wird das dann Blau.

Soweit ok...

Gibt es eine Möglichkeit das ganze transparent zu machen? Rauslöschen geht leider nicht. transparent schreiben geht leider auch nicht.... Ich finde leider nichts :(

Grüße,

Alex

ruhr70

~~@womber:~~

ok.. ein Problem hab ich da doch noch…. bei der Anzeige ganz oben wird in rot angezeigt wenn jemand anruft mit der Rufnummer... Ist kein Anruf da ist das Feld lightgrey

(STIL in vis: background-color:lightgrey; color:black; font-size: 30px; padding: 0 20px 0 0;)

änder ich das lightgrey in z.B. "blue" wird das dann Blau.

Soweit ok...

Gibt es eine Möglichkeit das ganze transparent zu machen? Rauslöschen geht leider nicht. transparent schreiben geht leider auch nicht.... Ich finde leider nichts :(

Grüße,

Alex `

Wenn Du den Stil 0 wie folgt einstellst: background-color:transparent;

Und zusätzlich tiefer unter CSS Hintergrund/background transparent einträgst, (oder leer läßt)

ist es bei mir transparent.

Sieht so aus, als ob erst der STil 0 genommen wird und dann die voreingestellte Farbe unter Background.

ruhr70

~~@womber:~~

Gibt es eine Möglichkeit das ganze transparent zu machen? Rauslöschen geht leider nicht. transparent schreiben geht leider auch nicht…. Ich finde leider nichts :( `

Ist das erledigt?

womber

Ich probiere das morgen aus.. Arbeit lässt das momentan leider nicht zu. Ich gebe dann Rückmeldung :)

Danke und Grüße,

Alex

Gesendet von iPad mit Tapatalk

baeckerman83

Funktioniert bei euch die Missed Called JSON Formatierung? Bei mir ist die irgendwie leer. :( Die anderen Sachen sind aber gefüllt und in der HTML Formatierung ist auch alles enthalten.
1516_bildschirmfoto_2016-11-03_um_23.18.39.png

womber

Nein, meine json ist auch leer, html ist alles da :)

Grüße,

Alex

Gesendet von iPad mit Tapatalk

ruhr70

~~@baeckerman83:~~

Funktioniert bei euch die Missed Called JSON Formatierung? Bei mir ist die irgendwie leer. :( Die anderen Sachen sind aber gefüllt und in der HTML Formatierung ist auch alles enthalten. `

bei mir ist der Datenpunkt gefüllt.

baeckerman83

Könnte das mit der Version zusammen hängen? Ich hab die Version 0.2.1 installiert. Laut Github gibt es ja auch schon die 0.3.1 ich habe mich aber noch nicht so tief eingearbeitet und erst mal über die iobroker Oberfläche installiert.

ruhr70

~~@baeckerman83:~~

Könnte das mit der Version zusammen hängen? Ich hab die Version 0.2.1 installiert. Laut Github gibt es ja auch schon die 0.3.1 ich habe mich aber noch nicht so tief eingearbeitet und erst mal über die iobroker Oberfläche installiert. `

Dürfte nicht. Die 0.2.1 war die Version, in der das JSON schon funktionstüchtig drin war.

Keine Ahnung, warum es bei Dir/Euch nicht ausgegeben wird.

Die 0.3.0 und 0.3.1 sind nicht von mir. Die habe ich ungeprüft übernommen (Konfigurationsseite ist damit sauberer und upnp).

Ich gehe davon aus, dass in der Fritzbox-Konfigurationsseite die Haken alle gesetzt sind:

baeckerman83

Hiho!

Mhm ich glaube das es einfach im Code fehlt:

    if (!showHistoryAllTableTxt) {
        adapter.setState('history.allTableTxt',    "deactivated",          true);
    } else {
        adapter.setState('history.allTableTxt',    headlineTableAllTxt,    true);
    }
    if (!showHistoryAllTableJSON) {
        adapter.setState('history.allTableJSON',   "deactivated",          true);
    }
    if (!showHistoryAllTableHTML) {
        adapter.setState('history.allTableHTML',   "deactivated",          true);
    } else {
        adapter.setState('history.allTableHTML',   headlineTableAllHTML,   true);
    }
    if (!showMissedTableHTML) {
        adapter.setState('history.missedTableHTML', "deactivated",         true);
    } else {
        adapter.setState('history.missedTableHTML', headlineTableMissedHTML,   true);
    }
    if (!showMissedTableJSON)     adapter.setState('history.missedTableJSON',   "deactivated", true);
    if (!showCallmonitor) {
        adapter.setState('callmonitor.connect', "deactivated", true);
        adapter.setState('callmonitor.ring', "deactivated", true);
        adapter.setState('callmonitor.call', "deactivated", true);
        adapter.setState('callmonitor.all', "deactivated", true);
    } else {
        adapter.setState('callmonitor.connect', "", true);
        adapter.setState('callmonitor.ring', "", true);
        adapter.setState('callmonitor.call', "", true);
        adapter.setState('callmonitor.all', "", true);
}

Mir scheint als fehlt da: if (!showMissedTableJSON) adapter.setState('history.missedTableJSON', "deactivated", true);

etwas.

simpixo

Hab jetzt mal auch nachgesehen und mein JSON Objekt ist auch leer [emoji52]

Habe auch die Version 0.3.1 installiert

Gesendet von iPhone mit Tapatalk

ruhr70

~~@baeckerman83:~~

Hiho!

Mhm ich glaube das es einfach im Code fehlt:

! if (!showHistoryAllTableTxt) { adapter.setState('history.allTableTxt', "deactivated", true); } else { adapter.setState('history.allTableTxt', headlineTableAllTxt, true); } if (!showHistoryAllTableJSON) { adapter.setState('history.allTableJSON', "deactivated", true); } if (!showHistoryAllTableHTML) { adapter.setState('history.allTableHTML', "deactivated", true); } else { adapter.setState('history.allTableHTML', headlineTableAllHTML, true); } if (!showMissedTableHTML) { adapter.setState('history.missedTableHTML', "deactivated", true); } else { adapter.setState('history.missedTableHTML', headlineTableMissedHTML, true); } if (!showMissedTableJSON) adapter.setState('history.missedTableJSON', "deactivated", true); if (!showCallmonitor) { adapter.setState('callmonitor.connect', "deactivated", true); adapter.setState('callmonitor.ring', "deactivated", true); adapter.setState('callmonitor.call', "deactivated", true); adapter.setState('callmonitor.all', "deactivated", true); } else { adapter.setState('callmonitor.connect', "", true); adapter.setState('callmonitor.ring', "", true); adapter.setState('callmonitor.call', "", true); adapter.setState('callmonitor.all', "", true); } !
Mir scheint als fehlt da: if (!showMissedTableJSON) adapter.setState('history.missedTableJSON', "deactivated", true);

etwas. `

Du meinst weil in den anderen Datenpunkten darüber ein else kommt… ?

Das dürfte der Code-Auszug aus dem Init der Datenpunkte sein. Wenn ein Datenpunkt abgewählt ist, steht dann im Datenpunkt "deactivated". Bei den TXT und HTLM Datenpunkten für Historie wird bei aktivierten Datenpunkt die Headline reingeschrieben (leere Liste mit Überschrift). Bei dem JSON benötigt man die Überschrift nicht. Daher "fehlt" hier das else.

Aber die Richtung scheint schon richtig zu sein...

Im späteren Code finde ich adapter.setState('history.missedTableJSON', nicht mehr. :shock:

Von der Logik müsste es in Zeile 1038 im Code stehen, zwischen:

        if (showMissedTableHTML) {
            // Anruferliste verpasste Anrufe erstellen
            if (!call[id].connect) {
                if (call[id].direction === "in") {
                    var historyListMissedHtmlStr = makeList(historyListMissedHtml, lineHistoryMissedHtml, headlineTableMissedHTML, configHistoryMissedLines, configShowHeadline);
                    adapter.setState('history.missedTableHTML', historyListMissedHtmlStr, true);
                }
            }
        }

        if (showHistoryAllTableHTML) {
            // Tabelle html erstellen
            var historyListAllHtmlStr = makeList(historyListAllHtml,lineHistoryAllHtml,headlineTableAllHTML,configHistoryAllLines, configShowHeadline);
            adapter.setState('history.allTableHTML',        historyListAllHtmlStr,              true);
        }

Bin auf die Schnelle etwas verwundert. Gerade auch weil bei mir der Datenpunkt gefüllt ist.

Glaube jetzt nicht, dass das bei den Änderungen 0.3.0 und 0.3.1 rausgeflogen ist. Allerdings habe ich keine Ahnung, wie ich das auf Github kontrollieren kann.

Community Forum

NEWS

Fritzbox-Adapter Widget formatieren

Support us

788

32.5k

81.6k

1.3m