GithubHelp home page GithubHelp logo

scrounger / iobroker.vis-materialdesign Goto Github PK

View Code? Open in Web Editor NEW
59.0 21.0 39.0 58.08 MB

ioBroker Material Design Widgets are based on Google's material design guidelines. The adapter uses different libraries.

Home Page: https://forum.iobroker.net/topic/42185/test-adapter-material-design-widgets-v0-5-x

License: MIT License

JavaScript 80.60% HTML 3.83% CSS 15.56%
iobroker iobroker-vis material

iobroker.vis-materialdesign's People

Contributors

apollon77 avatar cdellasanta avatar darkiop avatar germanbluefox avatar scrounger avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

iobroker.vis-materialdesign's Issues

Top Bar widget content keine weite

Für eine responsive Darstellung ist es zwingend erforderlich das ich in den eingebundenen views width: 100% nutzen kann. gibt es hierfür eine Lösung oder ein workaround?

Please check iobroker.vis-materialdesign with js-controller 2.0

Hi,

the new js-controller 2.0 will come into latest repository in the next days and we want to make sure that all adapters are working well. We already did a 2 weeks Beta test and so some adapter were aleady checked and some needed slight adjustments.

You can find more information in ioBroker/ioBroker.js-controller#482 and in the ioBroker Forum. If you have more technical questions please write in the referenced issue or in the Developer thread please. General questions are best in the genral thread.

Please update your systems to js-controller 2.0 and check your adapter.

Please close this issue once you have checked your adapter or received successfull reports from users.

Thank you very much for your support. Please contact us in the other Threads or Forum on any question.

Line History Chart: seltsame X-Achsen Einteilung und Werte

Describe the bug
Die X-Achse hat keine lineare Einteilung. Bei Flot sieht es anders/richtig aus.
Die History-Daten dazu sind jeweils exakt ein Wert erzeugt mit CronJob 0 */1 (jede volle Stunde) .
Intervall auf 24 Stunden; Aggregate: average

Bsp: bei 02:00 Uhr steht der Punkt zu 02:53 Uhr; 15:00, 17:00, 18:00, 20:00, 23:00 ist nicht linear

image

image

image

image

Verbesserung des Line History Chart

Hallo es wäre schön, wenn du noch folgendes einbauen könntest:

  1. Es sollte eine Möglichkeit geben nur das Diagrammfeld einzufärben.
  2. Es sollte möglich sein die Messeinheit in der Y-Achse mit anzuzeigen.

Ein Beispiel aus Flot hänge ich mit an.
Unbenannt

Think about to fix the issues found by adapter checker

I am an automatic service that looks for possible errors in ioBroker and creates an issue for it. The link below leads directly to the test:

https://adapter-check.iobroker.in/?q=https://raw.githubusercontent.com/Scrounger/iobroker.vis-materialdesign

I have also found warnings that may be fixed if possible.

  • [W400] Cannot find "" in latest repository

Thanks,
your automatic adapter checker.

P.S.: There is a community in Github, which supports the maintenance and further development of adapters. There you will find many experienced developers who are always ready to assist anyone. New developers are always welcome there. For more informations visit: https://github.com/iobroker-community-adapters/info

Think about to fix the issues found by adapter checker

I am an automatic service that looks for possible errors in ioBroker and creates an issue for it. The link below leads directly to the test:

https://adapter-check.iobroker.in/?q=https://raw.githubusercontent.com/Scrounger/iobroker.vis-materialdesign

I have also found warnings that may be fixed if possible.

  • [W400] Cannot find "" in latest repository

Thanks,
your automatic adapter checker.

P.S.: There is a community in Github, which supports the maintenance and further development of adapters. There you will find many experienced developers who are always ready to assist anyone. New developers are always welcome there. For more informations visit: https://github.com/iobroker-community-adapters/info

TopAppBar leitet nicht in neue View weiter

Hallo,

das Widged TopApp Bar funktioniert bei mir nicht richtig.
Ich habe die Views angegeben und einen Datenpunkt zugeordet.
Der Datenpunkt ändert sich auch wenn ich die View wechseln möchte, aber die View wechselt nicht im Browser. Brauche ich ein zusätzliches Script, welches mir die Views wechselt?

