vis-2-widgets-collection

carsten04

@Merlin123 Das wäre ein neuer Lichttyp white der bisher noch nicht implementiert ist. Das wäre ein neues Feature. Kannst Du gerne auf GitHub einstellen, dann werde ich das demnächst nachziehen.
Noch ein Hinweis, da viele das glaube ich noch gar nicht mitbekommen haben: Du kannst bei allen Widgets (insbesondere sinnvoll für Slider und Lichter) unter Wert schreiben eine Verzögerung bzw. Intervallwert einstellen.

Bewirkt, dass ein neuer Wert erst mit einer Verzögerung von 300ms (default) geschrieben wird.

Bewirkt, dass bei z.B. Sliderbewegungen, oder auch bei z.B. kontinuierlicher Farbauswahl im Lichterwidget während der Bewegung alle 200ms (default) der neue Wert geschrieben wird. Damit kannst Du z.B. das HUE-App verhalten nachahmen und die Farbe kontinuierlich ändern, ohne das die Farbe "nachläuft". Wenn Du z.B. ein "Nachlaufen" feststellst kannst Du den Intervallwert um z.B. 50ms schrittweise erhöhen bis das "Nachlaufen" aufhört. Welcher Wert für Dich der Richtige ist musst Du ausprobieren, da jedes Heimnetz seine eigene "Trägheit" hat.

Merlin123

@carsten04 Issue ist erstellt.

Und danke für den Hinweis, schau ich mir mal an, wie das für mich Sinn macht.

carsten04

Es gibt eine neue Version v2.2.1. Ich habe die Widgets insgesamt noch optimiert, an einigen Stellen verbessert und ein paar kleinere Bugs behoben. Das GitHub-Wiki ist ebenfalls aktuell. Das Sliderwidget hat noch einige weitere Einstellungsmöglichkeiten erhalten, insbesondere für Thumb, Track und Rail. Damit ist dann z.B. so etwas (neben vielen anderen Möglichkeiten ) schnell zu realisieren:

Animation:

Widgetexport:

