Giter VIP home page Giter VIP logo

iobroker.vis-2-widgets-material's Introduction

Logo

Material widgets for ioBroker.vis 2.0

Number of Installations Number of Installations NPM version Downloads

NPM

Widgets

Buttons and switches

Switches

Switches

Switches

Clock

  • Analog

Clock Analog

  • Analog variation

Clock Analog 2

  • Digital

Digital

  • Digital2 (SVG Text)

Digital2

Simple state

With this widget, you can control one device. Boolean or number.

  • Number

Simple state

  • Control

Simple state

View in widget

View in widget

Not as button: View could be shown in full size, and you can control elements in view.

View in widget - button

As button: You can show a small thumbnail of view, and by pressing on it, it will be shown in full size.

Thermostat

Thermostat

Additionally, it can show a history if you activated it.

Actual value with chart

Actual value

Actual value with chart

Security control

Security control

Security control

You can define the delay in seconds.

By activation, the defined ID will be written with number of the delay seconds, and after the delay is over, the defined ID will be set to 0, and the alarm ID be set to true.

Security control

Player

Player

Map

Player

Camera

Player

Html Template

Player

Html template can be used to show any html code. Additionally, you can show image or iframe with this widget too.

Blinds

Blinds

Player

Color Lamp

With the RGB lamp widget, you can control different types of RGB lamps. Here are some examples:

  • RGB colors are set in one state like '#RRGGBB'
  • R/G/B colors are set in different states from 0 to 255
  • RGBW as one variable like '#RRGGBBWW'
  • R/G/B/W colors are set in different states from 0 to 255
  • hue/sat/lum as 3 different states
  • color temperature as one state from 2700 to 6500 or defined by min/max of the object
  • White mode state can be used to switch between RGB and white mode via special state

RGB Lamp 1

RGB Lamp 2

Door lock

Door lock

Vacuum cleaner

This widget is primary for Xiaomi vacuum cleaner. But it can be used for any other vacuum cleaner too.

The only difference is that Xiaomi supports the room cleaning.

Vacuum cleaner

Time picker

Todo

  • Extend Blinds with shutter

Changelog

1.3.25 (2024-03-07)

  • (bluefox) Corrected filter property in the widget settings

1.3.23 (2024-03-05)

  • (bluefox) Added possibility to change the icon size in simple widget

1.3.21 (2024-02-22)

  • (bluefox) Corrected small input fields

1.3.18 (2024-01-16)

  • (bluefox) Corrected long click for RGB widget on touch devices
  • (bluefox) Corrected dimmer widget

1.3.17 (2023-12-19)

  • (bluefox) Added option to hide the line in switches widget

1.3.15 (2023-12-17)

  • (foxriver76) Added option to rotate video

1.3.14 (2023-12-05)

  • (bluefox) Allowed with on click on the widget toggling the ON/OFF state of RGB widget
  • (bluefox) Added class names to ON/OFF widgets to allow styling

1.3.11 (2023-11-17)

  • (bluefox) Allowed opening/closing dialogs of some widgets by command

1.3.9 (2023-11-10)

  • (bluefox) updated packages

1.3.8 (2023-11-08)

  • (bluefox) Corrected RGB widget if minimal is equal with maximal

1.3.5 (2023-11-06)

  • (bluefox) Corrected layout of RGB widget
  • (bluefox) Added option for RGB widget to hide brightness control
  • (bluefox) Added option for white mode in RGB widget

1.3.3 (2023-10-26)

  • (bluefox) Corrected layout of RGB widget
  • (bluefox) Added color settings to actual
  • (bluefox) Vacuum settings were hidden

1.3.2 (2023-10-14)

  • (bluefox) Small improvements done

1.3.1 (2023-10-13)

  • (bluefox) Added the vacuum cleaner widget

1.2.1 (2023-09-18)

  • (bluefox) Added door lock, rgb and thermostat to switches widget

1.1.3 (2023-09-10)

  • (bluefox) Door lock improved

1.1.0 (2023-09-08)

  • (bluefox) Added door lock