Browser: Firefox
Adapter Version: 0.1.5
Vis: 1.2.2

Grüße
Jan

unexpected behavior of Masonry-Views with 3 views and 2 columns

Describe the bug
The behavior of Masonry-Views with 3 views and 2 columns is unexpected if distance between views > 0 (if it is 0 then it works)
Result:
Edit-Mode: 1+2 in column 1, 3 in column 2
Runtime: 1 in column 1, 2+3 in column 2

Edit:
image

Runtime:
image

To Reproduce
View:
{ "settings": { "style": { "background_class": "" }, "theme": "redmond", "sizex": "", "sizey": "", "gridSize": "", "snapType": null }, "widgets": { "e00001": { "tpl": "tplVis-materialdesign-Masonry-Views", "data": { "g_fixed": true, "g_visibility": false, "g_css_font_text": false, "g_css_background": false, "g_css_shadow_padding": false, "g_css_border": false, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "countCols": "2", "countViews": "2", "viewAlignment": "left", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "View0": "A1", "View1": "A2", "viewsHeight0": "350", "viewsHeight1": "350", "viewsWidth0": "", "class": "", "viewsWidth1": "", "showResolutionAssistant": false, "desktopGaps": "5", "handyPortraitWidth": "720", "handyPortraitCols": "1", "handyPortraitGaps": "", "tabletPortraitCols": "2", "tabletLandscapeCols": "2", "tabletLandscapeGaps": "", "View2": "A3", "viewsHeight2": "350", "tabletPortraitGaps": "5" }, "style": { "left": "0", "top": "0", "width": "100%", "height": "100%", "overflow-y": "auto" }, "widgetSet": "materialdesign" } }, "name": "B", "filterList": [] }

A1 (A2 and A3 are equal):
{ "settings": { "style": { "background_class": "" }, "theme": "redmond", "sizex": "", "sizey": "", "gridSize": "" }, "widgets": { "e00001": { "tpl": "tplVis-materialdesign-Card", "data": { "g_fixed": false, "g_visibility": false, "g_css_font_text": false, "g_css_background": false, "g_css_shadow_padding": false, "g_css_border": false, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "titleLayout": "headline6", "subtitleLayout": "subtitle2", "cardLayout": "Basic", "cardStyle": "outlined", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "title": "A1" }, "style": { "left": "0", "top": "0", "width": "100%", "height": "100%" }, "widgetSet": "materialdesign" } }, "name": "A1", "filterList": [] }

System
ioBroker.vis-materialdesign: 0.2.50
JS-Controller: 2.2.8
Admin: 3.7.8
Node/Node.js: 10.18.1
OS: Linux Ubuntu 18.04.3 LTS
Hardware: x64, Intel Core i3

line chart - Linie zwischen Punkten ohne Daten

Ich hatte heute Nacht eine downtime des ioBroker Controllers, entsprechend gibt es für die Werte der CPU/RAM Auslastung keine Einträge in der DB. Im Diagram ist definiert das die Linie zwischen Werten ohne Punkte nicht gezogen werden soll - beim Rendern geschieht dies aber trotzdem:

grafik

[Dialog] not client-safe

Currently the display of a dialog depends on an object ID. Because object IDs are not separated by each client (are not client-safe), it leads to the behavior that when one user opens a dialog other users get it displayed automatically in parallel even if they don't want to see that (usually... ;-)).

As a potential way to solve it: other widgets solve it by providing the trigger element (button, link) together with the dialog so that the open/closed state can be controlled internally, client-safe.

[Alerts] Features

  • alle löschen button
  • Auflösung größer x damit sichtbar (nicht auf Handy anzeigen)
  • Anzahl der Nachrichten anzeigen
  • Fake Messages für Editor Modus

Material DesignTop App Bar Navigation Drawer

Describe the bug
A clear and concise description of what the bug is.
Navigationsleiste Layout - Z index bei Modal fehlerhaft / Bug...
Material Design Widget 0.2.32

Hallo, habe wegen dem Hinweis den Top App Bar Navigation Drawer gewechselt.
Jetzt habe ich Probleme mit dem Z-Index des Navigationslayout bei Einstellung Modal...Die Tab Leiste sollte im Vordegrund meines View in Widget Widget aufklappen. Befindet sich aber im Hintergrund, egal wie hoch ich den Z-Index setze.
Wenn ich den CSS allgemein Z Indexdes größer mache , überdeckt das Top App Bar Widget natürlich mein view in Widget widget.

