Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[sigi234]

@mcu sagte in jarvis v3.0.0 - just another remarkable vis:

@sigi234 Neu laden und drüber kopieren ins das alte, oder komplett neu.

Ok

Hinweis:

Im Änderungsprotokoll ist Javascript cssthemes nicht verlinkt

20:43:36.354	info	javascript.0 (13760) Start javascript script.js.Jarvis.CSS_Themes_MCU
20:43:36.382	info	javascript.0 (13760) script.js.Jarvis.CSS_Themes_MCU: Script "script.js.Jarvis.CSS_Themes_MCU" wurde für CSSThemes v1.0.0 gestartet!
20:43:36.386	info	javascript.0 (13760) script.js.Jarvis.CSS_Themes_MCU: registered 95 subscriptions and 0 schedules
20:43:38.390	info	javascript.0 (13760) script.js.Jarvis.CSS_Themes_MCU: Logging CSSThemes wurde eingeschaltet
20:43:38.390	warn	javascript.0 (13760) script.js.Jarvis.CSS_Themes_MCU: Logging CSSThemes CSS Änderungen wurde ausgeschaltet! Komplette CSS wird nicht ins log geschrieben!
20:43:41.399	warn	javascript.0 (13760) script.js.Jarvis.CSS_Themes_MCU: **** CSS Original wurde in cssOriginal-DP einmalig kopiert! ****

[MCU]

@sigi234 sagte in jarvis v3.0.0 - just another remarkable vis:

Javascript cssthemes nicht verlinkt

In der Doku korrigiert. Musste den alten javascript Eintrag entfernen, da das Dokumentationstool mit der Anzahl der Zeilen >1000 anscheinend nicht klar kommt.
Danke.

[MCU]

@dominik-f
Bitte das Script aus der Doku neu laden und den DP cssOriginal in den settings löschen. Da dürfte momentan keine Eintrag drin sein?

[Dominik F.]

@mcu

Bei mir ist da ein Eintrag drin. Hatte aber zwischendurch auch mal das Script neu geladen und alle Datenpunkte gelöscht gehabt.

[Dominik F.]

@dominik-f

Ich hab mir nun meine Orginal CSS als "normal" abgespeichert und deine CSS als "transparent". Ich hadere im Moment damit, wie ich die jeweilige Config wieder aufrufen kann

[MCU]

@dominik-f Es wird ja im configChoose die unterschiedlichen Varianten angezeigt. Die richtige auswählen. Config FromArray auslösen.
-> die Config ist im themeConfig . Dann configLoad um diese Config in die Selektoren zu schreiben und dann configShow um sie anzuzeigen.

[Dominik F.]

@mcu

Wenn ich die variante auswähle und config from array auslöse passiert bei mir nichts, also themeconfig bleibt gleich

p.s.: den Datenpunkt configShow habe ich nicht

[MCU]

@dominik-f Zeig mal das Objekt-Bild:

[Dominik F.]

@mcu

das ist der Inhalt:

