[Vorlage] MDCSS v2: Adapter-Instanzen in vis anzeigen

[Saschag]

@Uhula
Super Arbeit wieder mal! Danke!!

bei "DarkMode" werden manchen Adapter Symbole schlecht bzw. nicht angezeigt.

[Uhula]

Auf Github gibt es ein Update:

• beim Auslesen der States (wie CPU usw) wird nun vorher kein $()-Exists mehr durchgeführt, nur noch ein existsState() - damit sind bei mir die Warnungen weg
• in der Tabellenanzeige sind die Header nun zum Sortieren klickbar, ab MDCSS v2.5 wird das auch in den Views angezeigt
  

Wer nicht auf die MDCSS v2.5 warten möchte, kann seine Projekt-MDCSS mit folgenden CSS Zeilen ergänzen, dann sollte es auch funktionieren:

CSS

[class*="mdui-table"] tr th[onclick]{
  cursor:pointer;
}

[class*="mdui-table"] tr th[onclick]:hover{
  box-shadow: 0 0 0 1000px rgba(0,0,0,0.05) inset !important;
  transition: all 0.3s ease;
  border-bottom-color : var(--accent-color) !important;
  opacity:1 !important;
}

.mdui-runtime.mdui-notouch .mdui-dark [class*="mdui-table"] tr th[onclick]:hover{
  box-shadow: 0 0 0 1000px rgba(255,255,255,0.05) inset !important;
}

[class*="mdui-table"] tr th:after{
  position: relative;
  font-family: 'Material Icons' !important;
  color:var(--design-font-color);
  right:0;
  top:3px;
  content: "";
}
.mdui-dark [class*="mdui-table"] tr th:after{
  color:#ffffff;
}

[class*="mdui-table"] tr th.mdui-sortable:after{
  content: "unfold_more";
}
[class*="mdui-table"] tr th.mdui-sort-descending:after{
  content: "arrow_downward";
}
[class*="mdui-table"] tr th.mdui-sort-ascending:after{
  content: "arrow_upward";
}

@Saschag Die Adapterbilder sind im Adapter angegeben, ich stelle sie so dar, wie sie vom Entwickler entworfen wurden.

[sigi234]

@Uhula

Wie ändere ich diese Icons Farben? In CSS Klasse?

[Uhula]

@sigi234 Jein.
Wenn du eine feste Farbe haben möchtest, kannst du in der CSS Klasse das vis-binding, was im Moment da drin ist, durch den Farbnamen ersetzen. Aus mdui-{0_userdata.0.mdui.card_title_color} wird dann z.B. mdui-blue

Wenn du es konfigurierbar haben möchtest (wie bei mir im View), dann legst du dir einen State unter 0_userdata.0 an: 0_userdata.0.mdui.card_title_color und setzt dort den gewünschten Farbnamen rein, z.B. blue.

Hinweis: Im MDCSS MD_Demo Projekt gibt es auch einen Konfigurationsview dazu, dieser schreibt aber nicht in den 0_userdata.0 State, sondern nutzt temporäre States, da ich ja aus dem CSS heraus keine echten States erzeugen kann. Das müsste im View angepasst werden.

Generell zu den Icon-Farben: Die nutzen, wie auch die Schrift, die Font-Farben.

OK?

[Saschag]

@Uhula