So sollte es aussehen:

Unbenannt
sieht aber bei korrekter Einstellung / gleiche wie vor der Umstellung auf das nicht abgekündigte Widget so aus...
Unbenann2

Iobroker Forum
https://forum.iobroker.net/topic/28655/material-designtop-app-bar-navigation-drawer

ioBroker-Rock 64

Betriebssystem
linux
os
linux
Architektur
arm64
CPUs
4
Geschwindigkeit
1296 MHz
Modell
unknown
RAM
3.9 GB
System Betriebszeit
1 T. 01:30:54
Node.js
v10.18.0
NPM
6.13.4
Festplatte Größe
56.1 GB
Festplatte frei
41.72 GB
Anzahl der Adapter
312
Betriebszeit
1 T. 01:30:10
Aktive Instanzen
23
Hostname
ioBroker-Rock

Switches, Buttons, Lists not working (boolean)

Since 0.1.2 Switches, Lists and some Buttons don‘t send commands to objects in ioBroker. They only show their states.
for example:
switch as boolean with off=false and on=true is not working.
Same with toggle
Toggle vertical works instead

discrete slider: initDelay too low?

Sometimes the slider knob isn't on the right position but instead it's positioned at the beginning of the line and it cannot be moved to the right direction again:
image

After some investigations I found out that increasing the value of initDelay solves this issue, i.e. from default value 250 to 500. Is this the right solution and should maybe the default be increased so that others don't need to search for same solution?

[Slider] Ungenaue Beschriftung im neuen Slider Widget

Im neuen Slider-Widget kann die Ausrichtung per Dropdown ausgewählt werden.
Es gibt dort >horizontal< und >senkrecht< hier wäre statt >senkrecht< >vertikal< besser oder anstatt >horizontal< eben >waagerecht<.

Ansonsten sind die Möglichkeiten, die der Adapter biete Wahnsinn, mache meine ersten Gehversuche damit und entdecke immer neue Dinge!
Gruß Steffen

value select - Hintergrundfarbe

Beim aktuellen 'value select' kann im Standard-Modus keine Hintergrundfarbe eingestellt werden. Im 'outlinded' ist dies möglich.

grafik

[Buttons] Gesperrt Funktion

  • Option für Gesperrt -> einmal klick button wird für x sekunden entsperrt, gleiche Funktion wie bei lovelace custom button

Think about to fix the issues found by adapter checker

I am an automatic service that looks for possible errors in ioBroker and creates an issue for it. The link below leads directly to the test:

https://adapter-check.iobroker.in/?q=https://raw.githubusercontent.com/Scrounger/iobroker.vis-materialdesign

I have also found warnings that may be fixed if possible.

  • [W400] Cannot find "" in latest repository

Thanks,
your automatic adapter checker.

P.S.: There is a community in Github, which supports the maintenance and further development of adapters. There you will find many experienced developers who are always ready to assist anyone. New developers are always welcome there. For more informations visit: https://github.com/iobroker-community-adapters/info

Slider: Knopf bewegt sich beim Bewegen nicht mit

Wenn beim Slider der Knopf gehalten wird, bewegt sich der Knopf nicht mit und dadurch weiß man nicht, welchen Wert man einstellt. Erst beim Loslassen sieht man, welchen Wert man wirklich "erwischt" hat.

[Dialog] Buttons unter Dialog können nicht bedient werden

Die Button Toogle und Button State lassen sich nicht mehr bedienen wenn die
Dialogview, nicht sichtbar, darüber liegt.
Evtl. betrifft es noch mehr Widgets. Die Dialog View ist also nicht sichtbar, verhindert
aber teilweise die Bedienung der View.

Dimmerfunktion in List anbieten

Hallo, besteht die Möglichkeit, neben den "Schaltern" in "List" einen kleinen Slider darzustellen? So kann man direkt eine Dimmbare Lampe steuern. Manche Lampen haben leider keine On/Off funktion, um zum letzten gedimmten Wert zurückzukehren.

font-family autocomplete as data-vis-attrs

@GermanBluefox, @Apollon77

