[erledigt] fuip - chart widget

[Thorsten Pferdekaemper]

Hi,
ich hab das mit dem Firefox auch nochmal probiert. Es funktioniert tatsächlich, nur spezielle Angaben bei fixedrange gehen nicht. Warum das so ist ist mir allerdings auch nicht klar.

nachtrag: wunder mich auch nicht - geh ich mal auf "/opt/fhem/www/tablet/css" nachgucken, stell ich fest, dass es dort diese .css nicht gibt.

Das hat damit nur am Rande zu tun. FUIP macht sich seine fhem-tablet-ui-user.css selbst "on the fly". Die Originale von FTUI wird zwar auch inkludiert, sie muss aber nicht existieren. Ich habe auf meinem Testsystem auch keine.

Könntest Du es vielleicht nochmal probieren? Also genau die Seite anzeigen, die normalerweise das Problem hat und dann die besagte URL eingeben. Falls es wirklich nicht geht, könntest Du es mal auf einer anderen FUIP-Seite probieren?
Gruß,
   Thorsten

[the ratman]

uij, jetzt mag er mich ... ist halt jetzt ff, also der problemlose. jetzt frag ich mich zwar grad, was nu anders als beim letzten mal is ... aber ich glaub, ich schalt auf geistigen durchzug *g*.

Code Auswählen Erweitern