{
  "configName": "transparent",
  "0_userdata.0.jarvis.system.cssThemes.01_jarvisPageContainerBG": {
    "background": "url(\"https://images.hdqwalls.com/download/3d-cgi-geometry-pattern-bo-3840x2160.jpg\")"
  },
  "0_userdata.0.jarvis.system.cssThemes.02_bodyDarkjarvisHeaderBG": {
    "background": "rgba(0,0,0,0.45) !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.03_jarvisTabsContainerBG": {
    "background": "rgba(0,0,0,0.45) !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.04_jarvisWidgetContainerBG": {
    "background": "rgba(0,0,0,0.45) !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.05_bodyDarkJarvisWidgetBG": {
    "background": "rgba(0,0,0,0.45)"
  },
  "0_userdata.0.jarvis.system.cssThemes.06_bodyLightJarvisWidgetBG": {
    "background": "rgba(255,255,255,1)"
  },
  "0_userdata.0.jarvis.system.cssThemes.07_bodyDarkJarvisTabsContainerBG": {
    "background": "rgba(0,0,0,0.45) !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.08_qTableContainerBG": {
    "background": "transparent !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.09_qHeaderBorderedBG": {
    "border": "1px solid transparent !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.10_jarvisWidgetIconBG": {
    "background": "rgba(0,0,0,0.45)"
  },
  "0_userdata.0.jarvis.system.cssThemes.12_jarvisHeader": {
    "background": "rgba(0,0,0,0.45) !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.13_jarvisSidebar": {
    "background": "rgba(0,0,0,0.45) !important; "
  },
  "0_userdata.0.jarvis.system.cssThemes.14_jarvisSidebarItemPage": {},
  "0_userdata.0.jarvis.system.cssThemes.15_jarvisSidebarItemPageSelected": {},
  "0_userdata.0.jarvis.system.cssThemes.16_jarvisStateListItemPopup": {},
  "0_userdata.0.jarvis.system.cssThemes.17_jarvisWidgetHeader": {
    "background-color": "#606060 !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.18_jarvisTabs": {},
  "0_userdata.0.jarvis.system.cssThemes.19_qItemDark": {
    "background-color": "transparent"
  },
  "0_userdata.0.jarvis.system.cssThemes.20_jarvisWidgetModuleStateList": {
    "background-color": "#303030"
  },
  "0_userdata.0.jarvis.system.cssThemes.21_jarvisStateListItemBody": {},
  "0_userdata.0.jarvis.system.cssThemes.22_jarvisJsonTable": {
    "background-color": "#303030 !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.23_rowItemsCenterqCardSectionVert": {
    "background-color": "#303030"
  },
  "0_userdata.0.jarvis.system.cssThemes.24_qCardActioinsHorizRowJustifyEnd": {
    "background-color": "#303030"
  },
  "0_userdata.0.jarvis.system.cssThemes.25_jarvisPageContainerScroll": {},
  "0_userdata.0.jarvis.system.cssThemes.26_jarvisPageContainerTextArea": {},
  "0_userdata.0.jarvis.system.cssThemes.27_qSliderThumb": {},
  "0_userdata.0.jarvis.system.cssThemes.28_notificationDrawerButton": {
    "display": "none !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.29_jarvisDateTimeClock": {},
  "0_userdata.0.jarvis.system.cssThemes.30_qToggleThumb": {},
  "0_userdata.0.jarvis.system.cssThemes.31_jarvisSidebarItem": {},
  "0_userdata.0.jarvis.system.cssThemes.32_jarvisPage": {},
  "0_userdata.0.jarvis.system.cssThemes.33_jarvisIconPath": {},
  "0_userdata.0.jarvis.system.cssThemes.34_qSliderqSliderTrack": {},
  "0_userdata.0.jarvis.system.cssThemes.50_mediaColorCover": {
    "background-color": "transparent !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.51_mediaControls": {
    "background": "transparent !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.52_mediaTrackInformation": {
    "background": "rgba(25, 118, 210, 0) !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.53_mediaTrackDuration": {
    "background": "white"
  },
  "0_userdata.0.jarvis.system.cssThemes.54_mediaTrackProgress": {
    "background": "blue"
  },
  "0_userdata.0.jarvis.system.cssThemes.55_mediaControlsJarvisIconSvg": {
    "color": "white"
  },
  "0_userdata.0.jarvis.system.cssThemes.56_mediaControlsControlsLeftQbtnwrapper": {
    "background": "transparent !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.57_mediaControlsQbtngroupQbtnitem": {
    "background": "transparent !important"
  },
  "0_userdata.0.jarvis.system.cssThemes.colorPrimary": "#1976d2",
  "0_userdata.0.jarvis.system.cssThemes.colorSecondary": "#26a69a",
  "0_userdata.0.jarvis.system.cssThemes.colorAccent": "#9c27b0",
  "0_userdata.0.jarvis.system.cssThemes.darkMode": true
}

da müsste ja eigentlich "normal" dann drin stehen.

Was mir aufgefallen ist, ist das in ThemeArray beide Themes drin stehen. Ist das so richtig?

[sigi234]

@mcu sagte in jarvis v3.0.0 - just another remarkable vis:

configChoose die unterschiedlichen Varianten angezeigt.

Habe ich nicht?

[Dominik F.]

@sigi234 sagte in jarvis v3.0.0 - just another remarkable vis:

@mcu sagte in jarvis v3.0.0 - just another remarkable vis:

configChoose die unterschiedlichen Varianten angezeigt.

Habe ich nicht?

Dazu muss man einen Namen für die ConfigTheme festlegen in dem DP 0_userdata.0.jarvis.system.cssThemes.theme.themeName. Ohne Name wird keine Config gespeichert. Dann noch die Config im ThemeArray speichern und dann entsteht der Datenpunkt

[MCU]

@sigi234 Wenn man in das Array die Config auch schreiben lassen möchte muss der 0_userdata.0.jarvis.system.cssThemes.theme.themeSaveInArray auf true stehen!. Sonst wird nichts in Array geschrieben.

[MCU]

@dominik-f Da hast bei Deinem "normal" anscheinend nicht 0_userdata.0.jarvis.system.cssThemes.theme.themeSaveInArray auf true stehen gehabt?
"normal" steht nicht im Array? Wo steht sie bei Dir?

[Dominik F.]

@mcu

doch eigentlich schon. Hier mein ThemeArray:
Dort stehen beide drin. Ich hab normal auch zu erst gemacht

[
  {
    "configName": "normal",
    "0_userdata.0.jarvis.system.cssThemes.01_jarvisPageContainerBG": {},
    "0_userdata.0.jarvis.system.cssThemes.02_bodyDarkjarvisHeaderBG": {},
    "0_userdata.0.jarvis.system.cssThemes.03_jarvisTabsContainerBG": {
      "background-color": "#303030 !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.04_jarvisWidgetContainerBG": {},
    "0_userdata.0.jarvis.system.cssThemes.05_bodyDarkJarvisWidgetBG": {},
    "0_userdata.0.jarvis.system.cssThemes.06_bodyLightJarvisWidgetBG": {},
    "0_userdata.0.jarvis.system.cssThemes.07_bodyDarkJarvisTabsContainerBG": {
      "background-color": "#303030 !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.08_qTableContainerBG": {},
    "0_userdata.0.jarvis.system.cssThemes.09_qHeaderBorderedBG": {},
    "0_userdata.0.jarvis.system.cssThemes.10_jarvisWidgetIconBG": {},
    "0_userdata.0.jarvis.system.cssThemes.12_jarvisHeader": {},
    "0_userdata.0.jarvis.system.cssThemes.13_jarvisSidebar": {
      "background-color": "#303030"
    },
    "0_userdata.0.jarvis.system.cssThemes.14_jarvisSidebarItemPage": {},
    "0_userdata.0.jarvis.system.cssThemes.15_jarvisSidebarItemPageSelected": {},
    "0_userdata.0.jarvis.system.cssThemes.16_jarvisStateListItemPopup": {},
    "0_userdata.0.jarvis.system.cssThemes.17_jarvisWidgetHeader": {
      "background-color": "#606060 !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.18_jarvisTabs": {},
    "0_userdata.0.jarvis.system.cssThemes.19_qItemDark": {
      "background-color": "transparent"
    },
    "0_userdata.0.jarvis.system.cssThemes.20_jarvisWidgetModuleStateList": {
      "background-color": "#303030"
    },
    "0_userdata.0.jarvis.system.cssThemes.21_jarvisStateListItemBody": {},
    "0_userdata.0.jarvis.system.cssThemes.22_jarvisJsonTable": {
      "background-color": "#303030 !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.23_rowItemsCenterqCardSectionVert": {
      "background-color": "#303030"
    },
    "0_userdata.0.jarvis.system.cssThemes.24_qCardActioinsHorizRowJustifyEnd": {
      "background-color": "#303030"
    },
    "0_userdata.0.jarvis.system.cssThemes.25_jarvisPageContainerScroll": {},
    "0_userdata.0.jarvis.system.cssThemes.26_jarvisPageContainerTextArea": {},
    "0_userdata.0.jarvis.system.cssThemes.27_qSliderThumb": {},
    "0_userdata.0.jarvis.system.cssThemes.28_notificationDrawerButton": {
      "display": "none !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.29_jarvisDateTimeClock": {},
    "0_userdata.0.jarvis.system.cssThemes.30_qToggleThumb": {},
    "0_userdata.0.jarvis.system.cssThemes.31_jarvisSidebarItem": {},
    "0_userdata.0.jarvis.system.cssThemes.32_jarvisPage": {},
    "0_userdata.0.jarvis.system.cssThemes.33_jarvisIconPath": {},
    "0_userdata.0.jarvis.system.cssThemes.34_qSliderqSliderTrack": {},
    "0_userdata.0.jarvis.system.cssThemes.50_mediaColorCover": {},
    "0_userdata.0.jarvis.system.cssThemes.51_mediaControls": {},
    "0_userdata.0.jarvis.system.cssThemes.52_mediaTrackInformation": {},
    "0_userdata.0.jarvis.system.cssThemes.53_mediaTrackDuration": {},
    "0_userdata.0.jarvis.system.cssThemes.54_mediaTrackProgress": {},
    "0_userdata.0.jarvis.system.cssThemes.55_mediaControlsJarvisIconSvg": {},
    "0_userdata.0.jarvis.system.cssThemes.56_mediaControlsControlsLeftQbtnwrapper": {},
    "0_userdata.0.jarvis.system.cssThemes.57_mediaControlsQbtngroupQbtnitem": {},
    "0_userdata.0.jarvis.system.cssThemes.colorPrimary": "DodgerBlue",
    "0_userdata.0.jarvis.system.cssThemes.colorSecondary": "#26a69a",
    "0_userdata.0.jarvis.system.cssThemes.colorAccent": "#9c27b0",
    "0_userdata.0.jarvis.system.cssThemes.darkMode": true
  },
  {
    "configName": "transparent",
    "0_userdata.0.jarvis.system.cssThemes.01_jarvisPageContainerBG": {
      "background": "url(\"https://images.hdqwalls.com/download/3d-cgi-geometry-pattern-bo-3840x2160.jpg\")"
    },
    "0_userdata.0.jarvis.system.cssThemes.02_bodyDarkjarvisHeaderBG": {
      "background": "rgba(0,0,0,0.45) !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.03_jarvisTabsContainerBG": {
      "background": "rgba(0,0,0,0.45) !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.04_jarvisWidgetContainerBG": {
      "background": "rgba(0,0,0,0.45) !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.05_bodyDarkJarvisWidgetBG": {
      "background": "rgba(0,0,0,0.45)"
    },
    "0_userdata.0.jarvis.system.cssThemes.06_bodyLightJarvisWidgetBG": {
      "background": "rgba(255,255,255,1)"
    },
    "0_userdata.0.jarvis.system.cssThemes.07_bodyDarkJarvisTabsContainerBG": {
      "background": "rgba(0,0,0,0.45) !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.08_qTableContainerBG": {
      "background": "transparent !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.09_qHeaderBorderedBG": {
      "border": "1px solid transparent !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.10_jarvisWidgetIconBG": {
      "background": "rgba(0,0,0,0.45)"
    },
    "0_userdata.0.jarvis.system.cssThemes.12_jarvisHeader": {
      "background": "rgba(0,0,0,0.45) !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.13_jarvisSidebar": {
      "background": "rgba(0,0,0,0.45) !important; "
    },
    "0_userdata.0.jarvis.system.cssThemes.14_jarvisSidebarItemPage": {},
    "0_userdata.0.jarvis.system.cssThemes.15_jarvisSidebarItemPageSelected": {},
    "0_userdata.0.jarvis.system.cssThemes.16_jarvisStateListItemPopup": {},
    "0_userdata.0.jarvis.system.cssThemes.17_jarvisWidgetHeader": {
      "background-color": "#606060 !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.18_jarvisTabs": {},
    "0_userdata.0.jarvis.system.cssThemes.19_qItemDark": {
      "background-color": "transparent"
    },
    "0_userdata.0.jarvis.system.cssThemes.20_jarvisWidgetModuleStateList": {
      "background-color": "#303030"
    },
    "0_userdata.0.jarvis.system.cssThemes.21_jarvisStateListItemBody": {},
    "0_userdata.0.jarvis.system.cssThemes.22_jarvisJsonTable": {
      "background-color": "#303030 !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.23_rowItemsCenterqCardSectionVert": {
      "background-color": "#303030"
    },
    "0_userdata.0.jarvis.system.cssThemes.24_qCardActioinsHorizRowJustifyEnd": {
      "background-color": "#303030"
    },
    "0_userdata.0.jarvis.system.cssThemes.25_jarvisPageContainerScroll": {},
    "0_userdata.0.jarvis.system.cssThemes.26_jarvisPageContainerTextArea": {},
    "0_userdata.0.jarvis.system.cssThemes.27_qSliderThumb": {},
    "0_userdata.0.jarvis.system.cssThemes.28_notificationDrawerButton": {
      "display": "none !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.29_jarvisDateTimeClock": {},
    "0_userdata.0.jarvis.system.cssThemes.30_qToggleThumb": {},
    "0_userdata.0.jarvis.system.cssThemes.31_jarvisSidebarItem": {},
    "0_userdata.0.jarvis.system.cssThemes.32_jarvisPage": {},
    "0_userdata.0.jarvis.system.cssThemes.33_jarvisIconPath": {},
    "0_userdata.0.jarvis.system.cssThemes.34_qSliderqSliderTrack": {},
    "0_userdata.0.jarvis.system.cssThemes.50_mediaColorCover": {
      "background-color": "transparent !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.51_mediaControls": {
      "background": "transparent !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.52_mediaTrackInformation": {
      "background": "rgba(25, 118, 210, 0) !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.53_mediaTrackDuration": {
      "background": "white"
    },
    "0_userdata.0.jarvis.system.cssThemes.54_mediaTrackProgress": {
      "background": "blue"
    },
    "0_userdata.0.jarvis.system.cssThemes.55_mediaControlsJarvisIconSvg": {
      "color": "white"
    },
    "0_userdata.0.jarvis.system.cssThemes.56_mediaControlsControlsLeftQbtnwrapper": {
      "background": "transparent !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.57_mediaControlsQbtngroupQbtnitem": {
      "background": "transparent !important"
    },
    "0_userdata.0.jarvis.system.cssThemes.colorPrimary": "#1976d2",
    "0_userdata.0.jarvis.system.cssThemes.colorSecondary": "#26a69a",
    "0_userdata.0.jarvis.system.cssThemes.colorAccent": "#9c27b0",
    "0_userdata.0.jarvis.system.cssThemes.darkMode": true
  }
]

[MCU]

@dominik-f Ok Und configChoose? Was steht da drin? Klick mal drauf.

[Dominik F.]

@mcu

da ist normal und transparent zur Auswahl

[MCU]

@dominik-f Dann das auswählen wie oben beschrieben und dann das andere was oben schon steht.
Willst die du die auf die Button legen?

[SevenUp]

@mcu sagte in jarvis v3.0.0 - just another remarkable vis:

https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/module/statehtml/videostream/alternativer-stream
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/module/statehtml/videostream

Ich nutze für meinen 3D Drucker die SW octoprint. Dort kann auch eine Webcam eingebunden werden. Der Stream wird direkt im octoprint Fenster angezeigt werden, kann aber auch über die Adresse
http://192.168.xx.xx/webcam/?action=stream
aufgerufen werden.

Spoiler

Nun versuche ich den Stream in Jarvis einzubinden und habe es mit den oben zitierten Anleitung probiert. Leider ohne Erfolg (kein Bild).

VLC kann den Link/Stream öffnen und zeigt mir an, dass es ein MJPG Format ist.
Wie mich das weiterbringen soll, weiß ich aber nicht... :-)

Hat evtl. jemand ein ähnliches Vorhaben bereits umgesetzt oder hat erstmal weitere Tipps?

EDIT: man sollte nicht zu schnell aufgeben und auch alle Lösungsvorschläge durchprobieren :-) Das war die Lösung, sowohl für Webstream der Kamera, als auch für die Anzeige des Thumbnails des Druckjobs:
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/beispiele/module/html-dp-objektids/bilder-aus-dp-anzeigen

[MCU]

@sevenup Als iFrame einbinden?

[Dominik F.]

@mcu

Ich verstehe gerade nicht was sich jetzt verändert hat?
Das was ich auswähle wird nicht in ThemeConfig geschrieben.

Auf die Button legen hat funktioniert, die Theme verändern sich.
Du hast in deiner Doku geschrieben, dass man sich Theme abspeichern kann und ich versuche gerade ein abgespeichert Theme wieder aufzurufen.