[Beta] Material Design

[Robert_Mini]

Was ist eigentlich aus dem doch coolen Material Design geworden? Läuft es bei euch (Alltime, Incognito666) noch?

lg
Robert

[alltime]

Hallo Robert,

ja, ich nutze es selbstverständlich noch
Mal schauen, wenn ich im Winter etwas Zeit und Lust habe, versuche ich es auf den Standard zu bringen.
Aber seit ich Alexa habe, brauche ich kaum noch ne Visu

LG
Tim

[Robert_Mini]

Na dann, wär nett wenn wir das auf github einbauen könnten, Doku übernehm ich dann :-)

Wie hast du Alexa eingebunden? Was läuft auf welcher Hardware?

Danke
Robert

[alltime]

Ich habe Openhab2 auf einem Raspberry Pi 3 installiert. Für Alexa gibt es einen Skill von OpenHAB. Auf myopenhab.org muss man sich dann noch mit seinem Openhab verbinden.

[tinom86]

Hallo Tim,

finde dein Design klasse und möchte es adaptieren

Frage: Funktioniert der CometVisu Editor mit deinem Design? Ich bekomme beim Aufrufen des Editor die Meldung es handele sich nicht um ein valides XML?!?

VG
Tino

[Chris M.]

Grundsätzlich ist der Editor unabhängig vom Design, da der Editor nur auf die Config geht und die Config die HTML-Struktur der Seite erzeugt - das Design aber "nur" das CSS ist, das sagt, wie der Browser das HTML darstellen soll.

Wenn jedoch (noch unbekannte) Plugins verwendet werden, dass kann der Validier-Check anschlagen, weil die XSD noch nicht angepasst wurde.

=> Wo meckert denn der Config-Check?

[tinom86]

Hi Chris,

danke erstmal für deine Hilfe.
Ich häng dir einen Screenshot der Fehler (Ausschnitt) an.

Installation bin ich der Anleitung gefolgt. Das Aufrufen funktioniert einwandfrei. Die Rechte sind auch korrekt hinterlegt. Ich habe es auf einem Wiregate Server laufen.

@ Chris
Wie stehts es um die Browserkompatibilität? Den Editor kann ich neuerdings nur noch mit Firefox oder IE öffnen. Der Chrome spuckt Fehler. Ich vermute es liegt an einem Browserupdate, da der Editor vormals (CometVisu 0.8 und 0.9.2) unter Chrome funktioniert hat.

@ Tim
Sollte das Menü auch unter IE funktionieren? Es klappt bei mir derzeit nur unter Chrome oder Firefox entsprechend auf.

VG
Tino

[alltime]

Hallo Tino,

das Header und Popup Plug-in ist noch nicht offiziell in der Cometvisu integriert. Das müsstest du selbst in der Xsd hinzufügen. Info ist eventuell veraltet. Ich habe den Editor nie verwendet... welche Version verwendest du denn?

Das Menü habe ich nur in Chrome getestet. Es sollte eigentlich eh nur auf kleinen Screens ausklappen. Beim PC mit normaler Auflösung sollte es immer sichtbar sein.

Gruß Tim

[tinom86]

Hallo Tim,

kannst du mir sagen wie das einzutragen ist?

MaterialDesign verwende ich unter Version 0.9.0 - parallel habe ich bereits die neueste Version installiert 0.10.2.

Wie krieg ich es unter 0.10.2 zum Laufen?

Habe das Design "material" rübergezogen und zusätzlich die relevanten Plugins (header, infoaction, menu, popup). Dann natürlich noch deine Beispielconfig visu_config.xml. Beim Aufrufen bekomme ich nur einen weißen Bildschirm. Habe ich noch etwas vergessen?

VG
Tino

[alltime]

Hi Tino,

das solltest du vor

</xsd:schema>

(also fast am Ende der Datei) einfügen:

<xsd:complexType name="menu">
  </xsd:complexType>

    <xsd:complexType name="header">
  </xsd:complexType>

  <xsd:complexType name="popup">
    <xsd:attribute name="title" type="label" use="optional" />
  </xsd:complexType>

Bei dem Info widget solltest du einfach "bind_click_towidget" löschen.

Viele Grüße,
Tim

[eumel]

Hallo zusammen,