[
  {
    "tpl": "tplSliderCollectionWidget",
    "data": {
      "bindings": [],
      "enableIconColorMask": false,
      "g_common": true,
      "iconXOffset": "-24px",
      "iconYOffset": "-12px",
      "noHeaderIcon": false,
      "header": "Rollo Wohnzimmerfenster",
      "footer": "",
      "textColor": "linear-gradient(90deg,    RGBA(78, 0, 0, 1) 0%, rgba(248,115,18,1) 35%, rgba(84,255,0,1) 100%)",
      "basePadding": 0,
      "baseElevation": 1,
      "oid": "0_userdata.0.slider_example",
      "unit": "",
      "g_slider": true,
      "values_count": 6,
      "sampleInterval": false,
      "sampleIntervalValue": 200,
      "delay": 300,
      "sliderSize": "medium",
      "sliderOrientation": "horizontal",
      "sliderGap": "",
      "valueLabelDisplay": "off",
      "labelPosition": "-5px",
      "sliderColor": "",
      "sliderPadding": 7.7,
      "thumbWidth": 90,
      "thumbHeight": 90,
      "thumbColor": "rgba(179, 203, 36, 0.22)",
      "thumbBorderWidth": 10,
      "thumbBorderColor": "rgba(179, 203, 36, 0.55)",
      "trackLength": 48,
      "trackBackgroundColor": "linear-gradient(90deg, rgba(78,0,0,0.59) 0%, rgba(248,115,18,0.6) 35%, RGBA(84, 255, 0, 0.65) 100%)",
      "trackBorderWidth": 0,
      "trackBorderColor": "",
      "railLength": 70,
      "railBackgroundColor": "linear-gradient(90deg, rgba(78,0,0,0.59) 0%, rgba(248,115,18,0.6) 35%, RGBA(84, 255, 0, 0.65) 100%)",
      "railBorderWidth": 0,
      "railBorderColor": "",
      "markWidth": 0,
      "markHeight": 0,
      "markBackgroundColor": "",
      "minValue": 0,
      "maxValue": 100,
      "step": 10,
      "onlyStates": true,
      "marks": true,
      "markPosition": "-12px",
      "markStep": 10,
      "markerTextColor": "",
      "iconSizeStart": "48px",
      "iconSizeEnd": "24px",
      "enableIconColorMaskActive": false,
      "g_active": true,
      "iconXOffsetActive": "0px",
      "iconYOffsetActive": "5px",
      "headerActive": "",
      "aliasActive": "",
      "footerActive": "",
      "textColorActive": "",
      "backgroundActive": "",
      "frameBackgroundActive": "",
      "oidObject": {
        "_id": "0_userdata.0.slider_example",
        "name": "slider_example",
        "type": "number",
        "icon": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCI+DQogICAgPGcgZmlsbD0iY3VycmVudENvbG9yIj4NCiAgICAgICAgPHBhdGggZD0iTTE5LDV2MTRINVY1SDE5IE0xOSwzSDVDMy45LDMsMywzLjksMyw1djE0YzAsMS4xLDAuOSwyLDIsMmgxNGMxLjEsMCwyLTAuOSwyLTJWNUMyMSwzLjksMjAuMSwzLDE5LDNMMTksM3oiLz4NCiAgICAgICAgPHBhdGggZD0iTTE0LDE3SDd2LTJoN1YxN3ogTTE3LDEzSDd2LTJoMTBWMTN6IE0xNyw5SDdWN2gxMFY5eiIvPg0KICAgIDwvZz4NCjwvc3ZnPg==",
        "write": true,
        "onlyDisplay": false,
        "unit": "",
        "minValue": 0,
        "maxValue": 100,
        "commonStates": {
          "0": "0",
          "20": "20",
          "40": "40",
          "60": "60",
          "80": "80",
          "100": "100"
        }
      },
      "icon": "",
      "write": true,
      "onlyDisplay": false,
      "value1": 0,
      "alias1": "0",
      "value2": 20,
      "alias2": "20",
      "value3": 40,
      "alias3": "40",
      "value4": 60,
      "alias4": "60",
      "value5": 80,
      "alias5": "80",
      "value6": 100,
      "alias6": "100",
      "iconMin": "",
      "iconSmallMin": "",
      "icon1": "../vis-icontwo/Doors_Windows/Shutter/blinds2_0.png",
      "iconColor1": "rgba(255,5,10,1)",
      "enableIconColorMask1": true,
      "icon2": "../vis-icontwo/Doors_Windows/Shutter/blinds2_20.png",
      "icon3": "../vis-icontwo/Doors_Windows/Shutter/blinds2_40.png",
      "icon4": "../vis-icontwo/Doors_Windows/Shutter/blinds2_60.png",
      "icon5": "../vis-icontwo/Doors_Windows/Shutter/blinds2_80.png",
      "icon6": "../vis-icontwo/Doors_Windows/Shutter/blinds2_100.png",
      "iconColor": "",
      "markerTextSize": 0,
      "markerIconSize": 160,
      "markerIconColor": "",
      "iconColor2": "rgba(175,3,7,1)",
      "enableIconColorMask2": true,
      "enableIconColorMask3": true,
      "iconColor3": "rgba(168,71,3,1)",
      "enableIconColorMask4": true,
      "iconColor4": "rgba(30,127,9,1)",
      "enableIconColorMask5": true,
      "iconColor5": "rgba(47,191,15,1)",
      "enableIconColorMask6": true,
      "iconColor6": "rgba(48,230,8,1)",
      "outlined": false,
      "outlinedFrame": false,
      "iconSize": 160,
      "noHeader": false,
      "noFooter": true,
      "noCard": true,
      "iconColorActive": "",
      "iconSizeActive": 230,
      "valueSizeActive": "",
      "g_css_font_text": true,
      "g_css_border": true
    },
    "style": {
      "bindings": [],
      "left": "25px",
      "top": "46px",
      "width": "724.967px",
      "height": "187.939px",
      "position": "",
      "text-align": "center",
      "font-family": "\"Comic Sans MS\", cursive",
      "font-variant": "small-caps",
      "font-size": "x-large",
      "letter-spacing": "1px",
      "word-spacing": "4px",
      "border-width": "2px",
      "border-style": "solid",
      "border-color": "rgba(230,11,15,0.65)",
      "line-height": "2"
    },
    "widgetSet": "vis-2-widgets-collection",
    "_id": "i000001"
  }
]

Ich habe noch an vielen Stellen einen Colorpicker, der auch sehr gut für Gradienten genutzt werden kann, eingebaut.

Wenn ihr Bugs findet bitte hier posten.

topsurfer

Hallo,
kann man auch einen Schieberegler erstellen, der neben der direkten "Schiebefunktion" noch eine Plus / Minus Taste hat zum "feinen" einstellen?
Oder geht so was nur über extra zu erstellende Buttons ?

carsten04

Es gibt eine neue Version v2.3.0. In der Version habe ich noch viel "unter der Haube" optimiert und einige kleinere Bugs behoben. Das GitHub-Wiki wurde ebenfalls in Teilen überarbeitet. Die v2.3.0 sollte dann auch in zwei Wochen ins Stable-Repo gehen. Von daher: wer Lust und Zeit hat bitte testen und hier ggf. Fehler posten und Feedback geben, auch wenn noch etwas fehlt.

sigi234

@carsten04
Der Github Link ist nicht verlinkt.

carsten04

@sigi234 Was meinst Du? Wo nicht verlinkt?

Negalein

@sigi234 sagte in vis-2-widgets-collection:

Der Github Link ist nicht verlinkt.

sigi234

@carsten04 sagte in vis-2-widgets-collection:

auch wenn noch etwas fehlt.

Na da fallen mir einige ein:

Table Widget
Plump Widget
Windows and Shutter Widgets
Door Widget
Thermostat Widget
Cam Widget

carsten04

@sigi234 Ich meinte auch eher bei den vorhandenen Widgets :-). Neue Widgets kommen dann immer mal wieder dazu . . .

Community Forum

NEWS

vis-2-widgets-collection

Support us

589

32.6k

82.3k

1.3m