[HMdeviceTools.js (hm.js)] WebUI zur Register-Konfiguration/Templatehandling

Begonnen von frank, 03 Januar 2020, 01:49:01

Vorheriges Thema - Nächstes Thema

locodriver

fhem 6.0 auf Rpi3 Bookworm
HM-LAN-CFG (FW 0.965), HM-MOD-UART, 2x HM-TC-IT-WM-W-EU, 4x HM-Sec-RHS und 3x HM-CC-RT-DN, 6x HM-LC-Bl1-FM mit je 1x Somfy-Motor,
2x HM-LC-SW2-FM für Licht und Lüfter, 2x HM-PB-6-WM55, Alexa, Jeelinkcross, CUL, CUNO2, IR-Blaster

frank

update im ersten post:
fix zur vermeidung von problemen mit unterschiedlichen fhem-styles.
FHEM: 6.0(SVN) => Pi3(buster)
IO: CUL433|CUL868|HMLAN|HMUSB2|HMUART
CUL_HM: CC-TC|CC-VD|SEC-SD|SEC-SC|SEC-RHS|Sw1PBU-FM|Sw1-FM|Dim1TPBU-FM|Dim1T-FM|ES-PMSw1-Pl
IT: ITZ500|ITT1500|ITR1500|GRR3500
WebUI [HMdeviceTools.js (hm.js)]: https://forum.fhem.de/index.php/topic,106959.0.html

Benni

Hallo Frank,

HMDevice-Tools spuckt meinem Layout etwas in die Suppe.

Bei der Injektion in die Device-Übersicht erhält das Header denselben data-name, wie der Internals (detail_Internals) und lässt sich somit nicht so ohne weiteres im css selektieren:


<div class="col_header pinHeader detail_Internals" data-name="detail_Internals">HMdeviceTools</div>


Weiterhin bringt die zugehörige Tabelle wohl eigene styles direkt an der table mit und wird so leider auch nicht meinem css entsprechend formatiert (durch die background-color passt der Rahmen nicht):


<table class="block wide internals" style="background-color: rgb(51, 51, 51);color: rgba(204, 204, 204, 0.8);">


s.a. Screenshot im Anhang!

Vielleicht kannst du das bei Gelegenheit ja anpassen?

gb#

frank

ZitatHMDevice-Tools spuckt meinem Layout etwas in die Suppe.
teilweise auch beabsichtigt.  :)
background-color und schriftfarbe habe ich gesetzt.

du willst also den reiter (violett) und den rahmen (blau) der HMdeviceTools table gleich färben können. und zwar unabhängig von der internals table.
das blau vom rahmen hast du bereits gesetzt und ist richtig, oder?

schaue ich mir demnächst mal an benni.
FHEM: 6.0(SVN) => Pi3(buster)
IO: CUL433|CUL868|HMLAN|HMUSB2|HMUART
CUL_HM: CC-TC|CC-VD|SEC-SD|SEC-SC|SEC-RHS|Sw1PBU-FM|Sw1-FM|Dim1TPBU-FM|Dim1T-FM|ES-PMSw1-Pl
IT: ITZ500|ITT1500|ITR1500|GRR3500
WebUI [HMdeviceTools.js (hm.js)]: https://forum.fhem.de/index.php/topic,106959.0.html

Benni

Zitat von: frank am 04 Januar 2022, 22:19:44
du willst also den reiter (violett) und den rahmen (blau) der HMdeviceTools table gleich färben können. und zwar unabhängig von der internals table.

Das war der Plan, bzw. ist für die anderen Bereiche in der DeviceOverview bereits so umgesetzt
(s. https://forum.fhem.de/index.php/topic,125119.msg1197622.html#msg1197622)


Zitat von: frank am 04 Januar 2022, 22:19:44
schaue ich mir demnächst mal an benni.

Danke! Eilt nicht! :)

gb#


frank

Zitat von: frank am 04 Januar 2022, 20:28:27
moin.

ab sofort können die neuesten updates von HMinfoTools.js und HMdeviceTools.js über fhem update bezogen werden.

updates direkt checken:
update check https://raw.githubusercontent.com/frank962/fhem/main/autoupdate/controls_HMtools.txt
updates direkt downloaden:
update all https://raw.githubusercontent.com/frank962/fhem/main/autoupdate/controls_HMtools.txt


falls die updates automatisch mit dem normalen fhem update kommen sollen, muss das controls-file in fhem integriert werden:
update add https://raw.githubusercontent.com/frank962/fhem/main/autoupdate/controls_HMtools.txt
zum checken, ob das controls-file integriert ist:
update list
controls-file wieder auschecken, um automatische updates zu beenden:
update delete https://raw.githubusercontent.com/frank962/fhem/main/autoupdate/controls_HMtools.txt


die ausgabe des fhem cmd "version" sollte nach heutigem update folgendes anzeigen:
HMdeviceTools.js           1003 2022-01-04 16:24:18Z frank
HMinfoTools.js             2006 2022-01-04 17:29:19Z frank

FHEM: 6.0(SVN) => Pi3(buster)
IO: CUL433|CUL868|HMLAN|HMUSB2|HMUART
CUL_HM: CC-TC|CC-VD|SEC-SD|SEC-SC|SEC-RHS|Sw1PBU-FM|Sw1-FM|Dim1TPBU-FM|Dim1T-FM|ES-PMSw1-Pl
IT: ITZ500|ITT1500|ITR1500|GRR3500
WebUI [HMdeviceTools.js (hm.js)]: https://forum.fhem.de/index.php/topic,106959.0.html