ich finde dieses CometVisu-Design mit dem einklappbaren Menü für Smartphones super! Ich arbeite derzeit mit einem lokalen Webserver (xampp) und habe mir die aktuellen Datein von GIT gezogen. Es läuft auch super auf PC/Tablet/Smartphone.

Nun will ich im Editor eine config bearbeiten, die das Menü bereits umsetzt, um darauf aufzubauen. Die Anpassungen in der xsd Datei habe ich bereits durchgeführt. Allerdings erhalte ich weitere Fehler:

[B]Warning[/B]: DOMDocument::schemaValidate(): Invalid Schema in [B]C:\xampp\htdocs\Material\src\check_config.php[/B] on line [B]127[/B]
config [B]config/visu_config.xml is NOT [/B] valid XML      [HR][/HR]The config file uses a library version of '8', current version is '8', so this is up to date. [HR][/HR]

[B]Notice[/B]: Undefined variable: return in [B]C:\xampp\htdocs\Material\src\check_config.php[/B] on line [B]46[/B]
[B]Error 3004[/B]: attribute decl. 'title', attribute 'type': The QName value 'label' does not resolve to a(n) simple type definition. on [URL="http://localhost/Material/src/check_config.php?config=#1372"]line [B]1373[/B][/URL]  
 1370:             [COLOR=#0000ff]<[COLOR=#808000]switch[/COLOR] [COLOR=#800080]mapping[/COLOR]=[COLOR=#ff00ff]"OnOff"[/COLOR] [COLOR=#800080]bind_click_to_widget[/COLOR]=[COLOR=#ff00ff]"false"[/COLOR]>[/COLOR] 1371:               [COLOR=#0000ff]<[COLOR=#808000]label[/COLOR]>[/COLOR]Treppenspots[COLOR=#0000ff]</[COLOR=#808000]label[/COLOR]>[/COLOR] 1372:               [COLOR=#0000ff]<[COLOR=#808000]address[/COLOR] [COLOR=#800080]transform[/COLOR]=[COLOR=#ff00ff]"DPT:1.001"[/COLOR] [COLOR=#800080]mode[/COLOR]=[COLOR=#ff00ff]"write"[/COLOR]>[/COLOR]11/1/30[COLOR=#0000ff]</[COLOR=#808000]address[/COLOR]>[/COLOR] [B]1373:               [COLOR=#0000ff]<[COLOR=#808000]address[/COLOR] [COLOR=#800080]transform[/COLOR]=[COLOR=#ff00ff]"DPT:1.011"[/COLOR] [COLOR=#800080]mode[/COLOR]=[COLOR=#ff00ff]"read"[/COLOR]>[/COLOR]11/1/31[COLOR=#0000ff]</[COLOR=#808000]address[/COLOR]>[/COLOR] [/B]1374:             [COLOR=#0000ff]</[COLOR=#808000]switch[/COLOR]>[/COLOR] 1375:             [COLOR=#0000ff]<[COLOR=#808000]info[/COLOR] [COLOR=#800080]mapping[/COLOR]=[COLOR=#ff00ff]"OnOffStatus"[/COLOR] [COLOR=#800080]flavour[/COLOR]=[COLOR=#ff00ff]"description"[/COLOR] [COLOR=#800080]align[/COLOR]=[COLOR=#ff00ff]"left"[/COLOR]>[/COLOR] 1376:               [COLOR=#0000ff]<[COLOR=#808000]layout[/COLOR] [COLOR=#800080]colspan[/COLOR]=[COLOR=#ff00ff]"3"[/COLOR]/>[/COLOR]

Könnt ihr mir dabei helfen?

[alltime]

Hallo, die Xsd hatte schon die Einträge drin. Jetzt sind sie doppelt drin.

[eumel]

Hallo,

stimmt, sorry, hab die doppelten Einträge entfernt und bekomme nun folgende Fehler:

[B]Notice[/B]: Undefined variable: return in [B]C:\xampp\htdocs\Material\t\src\check_config.php[/B] on line [B]46[/B]
[B]Error 1871[/B]: Element 'header': This element is not expected. Expected is one of ( line, break, text, switch, toggle, trigger, refresh, pushbutton, urltrigger, multitrigger ). on [URL="http://localhost/Material/t/src/check_config.php?config=#705"]line [B]706[/B][/URL]  
  703:   704:   [COLOR=#0000ff]<[COLOR=#808000]page[/COLOR] [COLOR=#800080]name[/COLOR]=[COLOR=#ff00ff]"Start"[/COLOR] [COLOR=#800080]showtopnavigation[/COLOR]=[COLOR=#ff00ff]"false"[/COLOR] [COLOR=#800080]showfooter[/COLOR]=[COLOR=#ff00ff]"false"[/COLOR] [COLOR=#800080]shownavbar-left[/COLOR]=[COLOR=#ff00ff]"true"[/COLOR]>[/COLOR]  705:     [COLOR=#0000ff]<[COLOR=#808000]navbar[/COLOR] [COLOR=#800080]position[/COLOR]=[COLOR=#ff00ff]"top"[/COLOR]>[/COLOR] [B] 706:       [COLOR=#0000ff]<[COLOR=#808000]header[/COLOR]>[/COLOR] [/B] 707:         [COLOR=#0000ff]<[COLOR=#808000]layout[/COLOR] [COLOR=#800080]colspan[/COLOR]=[COLOR=#ff00ff]"8"[/COLOR]/>[/COLOR]  708:       [COLOR=#0000ff]</[COLOR=#808000]header[/COLOR]>[/COLOR]  709:       [COLOR=#0000ff]<[COLOR=#808000]group[/COLOR] [COLOR=#800080]nowidget[/COLOR]=[COLOR=#ff00ff]"true"[/COLOR]>[/COLOR]  

[B]Notice[/B]: Undefined variable: return in [B]C:\xampp\htdocs\Material\t\src\check_config.php[/B] on line [B]46[/B]
[B]Error 1871[/B]: Element 'menu': This element is not expected. Expected is one of ( line, break, text, switch, toggle, trigger, refresh, pushbutton, urltrigger, multitrigger ). on [URL="http://localhost/Material/t/src/check_config.php?config=#729"]line [B]730[/B][/URL]  
  727:       [COLOR=#0000ff]</[COLOR=#808000]group[/COLOR]>[/COLOR]  728:     [COLOR=#0000ff]</[COLOR=#808000]navbar[/COLOR]>[/COLOR]  729:     [COLOR=#0000ff]<[COLOR=#808000]navbar[/COLOR] [COLOR=#800080]position[/COLOR]=[COLOR=#ff00ff]"left"[/COLOR] [COLOR=#800080]dynamic[/COLOR]=[COLOR=#ff00ff]"true"[/COLOR] [COLOR=#800080]width[/COLOR]=[COLOR=#ff00ff]"250"[/COLOR]>[/COLOR] [B] 730:       [COLOR=#0000ff]<[COLOR=#808000]menu[/COLOR]/>[/COLOR] [/B] 731:     [COLOR=#0000ff]</[COLOR=#808000]navbar[/COLOR]>[/COLOR]  732:   733:     [COLOR=#0000ff]<[COLOR=#808000]page[/COLOR] [COLOR=#800080]name[/COLOR]=[COLOR=#ff00ff]"[DesktopHeader][0.0]Zentral"[/COLOR] [COLOR=#800080]visible[/COLOR]=[COLOR=#ff00ff]"false"[/COLOR]>[/COLOR]  
[B]Notice[/B]: Undefined variable: return in [B]C:\xampp\htdocs\Material\t\src\check_config.php[/B] on line [B]46[/B]
[B]Error 1866[/B]: Element 'info', attribute 'bind_click_to_widget': The attribute 'bind_click_to_widget' is not allowed. on [URL="http://localhost/Material/t/src/check_config.php?config=#822"]line [B]823[/B][/URL]  
  820:       [COLOR=#0000ff]</[COLOR=#808000]group[/COLOR]>[/COLOR]  821:       [COLOR=#0000ff]<[COLOR=#808000]group[/COLOR]>[/COLOR]  822:         [COLOR=#0000ff]<[COLOR=#808000]layout[/COLOR] [COLOR=#800080]colspan[/COLOR]=[COLOR=#ff00ff]"8"[/COLOR]/>[/COLOR] [B] 823:         [COLOR=#0000ff]<[COLOR=#808000]info[/COLOR] [COLOR=#800080]mapping[/COLOR]=[COLOR=#ff00ff]"DoorOpenClose"[/COLOR] [COLOR=#800080]bind_click_to_widget[/COLOR]=[COLOR=#ff00ff]"false"[/COLOR]>[/COLOR] [/B] 824:           [COLOR=#0000ff]<[COLOR=#808000]layout[/COLOR] [COLOR=#800080]colspan[/COLOR]=[COLOR=#ff00ff]"4"[/COLOR]/>[/COLOR]  825:           [COLOR=#0000ff]<[COLOR=#808000]label[/COLOR]>[/COLOR]Zentral[COLOR=#0000ff]</[COLOR=#808000]label[/COLOR]>[/COLOR]  826:            [COLOR=#0000ff]<[COLOR=#808000]address[/COLOR] [COLOR=#800080]transform[/COLOR]=[COLOR=#ff00ff]"DPT:1.019"[/COLOR] [COLOR=#800080]mode[/COLOR]=[COLOR=#ff00ff]"read"[/COLOR]>[/COLOR]0/3/0[COLOR=#0000ff]</[COLOR=#808000]address[/COLOR]>[/COLOR]  
[B]Notice[/B]: Undefined variable: return in [B]C:\xampp\htdocs\Material\t\src\check_config.php[/B] on line [B]46[/B]
[B]Error 1866[/B]: Element 'info', attribute 'bind_click_to_widget': The attribute 'bind_click_to_widget' is not allowed. on [URL="http://localhost/Material/t/src/check_config.php?config=#827"]line [B]828[/B][/URL]  
  825:           [COLOR=#0000ff]<[COLOR=#808000]label[/COLOR]>[/COLOR]Zentral[COLOR=#0000ff]</[COLOR=#808000]label[/COLOR]>[/COLOR]  826:           [COLOR=#0000ff]<[COLOR=#808000]address[/COLOR] [COLOR=#800080]transform[/COLOR]=[COLOR=#ff00ff]"DPT:1.019"[/COLOR] [COLOR=#800080]mode[/COLOR]=[COLOR=#ff00ff]"read"[/COLOR]>[/COLOR]0/3/0[COLOR=#0000ff]</[COLOR=#808000]address[/COLOR]>[/COLOR]  827:         [COLOR=#0000ff]</[COLOR=#808000]info[/COLOR]>[/COLOR] [B] 828:         [COLOR=#0000ff]<[COLOR=#808000]info[/COLOR] [COLOR=#800080]mapping[/COLOR]=[COLOR=#ff00ff]"DoorOpenClose"[/COLOR] [COLOR=#800080]bind_click_to_widget[/COLOR]=[COLOR=#ff00ff]"false"[/COLOR]>[/COLOR] [/B] 829:           [COLOR=#0000ff]<[COLOR=#808000]layout[/COLOR] [COLOR=#800080]colspan[/COLOR]=[COLOR=#ff00ff]"4"[/COLOR]/>[/COLOR]  830:           [COLOR=#0000ff]<[COLOR=#808000]label[/COLOR]>[/COLOR]KG[COLOR=#0000ff]</[COLOR=#808000]label[/COLOR]>[/COLOR]  831:           [COLOR=#0000ff]<[COLOR=#808000]address[/COLOR] [COLOR=#800080]transform[/COLOR]=[COLOR=#ff00ff]"DPT:1.019"[/COLOR] [COLOR=#800080]mode[/COLOR]=[COLOR=#ff00ff]"read"[/COLOR]>[/COLOR]0/3/20[COLOR=#0000ff]</[COLOR=#808000]address[/COLOR]>[/COLOR]  

[B]Notice[/B]: Undefined variable: return in [B]C:\xampp\htdocs\Material\t\src\check_config.php[/B] on line [B]46[/B]
[B]Error 1871[/B]: Element 'popup': This element is not expected. on [URL="http://localhost/Material/t/src/check_config.php?config=#832"]line [B]833[/B][/URL]  
  830:           [COLOR=#0000ff]<[COLOR=#808000]label[/COLOR]>[/COLOR]KG[COLOR=#0000ff]</[COLOR=#808000]label[/COLOR]>[/COLOR]  831:           [COLOR=#0000ff]<[COLOR=#808000]address[/COLOR] [COLOR=#800080]transform[/COLOR]=[COLOR=#ff00ff]"DPT:1.019"[/COLOR] [COLOR=#800080]mode[/COLOR]=[COLOR=#ff00ff]"read"[/COLOR]>[/COLOR]0/3/20[COLOR=#0000ff]</[COLOR=#808000]address[/COLOR]>[/COLOR]  832:         [COLOR=#0000ff]</[COLOR=#808000]info[/COLOR]>[/COLOR] [B] 833:         [COLOR=#0000ff]<[COLOR=#808000]popup[/COLOR]>[/COLOR] [/B] 834:             [COLOR=#0000ff]<[COLOR=#808000]layout[/COLOR] [COLOR=#800080]colspan[/COLOR]=[COLOR=#ff00ff]"4"[/COLOR]/>[/COLOR]  835:             [COLOR=#0000ff]<[COLOR=#808000]popuptrigger[/COLOR]>[/COLOR]  836:               [COLOR=#0000ff]<[COLOR=#808000]info[/COLOR] [COLOR=#800080]mapping[/COLOR]=[COLOR=#ff00ff]"DoorOpenClose"[/COLOR] [COLOR=#800080]bind_click_to_widget[/COLOR]=[COLOR=#ff00ff]"false"[/COLOR]>[/COLOR]  

[B]Notice[/B]: Undefined variable: return in [B]C:\xampp\htdocs\Material\t\src\check_config.php[/B] on line [B]46[/B]
[B]Error 1866[/B]: Element 'info', attribute 'bind_click_to_widget': The attribute 'bind_click_to_widget' is not allowed. on [URL="http://localhost/Material/t/src/check_config.php?config=#1050"]line [B]1051[/B][/URL]  
 1048:         [COLOR=#0000ff]</[COLOR=#808000]group[/COLOR]>[/COLOR] 1049:         [COLOR=#0000ff]<[COLOR=#808000]group[/COLOR]>[/COLOR] 1050:           [COLOR=#0000ff]<[COLOR=#808000]layout[/COLOR] [COLOR=#800080]colspan[/COLOR]=[COLOR=#ff00ff]"6"[/COLOR]/>[/COLOR] [B]1051:           [COLOR=#0000ff]<[COLOR=#808000]info[/COLOR] [COLOR=#800080]mapping[/COLOR]=[COLOR=#ff00ff]"DoorOpenClose"[/COLOR] [COLOR=#800080]bind_click_to_widget[/COLOR]=[COLOR=#ff00ff]"false"[/COLOR]>[/COLOR] [/B]1052:             [COLOR=#0000ff]<[COLOR=#808000]layout[/COLOR] [COLOR=#800080]colspan[/COLOR]=[COLOR=#ff00ff]"3"[/COLOR]/>[/COLOR] 1053:             [COLOR=#0000ff]<[COLOR=#808000]label[/COLOR]>[/COLOR]Zentral[COLOR=#0000ff]</[COLOR=#808000]label[/COLOR]>[/COLOR] 1054:             [COLOR=#0000ff]<[COLOR=#808000]address[/COLOR] [COLOR=#800080]transform[/COLOR]=[COLOR=#ff00ff]"DPT:1.019"[/COLOR] [COLOR=#800080]mode[/COLOR]=[COLOR=#ff00ff]"read"[/COLOR]>[/COLOR]0/3/0[COLOR=#0000ff]</[COLOR=#808000]address[/COLOR]>[/COLOR]  

[B]Notice[/B]: Undefined variable: return in [B]C:\xampp\htdocs\Material\t\src\check_config.php[/B] on line [B]46[/B]
[B]Error 1866[/B]: Element 'info', attribute 'bind_click_to_widget': The attribute 'bind_click_to_widget' is not allowed. on [URL="http://localhost/Material/t/src/check_config.php?config=#1055"]line [B]1056[/B][/URL]  
 1053:             [COLOR=#0000ff]<[COLOR=#808000]label[/COLOR]>[/COLOR]Zentral[COLOR=#0000ff]</[COLOR=#808000]label[/COLOR]>[/COLOR] 1054:             [COLOR=#0000ff]<[COLOR=#808000]address[/COLOR] [COLOR=#800080]transform[/COLOR]=[COLOR=#ff00ff]"DPT:1.019"[/COLOR] [COLOR=#800080]mode[/COLOR]=[COLOR=#ff00ff]"read"[/COLOR]>[/COLOR]0/3/0[COLOR=#0000ff]</[COLOR=#808000]address[/COLOR]>[/COLOR] 1055:           [COLOR=#0000ff]</[COLOR=#808000]info[/COLOR]>[/COLOR] [B]1056:           [COLOR=#0000ff]<[COLOR=#808000]info[/COLOR] [COLOR=#800080]mapping[/COLOR]=[COLOR=#ff00ff]"DoorOpenClose"[/COLOR] [COLOR=#800080]bind_click_to_widget[/COLOR]=[COLOR=#ff00ff]"false"[/COLOR]>[/COLOR] [/B]1057:             [COLOR=#0000ff]<[COLOR=#808000]layout[/COLOR] [COLOR=#800080]colspan[/COLOR]=[COLOR=#ff00ff]"3"[/COLOR]/>[/COLOR] 1058:             [COLOR=#0000ff]<[COLOR=#808000]label[/COLOR]>[/COLOR]KG[COLOR=#0000ff]</[COLOR=#808000]label[/COLOR]>[/COLOR] 1059:             [COLOR=#0000ff]<[COLOR=#808000]address[/COLOR] [COLOR=#800080]transform[/COLOR]=[COLOR=#ff00ff]"DPT:1.019"[/COLOR] [COLOR=#800080]mode[/COLOR]=[COLOR=#ff00ff]"read"[/COLOR]>[/COLOR]0/3/20[COLOR=#0000ff]</[COLOR=#808000]address[/COLOR]>[/COLOR]  

[B]Notice[/B]: Undefined variable: return in [B]C:\xampp\htdocs\Material\t\src\check_config.php[/B] on line [B]46[/B]
[B]Error 1871[/B]: Element 'popup': This element is not expected. on [URL="http://localhost/Material/t/src/check_config.php?config=#1060"]line [B]1061[/B][/URL]  
 1058:             [COLOR=#0000ff]<[COLOR=#808000]label[/COLOR]>[/COLOR]KG[COLOR=#0000ff]</[COLOR=#808000]label[/COLOR]>[/COLOR] 1059:             [COLOR=#0000ff]<[COLOR=#808000]address[/COLOR] [COLOR=#800080]transform[/COLOR]=[COLOR=#ff00ff]"DPT:1.019"[/COLOR] [COLOR=#800080]mode[/COLOR]=[COLOR=#ff00ff]"read"[/COLOR]>[/COLOR]0/3/20[COLOR=#0000ff]</[COLOR=#808000]address[/COLOR]>[/COLOR] 1060:           [COLOR=#0000ff]</[COLOR=#808000]info[/COLOR]>[/COLOR] [B]1061:           [COLOR=#0000ff]<[COLOR=#808000]popup[/COLOR]>[/COLOR] [/B]1062:             [COLOR=#0000ff]<[COLOR=#808000]layout[/COLOR] [COLOR=#800080]colspan[/COLOR]=[COLOR=#ff00ff]"3"[/COLOR]/>[/COLOR] 1063:             [COLOR=#0000ff]<[COLOR=#808000]popuptrigger[/COLOR]>[/COLOR] 1064:               [COLOR=#0000ff]<[COLOR=#808000]info[/COLOR] [COLOR=#800080]mapping[/COLOR]=[COLOR=#ff00ff]"DoorOpenClose"[/COLOR] [COLOR=#800080]bind_click_to_widget[/COLOR]=[COLOR=#ff00ff]"false"[/COLOR]>[/COLOR]

[Chris M.]

Die Fehlermeldung ist doch eigentlich sehr aussagekräftig - Du hast hier einige Elemente im XML die dort laut verwendeter XSD nicht erlaubt sind.

Ich vermute, dass hier die XSD noch nicht angepasst wurde.

[alltime]

Hallo,

ich habe mal wenigstens das Design auf den Standard gebracht. Es sollte jetzt zu mindestens 90% für die standard Widgets passen:
https://github.com/alltime84/CometVi...signs/material

So würde die Demo im Material Design aussehen:
stddesign.JPG