text.fuipchart.title { font-size:16px; fill:#808080; }

/* all normal lines should have no fill */
.fuipchart:not([class*="fill"]):not([class*=dot]):not(text) { fill:none; }

/* stroke-width classes
0.2 0.5 1 1.5 2 3 4 8 12 16 24 */
.fuipchart.lwidth0p2 { stroke-width:0.2px; }
.fuipchart.lwidth0p5 { stroke-width:0.5px; }
.fuipchart.lwidth1 { stroke-width:1px; }
.fuipchart.lwidth1p5 { stroke-width:1.5px; }
.fuipchart.lwidth2 { stroke-width:2px; }
.fuipchart.lwidth3 { stroke-width:3px; }
.fuipchart.lwidth4 { stroke-width:4px; }
.fuipchart.lwidth8 { stroke-width:8px; }
.fuipchart.lwidth12 { stroke-width:12px; }
.fuipchart.lwidth16 { stroke-width:16px; }
.fuipchart.lwidth24 { stroke-width:24px; }

/* Definition for legend window */
.legend.lback {
fill: #111;
fill-opacity: 0.7;
}

.tab {
    overflow: hidden;
}

.tab button {
    border: none;
outline: none;
    cursor: pointer;
padding: 0;
padding-top: 3px;
    background-color: #2a2a2a;
    border-color: #eee;
    border-width: 1px;
    border-style: none none solid none;
}

/* Maus �ber dem Tab */
.tab button:hover {
    background-color: #444;
}

/* Aktiver Tab */
.tab button.active {
    border-width: 1px 1px 0px 1px;
    border-style: solid solid none solid;
    border-radius: 8px 8px 0px 0px;
    border-color: #eee;
}

/* Inhalt des Tabulators */
.tabcontent {
    display: none;
}

.sheet {
margin-top: -1px;
padding-top: 3px;
border-width: 1px;
    border-style: none solid solid solid;
    border-color: #eee;
}

.weatherValue{
    margin-right: 3px  !important;
}

.weatherUnit{
}


.background { fill:#ffffff; }

text       { font-family:Arial; font-size:11px; }
text.title { font-size:14px; }
text.legend { cursor:pointer; }
circle#svgmarker { color:#278727; opacity:0.5; }

path.SVGplot     { stroke:black; fill:none; }
rect.SVGplot     { stroke:black; fill:none; }
polyline.SVGplot { stroke:black; fill:none; }
.border  { stroke:white; fill:url(#gr_bg); }
.vgrid   { stroke:lightgray;  stroke-dasharray:2,6; }
.hgrid   { stroke:lightgray;  stroke-dasharray:2,6; }
.pasted  { stroke:black; stroke-dasharray:1,1; }

.SVGplot.l0     { stroke:red;     }
.SVGplot.l1     { stroke:green;   }
.SVGplot.l2     { stroke:blue;    }
.SVGplot.l3     { stroke:magenta; }
.SVGplot.l4     { stroke:brown;   }
.SVGplot.l5     { stroke:black;   }
.SVGplot.l6     { stroke:olive;   }
.SVGplot.l7     { stroke:gray;    }
.SVGplot.l8     { stroke:yellow;  }
.SVGplot.l9     { stroke:orange;  }
.SVGplot.l0fill { stroke:red;  fill:url(#gr_0);   }
.SVGplot.l1fill { stroke:green;  fill:url(#gr_1); }
.SVGplot.l2fill { stroke:blue; fill:url(#gr_2);   }
.SVGplot.l3fill { stroke:magenta; fill:url(#gr_3);}
.SVGplot.l4fill { stroke:brown; fill:url(#gr_4);  }
.SVGplot.l5fill { stroke:black; fill:url(#gr_5);  }
.SVGplot.l6fill { stroke:olive; fill:url(#gr_6);  }
.SVGplot.l7fill { stroke:gray; fill:url(#gr_7);   }
.SVGplot.l8fill { stroke:yellow; fill:url(#gr_8); }
.SVGplot.l9fill { stroke:orange; fill:url(#gr_9); }

.SVGplot.l0dot  { stroke:red;   stroke-dasharray:2,4; }
.SVGplot.l1dot  { stroke:green; stroke-dasharray:2,4; }
.SVGplot.l0fill_stripe { stroke:red; fill:url(#gr0_stripe);}
.SVGplot.l1fill_stripe { stroke:green; fill:url(#gr1_stripe);}
.SVGplot.l0fill_gyr    { stroke:red; fill:url(#gr0_gyr);}

text.SVGplot.l0     { stroke:none; fill:red;     }
text.SVGplot.l1     { stroke:none; fill:green;   }
text.SVGplot.l2     { stroke:none; fill:blue;    }
text.SVGplot.l3     { stroke:none; fill:magenta; }
text.SVGplot.l4     { stroke:none; fill:brown;   }
text.SVGplot.l5     { stroke:none; fill:black;   }
text.SVGplot.l6     { stroke:none; fill:olive;   }
text.SVGplot.l7     { stroke:none; fill:gray;    }
text.SVGplot.l8     { stroke:none; fill:yellow;  }
text.SVGplot.l9     { stroke:none; fill:orange;  }
text.SVGplot.l0fill { stroke:none; fill:red;     }
text.SVGplot.l1fill { stroke:none; fill:green;   }
text.SVGplot.l2fill { stroke:none; fill:blue;    }
text.SVGplot.l3fill { stroke:none; fill:magenta; }
text.SVGplot.l4fill { stroke:none; fill:brown;   }
text.SVGplot.l5fill { stroke:none; fill:black;   }
text.SVGplot.l6fill { stroke:none; fill:olive;   }
text.SVGplot.l7fill { stroke:none; fill:gray;    }
text.SVGplot.l8fill { stroke:none; fill:yellow;  }
text.SVGplot.l9fill { stroke:none; fill:orange;  }

text.SVGplot.l0dot  { stroke:none; fill:red;     }
text.SVGplot.l1dot  { stroke:none; fill:green;   }
text.SVGplot.l0fill_stripe {stroke:none; fill:red;  }
text.SVGplot.l1fill_stripe {stroke:none; fill:green;}
text.SVGplot.l0fill_gyr    {stroke:none; fill:red;  }

[Thorsten Pferdekaemper]

Hi,
kannst Du mal probieren was passiert, wenn Du in ratbrightsvg_style.css die erste Zeile weglässt? Also das Teil mit .background.
Gruß,
   Thorsten

[the ratman]

hast den nagel auf den kopf getrofffen, nur liegt das im ratbrightsvg_style.css --> .background { fill:#ffffff; }

zumindest wäre dann der kiosk-browser auch wieder der meinung, dass problante mit dunklen hg kommen sollte *g*


das problem is halt, dass auch der original-style (svg_style.css) damit arbeitet --> .background { fill:#FFFFE7; }

[Thorsten Pferdekaemper]

hast den nagel auf den kopf getrofffen, nur liegt das im ratbrightsvg_style.css --> .background { fill:#ffffff; }

Ja klar, und dessen Inhalt wird in die fhem-tablet-ui-user.css "inkludiert". ...zumindest die fhem-tablet-ui-user.css, die von FUIP geliefert wird.
Ich muss mir nochmal genau anschauen, was man da machen kann.
Gruß,
   Thorsten

[the ratman]

einfach n blödes .background { fill:wasauchimmer!important; } dran hängen?

[Thorsten Pferdekaemper]

Hi,
nein, das sollte nicht die Lösung sein. Ich würde gerne herausfinden, warum das so ist. Die Klasse "background" wird nirgends verwendet, daher dürfte das keinen Effekt haben. ...außer die Klasse hat für diesen einen Browser irgend eine Sonderbedeutung.
Was genau ist das nochmal für ein Teil?
Gruß,
   Thorsten

[the ratman]

das ding heißt "kiosk sp browser" und is im windows store kostenlos und werbefrei zu kriegen.

ich geh - wie gsagt - davon aus, dass der allerdings selber teile des ie/edge mißbraucht - der edge zumindest macht den selben fehler. hab ihn extra nochmal reaktiviert *g*.
da den fehler" zu suchen ... viel spaß. vor allem sieht m$ das sicher ned als fehler. zumindest nicht als eigenen ...

den edge sollte man mit

Code Auswählen Erweitern

@supports (-ms-ime-align:auto) { .background { fill:wasauchimmer!important; } }
den ie 10 und 11 (hab ich aber auch nur von google) mit

Code Auswählen Erweitern

@media all and (-ms-high-contrast:none) {
     .background { fill:wasauchimmer!important; }
     *::-ms-backdrop, .background { fill:wasauchimmer!important; }
}zu besserem verhalten erziehen können
keine ahnung, ob das dann auch der kiosk kapiert?

[Thorsten Pferdekaemper]

Kannst Du mir mal den Link / die Links geben wo Du das her hast?

[the ratman]

aus dem windows store von win 10 hab ich ihn
gut, man kann auch im inet nach gucken: https://www.microsoft.com/de-de/p/kiosk-sp-browser/9wzdncrfj55j?activetab=pivot:overviewtab

wennst das css-zeugs meinst -  nö
is schon ewig her
aber im google einfach "edge css" eingeben ... erster link dazu is ja schon wie meiner: https://pixelbar.be/blog/microsoft-edge-internet-explorer-10-und-ie11-via-media-queries-css-ansprechen/

[Thorsten Pferdekaemper]

Hi,
ich konnte das Problem zwar nicht nachvollziehen, aber möglicherweise lag es am weatherdetail Widget. Die css-Klassen waren doch sehr unspezifisch. Ich habe das geändert, könntest Du nochmal probieren?
Gruß,
   Thorsten

[the ratman]

nö sorry,

weiterhin der selbe fehler mit dem hintergrund und den nicht übernommenen strichstärken beim kioskbrowser und dem edge. der ff rennt weiterhin problemlos.


nachtrag:
ich wollts nur sicherheitshalber erwähnen. kann aber nix davon wirklich nachvollziehen ...
manchesmal stimmen die strichstärken und die problanta-farben auch - der eindruck wäre, dass es immer in der tablet-ui funzt, wenn ich vorher keinen plot per fhem-web aufgerufen hatte. das wäre aber extrem komisch, weil das auch so läuft, wenn ich mit ff und edge gemischt arbeite. und weil ich das auch sicher wissen wollt, hab ichs sogar mit nem portablen ff probiert. der teilt sich 100% sicher keinen cache mit dem edge/ie/kiosk-browser.

o) könnte es also sein, dass auch die web-ui irgendwas extra/temporär anlegt auf das dann auch die tablet-ui zugreift?
o) bzw - ich hatte bei der nutzung des edge immer schon das problem, dass temporäres zeug eher nicht gelöscht wurde, egal, was man so gemacht hat an tastenkombinationen. eventuell ist das in die richtung zu verorten?

[Thorsten Pferdekaemper]

Hi,
das klingt dann aber eher danach, dass da was im Backend (also in FHEM selbst) passiert. FUIP ist ja auch sozusagen auf FHEMWEB draufgeflanscht, zumindest sehe ich Zeugs im HTML, was von FHEMWEB kommt. (Das wollte ich auch mal irgendwann loswerden...) D.h. es kann sehr wohl sein, dass etwas, was Du in FHEMWEB machst, Auswirkungen in FUIP hat. Natürlich soll das nicht so sein.
...aber auch damit konnte ich es nicht nachvollziehen. Es wäre möglicherweise hilfreich, wenn ich das alles mal sehen würde. Kannst Du ein Video davon machen?
Gruß,
   Thorsten

[the ratman]

das müsst ich dann aber 24/7 laufen lassen *g*
wie gsagt: das ist nicht wirklich nachvollziehbar und weit weg von ausgetestet, mehr ein gefühl.

schau dir mal die anhänge an - das wird ja immer lustiger ...
im edge fehlen ganze teile des header und zwar genau deine.

nachtrag: das ist parallel aufgenommen - in beiden browsern genau die selbe url zur selben zeit aufgerufen

[Thorsten Pferdekaemper]

Hi,
das, was der Firefox da als Quelltext anzeigt ist das, was insgesamt durch FTUI etc. dynamisch erzeugt wird. D.h. das ist mehr als der Quelltext. Das, was Du vom Edge angehängt hast, ist meiner Meinung nach richtig. Das soll nicht heißen, das die Firefox-Anzeige falsch ist. Es ist halt nur nicht einfach der Quelltext, sondern was anderes.
Gruß,
  Thorsten