1.0.0 (2023-08-21)

  • (bluefox) Added RGB widget

0.8.5 (2023-08-11)

  • (bluefox) Improvement of the widget loading

0.8.4 (2023-08-10)

  • (bluefox) Improvement of wizard

0.8.3 (2023-07-30)

  • (bluefox) Font styles are applied to all buttons

0.8.2 (2023-07-19)

  • (bluefox) Corrected small layout problems

0.8.0 (2023-07-18)

  • (bluefox) Added wizard for widgets

0.7.1 (2023-07-02)

  • (bluefox) Added washer widget

0.6.2 (2023-06-29)

  • (bluefox) Allowed usage without a frame for all widgets

0.6.0 (2023-06-28)

  • (bluefox) Added blinds to switches widget
  • (bluefox) Allowed to place widgets in widgets

0.5.3 (2023-06-21)

  • (bluefox) Corrected errors with view in widget

0.5.1 (2023-06-20)

  • (bluefox) Added widget to switch the theme
  • (bluefox) Improved HTML widget to show iframe and image

0.4.0 (2023-06-16)

  • (bluefox) Added button texts for switches widget
  • (bluefox) Removed static widget, as it was replaced by switches widget

0.3.1 (2023-06-14)

  • (bluefox) Improved buttons widget

0.2.13 (2023-03-22)

  • (bluefox) BREAKING CHANGE: The names of widgets must be entered anew
  • (bluefox) update packages

0.2.9 (2023-02-27)

  • (bluefox) Made this adapter singleton

0.2.2 (2023-02-22)

  • (bluefox) Update packages

0.2.1 (2022-11-26)

  • (bluefox) Implemented the blinds widget

0.1.5 (2022-10-27)

  • (bluefox) First beta version

0.1.2 (2022-10-21)

  • (bluefox) initial commit

License

The MIT License (MIT)

Copyright (c) 2022-2024 Denis Haev [email protected]

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

iobroker.vis-2-widgets-material's People

Contributors

dependabot[bot] avatar dilesoft avatar foxriver76 avatar germanbluefox avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

iobroker.vis-2-widgets-material's Issues

Widget-Staubsauger

Bitte mehr Optionen für den ecovacs-deebot Adapter integrieren.

Move - History - Info

Danke

Sigi234

JSON Chart like vis-materialdesign

Hi,
i love VIS 2 and i would like to create some Graphs.
Is there a way like in vis-materialdesign to create it like the Json Chart

Or is there a plan for that feature?

Best regards
Markus

Responsive-Einstellung Reihenlücke / vertikaler Abstand nur im Edit-Mode

Der vertikale Abstand (Reihenlücke) der Responsive-Einstellungen wird nur im Edit-Mode eingehalten. Wechselt man in den View-Mode oder in die Runtime-Darstellung wird der Abstand nicht übernommen. Es handelt sich um den unteren Abstand des jeweiligen Widgets. Bei anderen Widget-Pakecten (z.B. Basic) taucht das Problem nicht auf, vgl. Screenshots mit 40px Reihenlücke.

Edit-mode
edit-mode

View-mode / Runtime
view-mode

Erweiterte Optionen im Schalter Widget

Es wäre klasse, über das Schalter Widget auch die erweiterten Eigenschaften einer Lampe aufrufen zu können.

Dass wenn ich zB dort drücke
Screenshot_20230912_064226_ioBroker Visu
Dieser Dialog aufgeht:
Screenshot_20230912_064154_ioBroker Visu

Quasi eine Vermischung von Schalter und rgb Licht widget.
Aktuell wird es bei mehreren rgb Lampen sehr unübersichtlich, da das widget recht groß ist.

Hier ist es finde ganz schön umgesetzt (lovelace):
Screen_Recordin-1694494707531

Jalousie Widget: Sollwert wird beim Einstellen durch Ist verändert

Ich möchte mit dem Jalousie Wigdet eine KNX absolut Position ansteuern und habe mit einem Alias schon einen Schreib/Lesewert erzeugt.
Wenn jetzt der Sollwert durch die Slidersteuerung verändert wird, dann funkt die Istposition dazwischen und verändert den Sollwert auch. Kann während der Solleinstellung das aktualisieren des Sliders unterbunden werden?

