HTML Tabelle für Shelly Device Übersicht

[liv-in-sky]

@dos1973

das abspalten der überschriften würde schon funktionieren - aber sinn und zweck dieser tabelle ist eigentlich, so einfach wie möglich die tabelle in die vis einzubinden. also keine zwei widgets oder mehr. habe ich bei ein paar anderen tabellen - nervt mich aber persönlich, weil es nicht schön aussieht

natürlich könnten wir es hier, für diese tabelle, so machen - aber ich entwickle ja ein template, welches ich immer wieder verwenden möchte - daher denke ich immer allgemein und versuche das template zu verbessern. mit etwas zeit werde ich schon noch die richtige formel finden.

mittlerweile habe ich im template so viel geändert, damit das mit dem scrollen funktioniert, dass ich das fertigbekommen will. auch wenn man das denken könnte - aber ich bin kein html programmierer - ich muss durch viel ausprobieren und google suche die ganzen html sachen erstmal kapieren und dann das ganze im script verarbeiten.

alles wird gut

[liv-in-sky]

@dos1973

es gibt jetzt im ersten post ein update - mit umrandung button einstellbar und anzeige der aktiven im bezug zu allen

die symbole für on-offline künnen hier eingestellt werden - einfach ein symbol (emoji) in das array

es gibt da neue settings, daher aufpassen beim kopieren der alten settings

das mit der scrollbaren tabelle und dem stehenbleiben der ersten zeile klappt bis jetzt noch nicht - weiß nicht, ob ich das noch machen werde

[dos1973]

@liv-in-sky
erstmal Danke für deine Mühe... das mit der ersten Zeile ist noch nicht ganz optimal... ich hatte das zwar angeregt, aber wenns zu kompliziert und aufwändig ist... dann würde ich es weglassen.

aber der Rest 1A!! vor allem das zählen der Shelly!
Klasse und Danke.

Fehler:
das ist mir aufgefallen, geht nicht mehr

//ÜBERSCHRIFT SPALTEN - OBERSTE ZEILE IN TAB
const UeberSchriftHoehe="145"; 

Edit:
ist noch Platz für Verbessungsideen ?;-)

[liv-in-sky]

@dos1973

bessere ich nach:

ersetze mal diese zeile (um die zeile 118):

let htmlTabUeber4="<tr style=\" font-family:"+htmlSchriftart+" ; height:"+UeberSchriftHoehe+"px; color:"+htmlFarbTableColorUber+"; font-size: "+groesseUeberschrift+"px; font-weight: "+UeberschriftStyle+" ;  border-bottom: "+LinieUnterUeberschrift+"px solid "+farbeLinieUnterUeberschrift+" \">";

[liv-in-sky]

@dos1973 was für verbesserungen

[dos1973]

@liv-in-sky
das repariert wieder die Überschrift...

[liv-in-sky]

@dos1973 jup

[da_Woody]

@liv-in-sky so, sortieren funzt in iQontrol jetzt auch! siehe hier
so, noch ein bisschen rumgespielt. (schriftart, positionierung, farbe, ...) geht eigentlich kursiv auch? hab überall Garamond kursiv in iqontrol eingestellt...

jetzt wirds pingelig, i know.
bei der 2. tabelle sind die überschriften nicht umrahmt und mir würds gefallen, wenn rechts auch ein streifen wie links wäre. mit, oder ohne SHELLY. da geht die trennlinie in den rahmen über.
in der vergrösserung:

stiefel da bei zeile 116 rum, find aber keinen weg nach der überschrift eine leerzeile einzufügen. klebt etwas zu sehr an der tabelle...

[dos1973]

@da_woody
71 shellys. Wow.
Dachte mit meinen 40er wäre ich gut

[liv-in-sky]

@da_woody

• schriftart - ie kenn ich nicht, hast du die zusätzlich installiert ?du meinst dann: Garamond Italic ? ist die in linux enthalten? wo stellst du die in iqontrol ein ? kannst du die nicht im script eintragen

• linke seite, buttons, überschrift. ist eine änderung des scriptes - ich fand es irgendwie seltsam, die buttons in jede tabelle zu integrieren - siehe bild

• auf der rechten seite auch eine seitenleiste zu integrieren -so ?

[da_Woody]

@liv-in-sky mit der schriftart spiel ich mich noch rum... Garamond kann ich in iQontrol auswählen, betrifft aber anscheinend nicht so eine Tabelle.
ich meinte die buttons oben! links gerahmt, in der 2. spalte nicht.

das mit rechter seite meinte ich eher so. ich weis ja nicht wie das in vis ist. aber in iQontrol würde das auch bei einer spalte besser aussehn. (war jetzt ganz schönes gefummel in GIMP ) wie aufwändig das ist, musst du wissen...

[liv-in-sky]

@da_woody ok - die überschriften sind ja jetzt so, wie du die möchtest - ? umrahmt

mit der seitenleiste auf der rechten seite habe ich dich falsch verstanden -also mach ich die in der mitte wieder weg ? muss ich mal ansehen, wie ich am ende anhängen kann

[da_Woody]

@liv-in-sky said in HTML Tabelle für Shelly Device Übersicht:

ok - die überschriften sind ja jetzt so, wie du die möchtest - ? umrahmt

nope! links sinds ja button zum sortieren, in der rechten spalte nur überschriften. wäre ja OK, aber auch da ein rahmen drum würde meinem auge schmeicheln... i know, aber nach 35 jahren beim fernsehn im bereich licht, bin ich ein extrem optischer knabe...

den mittestreifen kannste knicken, den kann man ja easy breiter machen. habsch ja schon von 1px auf 2px gemacht

[liv-in-sky]

@da_woody

die rahmen um die überschreiften sind doch schon oben im bild drin - oder check ich das nicht

?

[da_Woody]

@liv-in-sky schau dir meine screenies an! bei mir nur links der rahmen!
OHA, siewo bei dir?

[liv-in-sky]

@da_woody warum soll ich deine anschauen - ich zeige dir doch die ganze zeit, wie du sie sehen willst - ich weiß ja, das im orginal die ränder nictt drin sind in der rechten tabelle

ist das jetzt das richjtige format ?????

[da_Woody]

@liv-in-sky jup, so siehts jut aus!
d - ö veständigungsprobleme...

[liv-in-sky]

@da_woody

noch ne sache - wenn du dir trennungs linie in der mitte mal auf 10 stellst, sieht das nicht mehr schön aus - da entsteht ein häßlicher balken in der mitte (const trennungsLinie)

daher z.b. mit einer solchen trennungslinie - kann ich aber wieder wegmachen, wenn's nicht gefällt

[da_Woody]

@liv-in-sky sieht hübsch aus!

[liv-in-sky]

@da_woody

(dich zu verstehen ist komplizierter als das programmieren )

was sieht hübsch aus ?

das - trennungslinie 10?

oder das - extra trennung mit verlaufshintergrund?

oder die normale linie mit 1-2px?