I would like to have a font-family input controll as data-vis-attrs like it is in the vis editor:
font-family

Tried to use the type format 'custom' as described here and use the 'editFontName' function from here.

But i didnt get it to work.
Please give me a working example because this implementatio would be a better user experience instead of type the font-family manual.

[Dialog] view leer nach View wechsel

Describe the bug
Bei einem Wechsel einer View in eine andere über die "top app bar" und wieder zurück ist beim Öffnen eines Dialoges dieser leer. Lediglich Überschrift und Schließen-Button sind noch zu sehen. Alle Komponenten wie Buttons, etc. sind weg. Es hilft nur ein Neuladen der Seite.

To Reproduce
Steps to reproduce the behavior:

  1. Dialog-View aus View1 öffnen
  2. Dialog-View schließen
  3. Über Top-app-bar in View2 wechseln
  4. Über Top-app-bar zurück in View1 wechseln
  5. Dialog-View öffnen

Expected behavior
Dialog-View sollte wie beim ersten Aufruf aussehen, ist jedoch bis auf "title" und "close"-Button leer.

iObroker iPad App zeigt Material nicht

Hallo,
ich benutze die offizielle iobroker APP auf meinem iPad 2 um meine vis darzustellen. Ich wollte auf die Material Variante hier umstellen, musste aber feststellen, dass kein einziger Schalter, kein Widget oder sonstiges in der APP auf dem iPad dargestellt wird. In normalen Browsern laden die Schalter, in der APP bleibt alles "blank".

Input Widget

wünsche mir ein Input Widget um Eingaben in der View machen zu können. z.B. Song für Spotify eingeben

Installation fehlgeschlagen

Hallo

ich kann den Adapter nicht installieren. Bekomme folgende Meldungen:

**2019-12-27 16:38:04.069 - info: host.raspberrypi iobroker upload [1] vis-materialdesign.admin /opt/iobroker/node_modules/iobroker.vis-materialdesign/admin/words.js words.js application/javascript

2019-12-27 16:38:04.192 - info: host.raspberrypi iobroker upload [0] vis-materialdesign.admin /opt/iobroker/node_modules/iobroker.vis-materialdesign/admin/vis-materialdesign.png vis-materialdesign.png image/png
2019-12-27 16:38:04.251 - info: host.raspberrypi iobroker INFO: Directory "/opt/iobroker/node_modules/iobroker.vis-materialdesign/www" was not found! Nothing was uploaded or deleted.**

"Nur lesend"-Option bei Bool-List-Widget

Ich lasse mir mit dem Bool-List einge Status anzeigen. Es wäre sehr hilfreich, wenn man hier auch die Möglichkeit hätte die Option "nur lesend:" zu wählen.

Die Option "Inaktiv(locked)" im Reiter Generell bewirkt nur, dass das Widget im Edit-Modus nicht mehr bedienbar ist. Im Runtime hat dies keine Auswirkungen.

Ich müsste nun ein unsichtbares Widget darüber legen um die bedienbarkeit des Widgets einzuschränken. Dies wäre nur eine unschöne Behelfslösung.

Top App Bar Navigation Drawer

Moin,

die Bar verdeckt den Editor, scheinbar eigal, welchen Z-Index sie bekommt.

2020-01-08_08h05_22

Gibt es eine Möglichkeit, die "[xyz]" vor den Menüeinträgen verschwinden zu lassen?

2020-01-08_08h07_44

Gruß,
Mark

P.S: Top Arbeit, Danke!!!

[Line History Chart] Min & Max Linie

Erweiterung des 'line history chart's um die Option einer Minimum und Maximum-Linie. Die Werte dazu entweder über direkte Eingabe im Widget oder über ein Binding auf einen Datenpunkt.

[Top App Bar Drawer] Submenu HowTo

Ich bin gerade am basteln mit dem neuen Top App Bar Drawer, dabei ist mir beim erstellen der Untermenüs aufgefallen, das ich in den Feldern wo laut Anleitung die Views getrennte mit einem "|" eingegeben werden sollen nur eine Zahl eingegeben werden kann.
image
In der alten Version des Top App Bar Drawers kann ich in die Felder auch Text eingeben.
Ich habe die Version 0.2.25 vom vis-materialdesign installiert.
Gruß Steffen

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.