Beim 'hqwidgets Window and Shutter' ist das Verhalten besser, ein Schreiben auf den Wert wird erst beim Schließen des Slider Popup ausgelöst.

Keine Werte in der iobroker Cloud

Hallo,
in der der iobroker Cloud Vis2 werden keine Werte der Widgets angezeigt / übertragen.
Lokal im Heimnetzwerk werden die Werte angezeigt.

Screenshot 2023-12-06 092627

Thermostat 3te Variable (RM vom Aktor)

Ich möchte gerne das Thermostat für meine KNX Heizungssteuerung nutzen. Da ich die temperatur auch an manuell in jedem raum am Taster ändern kann, habe ich ein Problem mit der Darstellung der Solldarstellung. Diese fragt keine Werte ab, wenn diese extern geändert wurden.
Eventuell ist dies bereits implementiert, und ich bin einfach nur zu doof.
Folgend mal eine Auflistung mit den gewünschten Funktionen

  1. Sollwert vorgeben (über den Schieberegler)
  2. Die KNX Rückmeldung vom Bus, das der Aktor den Temp.-Wert empfangen hat (Soll-Anzeige der Temp.)
  3. Isttemperatur vom Temperatursensor (Ist-Anzeige der Temp.)

Vielen Dank!

[Schalter oder Knöpfe] von außen veränderter Istwert wird nicht dargestellt

Ich habe über ein KNX System einen Statuswert und einen Sollwert, welche in ioBroker bereits über einen Alias mit differenziertem Daten-ein- und ausgang zusammengeführt sind.

Somit kann sich der Staus dieses Objektes von außen ändern (z.B. Taster im Haus wird gedrückt)

Wenn ich einen Schalter in dem Widget "Schalter oder Knöpfe" konfiguriere und dem Schalter das Alias Objekt zuweise, funktioniert die Steuerung aus der Visu einwandfrei. Wird aber von außen die Funktion gesteuert und das Objekt verändert seinen Wert, wird dieses nicht von dem Schalter repräsentiert.

Gleiches gilt für den Schieberegler (evtl. auch noch für mehr, habe ich nicht überprüft)

Wünschenswert wäre eine Darstellung des zugewiesenen Datenobjektes (bzw. dessen Wert)

widget "Istwert mit Diagramm" show white screen after clicking on the graph

Describe the bug
Widget "Istwert mit Diagramm" show white screen after clicking on the graph.
Widget is connected with a datapoint which shows a temperature which is historicized by influx