frank

hallo benni,

wenn ich ein "normales" dark f18 style nehme und unter additional css folgendes eingebe:
div#HMdeviceTools_toolsTable .col_header {
background-color: #652b65;
color: white;
}
.col_header[data-name="detail_Internals"] {
background-color: #3373a6;;
color: white;
}


erhalte ich 2 unterschiedliche farben
FHEM: 6.0(SVN) => Pi3(buster)
IO: CUL433|CUL868|HMLAN|HMUSB2|HMUART
CUL_HM: CC-TC|CC-VD|SEC-SD|SEC-SC|SEC-RHS|Sw1PBU-FM|Sw1-FM|Dim1TPBU-FM|Dim1T-FM|ES-PMSw1-Pl
IT: ITZ500|ITT1500|ITR1500|GRR3500
WebUI [HMdeviceTools.js (hm.js)]: https://forum.fhem.de/index.php/topic,106959.0.html

Benni

Hallo Frank,

vielen Dank fürs Nachschauen. Der Identifier der HMdeviceTools-Table ist mir doch glatt entgangen.

so ist dann bei mir auch der Rahmen sauber ohne Hintergrundfarbe:


div#HMdeviceTools_toolsTable .col_header {
background-color: #2b3867;
}

div#HMdeviceTools_toolsTable table.block.wide {
    border: solid 2px #2b3867;
    background-color:unset !important;
}


gb#


frank

schön, das es doch noch funktioniert.

background-color:unset !important;
interesanter ansatz.
FHEM: 6.0(SVN) => Pi3(buster)
IO: CUL433|CUL868|HMLAN|HMUSB2|HMUART
CUL_HM: CC-TC|CC-VD|SEC-SD|SEC-SC|SEC-RHS|Sw1PBU-FM|Sw1-FM|Dim1TPBU-FM|Dim1T-FM|ES-PMSw1-Pl
IT: ITZ500|ITT1500|ITR1500|GRR3500
WebUI [HMdeviceTools.js (hm.js)]: https://forum.fhem.de/index.php/topic,106959.0.html

RalfRog

Zitat von: frank am 03 Januar 2020, 01:49:01
...
0.1. automatischen download über den fhem update mechanismus einrichten. ein paar beispiele für den fhem update cmd sind in diesem post zu finden: https://forum.fhem.de/index.phptopic,112825.msg1197938.html#msg1197938
...

Hallo Frank
Hier fehlt ein /
//forum.fhem.de/index.php/topic,112825.msg1197938.html#msg1197938

Bei den HMinfoTools im ersten Post auch.
FHEM auf Raspi 2B mit nanoCUL, HM-MOD-RPI-PCB und über LAN MAX!Cube mit a-culFW (Stack 868 + 433)
HM- Fensterkontakte, UP-Schalter, Bewegungsmelder und ein Rauchmelder

frank

FHEM: 6.0(SVN) => Pi3(buster)
IO: CUL433|CUL868|HMLAN|HMUSB2|HMUART
CUL_HM: CC-TC|CC-VD|SEC-SD|SEC-SC|SEC-RHS|Sw1PBU-FM|Sw1-FM|Dim1TPBU-FM|Dim1T-FM|ES-PMSw1-Pl
IT: ITZ500|ITT1500|ITR1500|GRR3500
WebUI [HMdeviceTools.js (hm.js)]: https://forum.fhem.de/index.php/topic,106959.0.html

frank

neues grosses update v1006 auf github.

nun gibt es endlich eine edit-funktion zum editieren von templates.
alles lässt sich ändern sogar der name.

einfach template aus der liste selektieren und edit button drücken.
nach den änderungen den save button drücken, um die änderungen zu übernehmen, logisch.
oder über cancel button das editieren verwerfen und beenden.

im prinzip wird das vorhandene template gelöscht und ein neues definiert.
zusätzlich werden vor dem löschen des alten templates automatisch alle assignments entfernt und nach dem erstellen des neuen templates alle assignments wieder automatisch gesetzt.

dann mal viel spass beim editieren.  :)
FHEM: 6.0(SVN) => Pi3(buster)
IO: CUL433|CUL868|HMLAN|HMUSB2|HMUART
CUL_HM: CC-TC|CC-VD|SEC-SD|SEC-SC|SEC-RHS|Sw1PBU-FM|Sw1-FM|Dim1TPBU-FM|Dim1T-FM|ES-PMSw1-Pl
IT: ITZ500|ITT1500|ITR1500|GRR3500
WebUI [HMdeviceTools.js (hm.js)]: https://forum.fhem.de/index.php/topic,106959.0.html

frank

update v1008 auf github.

HMdeviceTools findet nun zu jedem selektierten template alle entities mit passendem registersatz.

entsprechend ist die edit funktion nun so angepasst, dass die assignments, die ein template vor dem editieren hatte, nun gecheckt werden, ob sie für das "neue" template noch passen.
FHEM: 6.0(SVN) => Pi3(buster)
IO: CUL433|CUL868|HMLAN|HMUSB2|HMUART
CUL_HM: CC-TC|CC-VD|SEC-SD|SEC-SC|SEC-RHS|Sw1PBU-FM|Sw1-FM|Dim1TPBU-FM|Dim1T-FM|ES-PMSw1-Pl
IT: ITZ500|ITT1500|ITR1500|GRR3500
WebUI [HMdeviceTools.js (hm.js)]: https://forum.fhem.de/index.php/topic,106959.0.html