Okay, weis ich Bescheid.
Aber bei Worx und UpnP fehlen die Logos ganz:-(

[sigi234]

@Uhula sagte in [Vorlage] MDCSS v2: Adapter-Instanzen in vis anzeigen:

OK?

Jupp

[Uhula]

@Saschag Ja, die fehlenden Logos liegen daran, dass im Adapter ein Pfad zu externen Icons angegeben ist, der aber mittlerweile ungültig ist. Die URL gibt es nicht mehr, so dass die Bildanzeige nicht möglich ist. Im Admin wird auf ein lokales Bild zugegriffen, aber ich weiß nicht, wie ich das in der vis zum Browser zur Anzeige bekomme.

[Saschag]

@Uhula

Okay,, danke für die Rückmeldung!

[Dominik F.]

@Saschag

Bei mir ist das upnp Logo in der Vis vorhanden.

[Uhula]

Update 2020.05.01

• Anpassung an neues MduiBase (intern)
• Anpassung an MDCSS 2.5
• Einbau swipeLeft für Start/Stop Adapter, keine Buttonanzeige mehr auf Touch-Geräten

Update auf GitHub, siehe 1.Beitrag

Um ein Feedback zu erhalten wäre es schön, wenn jeder, der diese Vorlagen nutzt, den 1.Beitrag des Themas positiv bewertet (Pfeil nach oben oder unten ). Ich kann dann auch abschätzen, ob sich die weitere Pflege lohnt. Thx!

[Dominik F.]

@Uhula

Irgendwas stimmt bei mir glaub ich mit der Anzeige in vis nicht.

[Uhula]

@Dominik-F Nur in der kompakten Ansicht oder auch in der normalen? Kann ich hier leider in beiden nicht nachvollziehen. Scheint mit dem OK-Symbol (check_circle_outline) zusammen zu hängen, zumindest ist es nicht das aus der Vorlage.

Zeile 698 im Script:

case this.MSG_TYPE_OK       : entry.icon = 'check_circle_outline'; entry.iconColor='mdui-green'; break;

[Dominik F.]

@Uhula

Hier die normale, dort tritt das Problem auch auf.

so sieht die Zeile bei mir aus, erkenne da keinen Unterschied

 case this.MSG_TYPE_OK       : entry.icon = 'check_circle_outline'; entry.iconColor='mdui-green'; break;

[Uhula]

@Dominik-F sagte in [Vorlage] MDCSS v2: Adapter-Instanzen in vis anzeigen:

check_circle_outline

Dann wird - warum auch immer - ein anderes check_circle_outline Icon verwendet. Hast du im CSS noch andere Icon-Schriften eingebunden? In deinem Projekt-Ordner andere Dateien? Wie sieht es im MD_Demo Projekt aus?

[Dominik F.]

@Uhula

Ich nutze nur die beiden von dir vorgesehenen Icon-Schriften, sonst keine andere.

meine selbsterstellten Tabellen wo du mir mit den Symbolen geholfen hast haben sich nicht verändert. Im Demoprojekt ehe ich die Symbole nicht

[Dominik F.]

@Uhula

Hast du mittlerweile eine Idee woran es liegen könnte?

Edit: Falls es hilft, bei deinem Update mit dem TR 064 Adapter wird alles richtig angezeigt.

[Uhula]

@Dominik-F Ersetz mal im Script in Zeile 698 (o.ä.) das check_circle_outline durch ein check_circle - ich vermute das mit _outline wird bei dir nicht gefunden. Wenn das auch nicht geht, dann einfach check.

[Saschag]

@Uhula sagte in [Vorlage] MDCSS v2: Adapter-Instanzen in vis anzeigen:

@Dominik-F Ersetz mal im Script in Zeile 698 (o.ä.) das check_circle_outline durch ein check_circle - ich vermute das mit _outline wird bei dir nicht gefunden. Wenn das auch nicht geht, dann einfach check.

Hatte das gleich Problem, aber mit check_circle funktioniert es bei mir. (auch im BackitupView bzw. Skript)

Danke

[Dominik F.]

@Uhula

check_circle funktioniert. Was mich nur wundert ist, dass das check_circle_outline beim TR064 Script von dir funktioniert, bei den Instanzen und beim Backup nicht.

[Uhula]

@Dominik-F Wundert mich auch, kann ich auch nicht erklären. Ich werden das -outline in allen Scripten entfernen. Die -outline Icons sollten lt. Google ohnehin gar nicht im Font drin sein.