If the option "Ohne Rahmen" (section "Allgemeines" is activated there is no white screen.
If the option "Ohne Rahmen" is deactivated and I click on the widget there is the error

Expected behavior
I don't know what shall happen by clicking on the graph, but there should be no error :-)

Screenshots & Logfiles

TypeError: this.state.objects.secondary is undefined
    value src_Actual_jsx-node_modules_babel_runtime_helpers_esm_setPrototypeOf_js.70ad77f0.chunk.js:2
    value src_Actual_jsx-node_modules_babel_runtime_helpers_esm_setPrototypeOf_js.70ad77f0.chunk.js:2
    value visBaseWidget.jsx:1619
    value visRxWidget.jsx:590
    ji main.d3c12542.js:2
    Li main.d3c12542.js:2
    Cs main.d3c12542.js:2
    Hl main.d3c12542.js:2
    gl main.d3c12542.js:2
    zl main.d3c12542.js:2
    al main.d3c12542.js:2
    ll main.d3c12542.js:2
    Nc main.d3c12542.js:2
    cl main.d3c12542.js:2
instrument.ts:144
Uncaught TypeError: this.state.objects.secondary is undefined
    value src_Actual_jsx-node_modules_babel_runtime_helpers_esm_setPrototypeOf_js.70ad77f0.chunk.js:2
    value src_Actual_jsx-node_modules_babel_runtime_helpers_esm_setPrototypeOf_js.70ad77f0.chunk.js:2
    value visBaseWidget.jsx:1619
    value visRxWidget.jsx:590
    ji main.d3c12542.js:2
    Li main.d3c12542.js:2
    Cs main.d3c12542.js:2
    Hl main.d3c12542.js:2
    gl main.d3c12542.js:2
    zl main.d3c12542.js:2
    al main.d3c12542.js:2
    ll main.d3c12542.js:2
    Nc main.d3c12542.js:2
    cl main.d3c12542.js:2

Versions:

  • Adapter version: vis-2 version 2.3.0
  • material-widgets adapter 1.2.1

Istwert mit Diagramm funktioniert nicht mit anderen Instanzen als der default

in den Einstellungen ist als default influxdb.0 eingetragen. Allerdings nutze ich mehrere Instanzen für unterschiedliche Vorhaltezeiten.
Wenn ich einen Datenpunkt anzeigen will welcher nicht die default Instanz nutzt (influxdb.1) funktioniert das Diagramm nicht.

hab dies schon angemerkt in einem andere Issue #177 aber dies wurde zugemacht.

Fehler Heizung in "Schalter" Widget

Ich habe mehrere Fehler in der implimentierung der Heizung in das Schalter Widget.

  1. Wenn ich die Temperatur auf der geraden Linie verschiebe (nicht im Popup), "wandert" der Wert gemächlich zum zielwert. Die Zwischenergebnisse werden auch alle zur Heizung übertragen. Wenn ich direkt irgendwo auf die Linie drücke klappt es sofort.
  2. Wenn ich die Ansicht zu dem rundem Schieber erweitere, werden Werte die ich über das schieben des Reglers einstelle nicht übernommen bzw an die Heizung gesendet. Drücke ich direkt irgendwo hin klappt es.

Ich kann beides am Smartphone und PC mit der Maus reproduzieren.

Wie es sich im richtigen Heizungswidget verhält, kann ich nicht sagen. Dieses klappt bei mir (obwohl es wohl gefixt ist) noch immer nicht.

Material Widgets Vis 2 in 1.2.1 installiert, Vis-2 in 2.2.7

Screen_Recordin-1695358992552

Farbtemleratur bei rgb Licht schwer einzustellen.

Die Farbtemleratur lässt sich nur sehr schlecht einstellen.

In dieser Einstellung
Screenshot_20230912_070822_ioBroker Visu

habe ich ein recht neutrales bis ganz, ganz leicht gelbliches Licht.

Ich schaffe es quasi nicht, das Licht neutral zu stellen.
Ab einem kleinen Stück weiter bis ins blaue uns nach ganz hinten macht es dann quasi keinen Unterschied mehr in der Farbtemleratur.

Der Schieber müsste viel länger sein. Oder eine Art Dynamik, dass er im vorderen Bereich länger gezogen ist und dort nicht so fein reagiert, dass der gelbe und
blaue Bereich ca gleich lang sind.

EDIT
So wird die oben eingestellte Farbtemleratur in Lovelace dargestellt, da bin ich ca in der Mitte.
Screenshot_20230912_071521_Fully Kiosk Browser

Widget RGB-Licht Farbtemperatur

Hallo,

beim RGB-Licht Widget lässt sich beim Typ "rgbw" die Farbtemperatur nicht einstellen, d.H. wenn man bei Minimale Farbtemperatur 2200 und bei Maximale Farbtemperatur 6400 eingibt dann regelt es aber trotzdem nur zwischen 0 und 255. Stellt man auf "ct" um dann funktioniert es. Schaltet man öffter zwischen rgb und ct um dann funktioniert es ab und zu auch bei rgb richtig.

Thermostat Widget / Min-Max Werte und Luftfeuchte

Erst einmal vielen Dank für die tollen WIdgets. Funktionieren super und sehen gut aus.
Ich nutze das Thermostat mit tado. tado geht bi 25 Grad, ich habe allerdings keine Möglichkeit gefunden, das Thermostat Widget so einzustellen. Dort kann ich bis 29,5 hochdrehen. Dies einzustellen wäre super.
Des weiteren meldet tado auch die Luftfeuchte. Hier wäre es super, wenn man diese auch im Widget darstellen könnte.

Vielen Dank!

RGBLight widget: How to configure bulb with hue/saturation/colortemp

Hi,

I have a tuya bulb that has hue, saturation and colortemp (+ brightness), but not luminance. How to configure the widget to it works properly?

When set to to hue/sat/lum, the setting for the colortemp disappears, and thus there's no colortemp slider, which I'd still like to have.

V0.5.3 Bug Add objects

Ich bin nicht sicher ob es ein Problem von Vis2 (Version 2.0.35) liegt, vermute aber am Material Widget.

Wenn ich Objekte hinzufüge, wird bei einigen Objekten nach dem hinzufügen ein schwarzer Screen angezeigt. Nach neuem Laden der Seite (im Vis.2 Editor) ist das hinzugefügte Objekt nicht mehr enthalten. Andere Objekte können eingetragen werden.

Ich habe das gleiche Objekt dann in ein anders Widget eingetragen (z.B eins aus HQ-Widgets) dann funktioniert das gleiche Objekt.

Die versuchten Objekte waren aus dem gleichen Shelly Gerät.

Im Admin Log wird nichts angezeigt. Wie kann ich ein LOG von Vis.2 aufrufen?
Dann kann ich gerne weitere Details liefern.

Problem.Vis.2.Material.Widget.mp4

Please fix issues reported by adapter checker

👀 [W171] "common.title" is deprecated in io-package.json
👀 [W105] "common.titleLang" should be translated into all supported languages (en, de, ru, pt, nl, fr, it, es, pl, uk, zh-cn)
👀 [W109] "common.desc" should be translated into all supported languages (en, de, ru, pt, nl, fr, it, es, pl, uk, zh-cn)

Darstellung Wetter Widget

Ich finde für deutsche Systeme die Abkürzungen der Wochentage unglücklich. Mo, Di, Mi etc mit 2 Stellen wären wesentlich sinnvoller.

Screenshot_20230917_084118_ioBroker Visu

Die Detailansicht ist bei kleinen Bildschirmen ist ziemlich zerschossen.
Screenshot_20230917_084145_ioBroker Visu

Widget Actual value with chart

Hallo,
besteht die Möglichkeit das Aussehen des Widget konfigurierbar zu machen?
image
insbesondere Symbolgröße, Schriftstyles, und alle Farben.
aktuell ist das Aussehen so wie hier zu sehen festgelegt

Grüße

V1.3.21 - Widgets fehlen in der App bei Zugriff über die Cloud

Widgets V1.3.21
Cloud V5.0.1
App V1.0.36 Android 14

In dieser Kombination sind einige Widgets in der App bei Cloud-Zugriff nicht verfügbar.Zum Beispiel erscheint die Fehlermeldung "Unbekannter Widget-Typ tplMaterial2Switches".
Bei Zugriff über die Cloud mit einem Browser (Edge) werden die Widgets dargestellt.

Danke für eine Korrektur!

Update stable version in repo from 1.3.17 to 1.3.18

Think about update stable version to 1.3.18

Version: stable=1.3.17 (58 days old) => latest=1.3.18 (30 days old)
Installs: stable=1661 (52.25%), latest=769 (24.19%), total=3179

Click to use developer portal
Click to edit

Note: This is an automatically generated message and not personally authored by bluefox!
Do not close this issue manually as a new issue will be created if condition for update still exists
@mcm1957 for evidence

Widget - Schalter oder Knöpfe lädt langsam bei Viewwechsel

Ich habe festgestellt, dass beim Wechsel in die View, in der bei mir 15 Widgets "Schalter oder Knöpfe" integriert sind, der Aufbau der View ca. 2-3 s dauert.
D.h. die Schalter werden erst nach 2-3 s sichtbar. Bei mir sind alle 15 Widgets "relativ" eingebettet.

In Vis1 waren alle Schalter und Zustände beim View Wechsel sofort sichtbar.

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.