Updated external content (Jenkins build 1404)
openHAB Build Server
parent
9647de0723
commit
815384787a
|
|
@ -21,11 +21,12 @@ A binding for D-Link Smart Home devices.
|
|||
|
||||
### DCH-S150 (WiFi motion sensor)
|
||||
|
||||
The binding has been tested with hardware revisions A1 and A2 running firmware version 1.22.
|
||||
The binding has been tested with hardware revisions A1 and A2 running firmware version 1.22.
|
||||
The mydlink Home service is now end of life and the device requires a daily reboot (performed by the binding) to keep it responsive.
|
||||
|
||||
## Discovery
|
||||
|
||||
The binding can automatically discover devices that have already been added to the Wifi network. Please refer to your mydlink Home app for instructions on how to add your device to your Wifi network.
|
||||
The binding can automatically discover devices that have already been added to the Wifi network.
|
||||
|
||||
## Binding Configuration
|
||||
|
||||
|
|
@ -40,6 +41,7 @@ Once added the configuration must be updated to specify the PIN code located on
|
|||
|
||||
- **ipAddress** - Hostname or IP of the device
|
||||
- **pin** - PIN code from the back of the device
|
||||
- **rebootHour** - Hour (24h) of the day that the device will be rebooted to ensure that it remains responsive (default is 3).
|
||||
|
||||
To manually configure a DCH-S150 Thing you must specify its IP address and PIN code.
|
||||
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@ title: MyNice - Bindings
|
|||
type: binding
|
||||
description: "This binding implements the support of the IT4Wifi module through the NHK protocol and enables management of Nice gates actuators."
|
||||
since: 3x
|
||||
logo: images/addons/mynice.png
|
||||
install: manual
|
||||
---
|
||||
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@ source: https://github.com/openhab/openhab-webui/edit/main/bundles/org.openhab.u
|
|||
| [`oh-icon`](./oh-icon.html) | [Icon](./oh-icon.html) | Display an openHAB icon |
|
||||
| [`oh-image`](./oh-image.html) | [Image](./oh-image.html) | Displays an image from a URL or an item |
|
||||
| [`oh-input`](./oh-input.html) | [Input](./oh-input.html) | Displays an input field, used to set a variable |
|
||||
| [`oh-knob`](./oh-knob.html) | [Knob](./oh-knob.html) | Knob control, allow to change a number value on a circular track |
|
||||
| [`oh-knob`](./oh-knob.html) | [Knob & Rounded Slider](./oh-knob.html) | Allows to change a number value on a circular track or a rounded slider |
|
||||
| [`oh-link`](./oh-link.html) | [Link](./oh-link.html) | Link performing an action |
|
||||
| [`oh-list`](./oh-list.html) | [List](./oh-list.html) | List control, hosts list items |
|
||||
| [`oh-player`](./oh-player.html) | [Media player](./oh-player.html) | Media player controls, with previous track/pause/play/next buttons |
|
||||
|
|
@ -43,7 +43,7 @@ source: https://github.com/openhab/openhab-webui/edit/main/bundles/org.openhab.u
|
|||
| [`oh-gauge-card`](./oh-gauge-card.html) | [Gauge Card](./oh-gauge-card.html) | Display a read-only gauge in a card to visualize a quantifiable item |
|
||||
| [`oh-image-card`](./oh-image-card.html) | [Image Card](./oh-image-card.html) | Display an image (URL or Image item ) in a card |
|
||||
| [`oh-input-card`](./oh-input-card.html) | [Input Card](./oh-input-card.html) | Display an input in a card |
|
||||
| [`oh-knob-card`](./oh-knob-card.html) | [Knob Card](./oh-knob-card.html) | Display a knob in a card to visualize and control a quantifiable item |
|
||||
| [`oh-knob-card`](./oh-knob-card.html) | [Knob & Rounded Slider Card](./oh-knob-card.html) | Display a knob or a rounded slider in a card to visualize and control a quantifiable item |
|
||||
| [`oh-label-card`](./oh-label-card.html) | [Label Card](./oh-label-card.html) | Display the state of an item in a card |
|
||||
| [`oh-list-card`](./oh-list-card.html) | [List Card](./oh-list-card.html) | Display a list in a card |
|
||||
| [`oh-player-card`](./oh-player-card.html) | [Player Card](./oh-player-card.html) | Display player controls in a card |
|
||||
|
|
@ -78,7 +78,7 @@ source: https://github.com/openhab/openhab-webui/edit/main/bundles/org.openhab.u
|
|||
|--------|------|-------------|
|
||||
| [`oh-cell`](./oh-cell.html) | [Cell](./oh-cell.html) | A regular or expandable cell |
|
||||
| [`oh-colorpicker-cell`](./oh-colorpicker-cell.html) | [Colorpicker Cell](./oh-colorpicker-cell.html) | A cell expanding to a color picker |
|
||||
| [`oh-knob-cell`](./oh-knob-cell.html) | [Knob Cell](./oh-knob-cell.html) | A cell expanding to a knob control |
|
||||
| [`oh-knob-cell`](./oh-knob-cell.html) | [Knob & Rounded Slider Cell](./oh-knob-cell.html) | A cell expanding to a knob or rounded slider control |
|
||||
| [`oh-label-cell`](./oh-label-cell.html) | [Label Cell](./oh-label-cell.html) | A cell with a big label to show a short item state value |
|
||||
| [`oh-rollershutter-cell`](./oh-rollershutter-cell.html) | [Rollershutter Cell](./oh-rollershutter-cell.html) | A cell expanding to rollershutter controls |
|
||||
| [`oh-slider-cell`](./oh-slider-cell.html) | [Slider Cell](./oh-slider-cell.html) | A cell expanding to a big vertical slider |
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ source: https://github.com/openhab/openhab-webui/edit/main/bundles/org.openhab.u
|
|||
prev: /docs/ui/components/
|
||||
---
|
||||
|
||||
# oh-knob-card - Knob Card
|
||||
# oh-knob-card - Knob & Rounded Slider Card
|
||||
|
||||
|
||||
|
||||
|
|
@ -16,11 +16,13 @@ prev: /docs/ui/components/
|
|||
<!-- Note: you can overwrite the definition-provided description and add your own intro/additional sections instead -->
|
||||
<!-- DO NOT REMOVE the following comments if you intend to keep the definition-provided description -->
|
||||
<!-- GENERATED componentDescription -->
|
||||
Display a knob in a card to visualize and control a quantifiable item
|
||||
Display a knob or a rounded slider in a card to visualize and control a quantifiable item
|
||||
<!-- GENERATED /componentDescription -->
|
||||
|
||||
## Configuration
|
||||
|
||||
Use the advanced properties to change the appearance from a knob to a rounded slider.
|
||||
|
||||
<!-- DO NOT REMOVE the following comments -->
|
||||
<!-- GENERATED props -->
|
||||
### Card
|
||||
|
|
@ -55,20 +57,15 @@ Display a knob in a card to visualize and control a quantifiable item
|
|||
</PropGroup>
|
||||
</div>
|
||||
|
||||
### Knob & Round Slider
|
||||
### Knob & Rounded Slider
|
||||
<div class="props">
|
||||
<PropGroup name="knob" label="Knob & Round Slider">
|
||||
Parameters are passed to the underlying <a target="_blank" class="external text-color-blue" href="https://github.com/kramer99/vue-knob-control#properties">knob control</a> or <a target="_blank" class="external text-color-blue" href="https://github.com/soundar24/vue-round-slider#props">round-slider control</a>
|
||||
<PropGroup name="knob" label="Knob & Rounded Slider">
|
||||
Parameters are passed to the underlying <a target="_blank" class="external text-color-blue" href="https://github.com/soundar24/vue-round-slider#props">round-slider control</a>
|
||||
<PropBlock type="TEXT" name="item" label="Item" context="item">
|
||||
<PropDescription>
|
||||
Item to control
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="BOOLEAN" name="useSliderControl" label="Use Slider Control">
|
||||
<PropDescription>
|
||||
Use <a class="external text-color-blue" target="_blank" href="https://vue.roundsliderui.com/">round-slider control</a> instead of knob control (allows more customization) - parameters are advanced!
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="min" label="Min">
|
||||
<PropDescription>
|
||||
Minimum value (default 0)
|
||||
|
|
@ -79,81 +76,11 @@ Display a knob in a card to visualize and control a quantifiable item
|
|||
Maximum value (default 100)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="circleShape" label="Circle Shape">
|
||||
<PropDescription>
|
||||
full, pie, half-top/-bottom/-left/-right, quarter-top-left/-right, quarter-bottom-left/-right - slider control only!
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="startAngle" label="Start Angle">
|
||||
<PropDescription>
|
||||
Angle of circle where the round slider should start (default 0); 0 is 9 o'clock; only if circleShape is not set - slider control only!
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="endAngle" label="End Angle">
|
||||
<PropDescription>
|
||||
Angle of circle where the round slider should start (default 360); 360 is 9 o'clock; only if circleShape is not set - slider control only!
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="DECIMAL" name="stepSize" label="Step">
|
||||
<PropBlock type="DECIMAL" name="step" label="Step">
|
||||
<PropDescription>
|
||||
Minimum interval between values (default 1)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="BOOLEAN" name="disabled" label="Disabled">
|
||||
<PropDescription>
|
||||
Disable the slider (usually set via an expression since the value will not be displayed when disabled)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="size" label="Size">
|
||||
<PropDescription>
|
||||
Visual size of the control in px (or % if responsive is true)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="primaryColor" label="Primary Color">
|
||||
<PropDescription>
|
||||
Color of the value arc (HTML value, default #409eff)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="secondaryColor" label="Secondary Color">
|
||||
<PropDescription>
|
||||
Color of the rest of the control (HTML value, default #dcdfe6)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="textColor" label="Text Color">
|
||||
<PropDescription>
|
||||
Color of the value text (HTML value, default #000000)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="borderColor" label="Border Color">
|
||||
<PropDescription>
|
||||
Sets the border color of the slider. By default it will inherit the primaryColor value (HTML value, default #000000) - slider control only!
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="borderWidth" label="Border Width">
|
||||
<PropDescription>
|
||||
Indicates the border width of the slider - slider control only!
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="strokeWidth" label="Stroke Width">
|
||||
<PropDescription>
|
||||
Thickness of the arcs (default 17)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="lineCap" label="Line End Type">
|
||||
<PropDescription>
|
||||
butt, round, square, none - slider control only!
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="dottedPath" label="Dotted Path">
|
||||
<PropDescription>
|
||||
Length of dotted path segments (css stroke-dasharray) - slider control only!
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="BOOLEAN" name="responsive" label="Responsive">
|
||||
<PropDescription>
|
||||
Size the control using percentages instead of pixels
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="BOOLEAN" name="releaseOnly" label="Send command only on release">
|
||||
<PropDescription>
|
||||
If enabled, no commands are sent during sliding
|
||||
|
|
@ -166,7 +93,108 @@ Display a knob in a card to visualize and control a quantifiable item
|
|||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="delayStateDisplay" label="Delay State Display">
|
||||
<PropDescription>
|
||||
Time to wait before switching from displaying user input to displaying item state in ms (default 2000)
|
||||
Time to wait before switching from displaying user input to displaying Item state in ms (default 2000)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="BOOLEAN" name="disabled" label="Disabled">
|
||||
<PropDescription>
|
||||
Disable the slider (usually set via an expression since the value will not be displayed when disabled)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="size" label="Size">
|
||||
<PropDescription>
|
||||
Visual size of the control in px (or % if responsive is true)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="BOOLEAN" name="responsive" label="Responsive">
|
||||
<PropDescription>
|
||||
Size the control using percentages instead of pixels
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="strokeWidth" label="Stroke Width">
|
||||
<PropDescription>
|
||||
Thickness of the arcs (default 18)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="startAngle" label="Start Angle">
|
||||
<PropDescription>
|
||||
Angle of circle where the round slider should start (default -50); 0 is 9 o'clock; only if circleShape is not set
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="endAngle" label="End Angle">
|
||||
<PropDescription>
|
||||
Angle of circle where the round slider should start (default -130); 360 is 9 o'clock; only if circleShape is not set
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="circleShape" label="Circle Shape">
|
||||
<PropDescription>
|
||||
Indicates the circle shape to be render
|
||||
</PropDescription>
|
||||
<PropOptions>
|
||||
<PropOption value="full" label="full" />
|
||||
<PropOption value="half-top" label="half top" />
|
||||
<PropOption value="half-bottom" label="half bottom" />
|
||||
<PropOption value="half-left" label="half left" />
|
||||
<PropOption value="half-right" label="half right" />
|
||||
<PropOption value="quarter-top-left" label="quarter top left" />
|
||||
<PropOption value="quarter-top-right" label="quarter top right" />
|
||||
<PropOption value="quarter-bottom-left" label="quarter bottom left" />
|
||||
<PropOption value="quarter-bottom-right" label="quarter bottom right" />
|
||||
<PropOption value="pie" label="pie" />
|
||||
</PropOptions>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="lineCap" label="Line Cap">
|
||||
<PropDescription>
|
||||
Sets the shape of the end of the path
|
||||
</PropDescription>
|
||||
<PropOptions>
|
||||
<PropOption value="square" label="square" />
|
||||
<PropOption value="round" label="round" />
|
||||
</PropOptions>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="dottedPath" label="Dotted Path">
|
||||
<PropDescription>
|
||||
Length of dotted path segments (using css stroke-dasharray)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="borderWidth" label="Border Width">
|
||||
<PropDescription>
|
||||
Sets the border width of the slider (px value)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="handleSize" label="Handle Size">
|
||||
<PropDescription>
|
||||
Sets the size of the slider handle (px value)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="handleShape" label="Handle Shape">
|
||||
<PropDescription>
|
||||
Sets the shape of the slider handle
|
||||
</PropDescription>
|
||||
<PropOptions>
|
||||
<PropOption value="square" label="square" />
|
||||
<PropOption value="round" label="round" />
|
||||
<PropOption value="dot" label="dot" />
|
||||
</PropOptions>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="borderColor" label="Border Color">
|
||||
<PropDescription>
|
||||
Sets the border color of the slider; set borderWidth as well! (HTML value)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="pathColor" label="Path Color">
|
||||
<PropDescription>
|
||||
Sets the path color of the slider (HTML value)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="rangeColor" label="Range Color">
|
||||
<PropDescription>
|
||||
Sets the range color of the slider (HTML value)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="tooltipColor" label="Tooltip Color">
|
||||
<PropDescription>
|
||||
Sets the tooltip color of the slider (HTML value)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
</PropGroup>
|
||||
|
|
@ -175,10 +203,10 @@ Display a knob in a card to visualize and control a quantifiable item
|
|||
|
||||
<!-- GENERATED /props -->
|
||||
|
||||
<!-- If applicable describe how properties are forwarded to a underlying component from Framework7, ECharts, etc.:
|
||||
### Inherited Properties
|
||||
|
||||
-->
|
||||
Properties are forwarded to the underlying [vue-round-slider](https://vue.roundsliderui.com/) component, which means you can set [these parameters](https://roundsliderui.com/document.html#options).
|
||||
A compatibility layer ensures backward compatibility with the [vue-knob-control](https://github.com/kramer99/vue-knob-control#readme) component that was initially used.
|
||||
|
||||
<!-- If applicable describe the slots recognized by the component and what they represent:
|
||||
### Slots
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ source: https://github.com/openhab/openhab-webui/edit/main/bundles/org.openhab.u
|
|||
prev: /docs/ui/components/
|
||||
---
|
||||
|
||||
# oh-knob-cell - Knob Cell
|
||||
# oh-knob-cell - Knob & Rounded Slider Cell
|
||||
|
||||
|
||||
|
||||
|
|
@ -16,11 +16,13 @@ prev: /docs/ui/components/
|
|||
<!-- Note: you can overwrite the definition-provided description and add your own intro/additional sections instead -->
|
||||
<!-- DO NOT REMOVE the following comments if you intend to keep the definition-provided description -->
|
||||
<!-- GENERATED componentDescription -->
|
||||
A cell expanding to a knob control
|
||||
A cell expanding to a knob or rounded slider control
|
||||
<!-- GENERATED /componentDescription -->
|
||||
|
||||
## Configuration
|
||||
|
||||
Use the advanced properties to change the appearance from a knob to a rounded slider.
|
||||
|
||||
<!-- DO NOT REMOVE the following comments -->
|
||||
<!-- GENERATED props -->
|
||||
### Cell
|
||||
|
|
@ -73,11 +75,6 @@ A cell expanding to a knob control
|
|||
Item to control
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="BOOLEAN" name="useSliderControl" label="Use Slider Control">
|
||||
<PropDescription>
|
||||
Use <a class="external text-color-blue" target="_blank" href="https://vue.roundsliderui.com/">round-slider control</a> instead of knob control (allows more customization) - parameters are advanced!
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="min" label="Min">
|
||||
<PropDescription>
|
||||
Minimum value (default 0)
|
||||
|
|
@ -88,81 +85,11 @@ A cell expanding to a knob control
|
|||
Maximum value (default 100)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="circleShape" label="Circle Shape">
|
||||
<PropDescription>
|
||||
full, pie, half-top/-bottom/-left/-right, quarter-top-left/-right, quarter-bottom-left/-right - slider control only!
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="startAngle" label="Start Angle">
|
||||
<PropDescription>
|
||||
Angle of circle where the round slider should start (default 0); 0 is 9 o'clock; only if circleShape is not set - slider control only!
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="endAngle" label="End Angle">
|
||||
<PropDescription>
|
||||
Angle of circle where the round slider should start (default 360); 360 is 9 o'clock; only if circleShape is not set - slider control only!
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="DECIMAL" name="stepSize" label="Step">
|
||||
<PropBlock type="DECIMAL" name="step" label="Step">
|
||||
<PropDescription>
|
||||
Minimum interval between values (default 1)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="BOOLEAN" name="disabled" label="Disabled">
|
||||
<PropDescription>
|
||||
Disable the slider (usually set via an expression since the value will not be displayed when disabled)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="size" label="Size">
|
||||
<PropDescription>
|
||||
Visual size of the control in px (or % if responsive is true)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="primaryColor" label="Primary Color">
|
||||
<PropDescription>
|
||||
Color of the value arc (HTML value, default #409eff)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="secondaryColor" label="Secondary Color">
|
||||
<PropDescription>
|
||||
Color of the rest of the control (HTML value, default #dcdfe6)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="textColor" label="Text Color">
|
||||
<PropDescription>
|
||||
Color of the value text (HTML value, default #000000)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="borderColor" label="Border Color">
|
||||
<PropDescription>
|
||||
Sets the border color of the slider. By default it will inherit the primaryColor value (HTML value, default #000000) - slider control only!
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="borderWidth" label="Border Width">
|
||||
<PropDescription>
|
||||
Indicates the border width of the slider - slider control only!
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="strokeWidth" label="Stroke Width">
|
||||
<PropDescription>
|
||||
Thickness of the arcs (default 17)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="lineCap" label="Line End Type">
|
||||
<PropDescription>
|
||||
butt, round, square, none - slider control only!
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="dottedPath" label="Dotted Path">
|
||||
<PropDescription>
|
||||
Length of dotted path segments (css stroke-dasharray) - slider control only!
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="BOOLEAN" name="responsive" label="Responsive">
|
||||
<PropDescription>
|
||||
Size the control using percentages instead of pixels
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="BOOLEAN" name="releaseOnly" label="Send command only on release">
|
||||
<PropDescription>
|
||||
If enabled, no commands are sent during sliding
|
||||
|
|
@ -175,7 +102,108 @@ A cell expanding to a knob control
|
|||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="delayStateDisplay" label="Delay State Display">
|
||||
<PropDescription>
|
||||
Time to wait before switching from displaying user input to displaying item state in ms (default 2000)
|
||||
Time to wait before switching from displaying user input to displaying Item state in ms (default 2000)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="BOOLEAN" name="disabled" label="Disabled">
|
||||
<PropDescription>
|
||||
Disable the slider (usually set via an expression since the value will not be displayed when disabled)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="size" label="Size">
|
||||
<PropDescription>
|
||||
Visual size of the control in px (or % if responsive is true)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="BOOLEAN" name="responsive" label="Responsive">
|
||||
<PropDescription>
|
||||
Size the control using percentages instead of pixels
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="strokeWidth" label="Stroke Width">
|
||||
<PropDescription>
|
||||
Thickness of the arcs (default 18)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="startAngle" label="Start Angle">
|
||||
<PropDescription>
|
||||
Angle of circle where the round slider should start (default -50); 0 is 9 o'clock; only if circleShape is not set
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="endAngle" label="End Angle">
|
||||
<PropDescription>
|
||||
Angle of circle where the round slider should start (default -130); 360 is 9 o'clock; only if circleShape is not set
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="circleShape" label="Circle Shape">
|
||||
<PropDescription>
|
||||
Indicates the circle shape to be render
|
||||
</PropDescription>
|
||||
<PropOptions>
|
||||
<PropOption value="full" label="full" />
|
||||
<PropOption value="half-top" label="half top" />
|
||||
<PropOption value="half-bottom" label="half bottom" />
|
||||
<PropOption value="half-left" label="half left" />
|
||||
<PropOption value="half-right" label="half right" />
|
||||
<PropOption value="quarter-top-left" label="quarter top left" />
|
||||
<PropOption value="quarter-top-right" label="quarter top right" />
|
||||
<PropOption value="quarter-bottom-left" label="quarter bottom left" />
|
||||
<PropOption value="quarter-bottom-right" label="quarter bottom right" />
|
||||
<PropOption value="pie" label="pie" />
|
||||
</PropOptions>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="lineCap" label="Line Cap">
|
||||
<PropDescription>
|
||||
Sets the shape of the end of the path
|
||||
</PropDescription>
|
||||
<PropOptions>
|
||||
<PropOption value="square" label="square" />
|
||||
<PropOption value="round" label="round" />
|
||||
</PropOptions>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="dottedPath" label="Dotted Path">
|
||||
<PropDescription>
|
||||
Length of dotted path segments (using css stroke-dasharray)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="borderWidth" label="Border Width">
|
||||
<PropDescription>
|
||||
Sets the border width of the slider (px value)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="handleSize" label="Handle Size">
|
||||
<PropDescription>
|
||||
Sets the size of the slider handle (px value)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="handleShape" label="Handle Shape">
|
||||
<PropDescription>
|
||||
Sets the shape of the slider handle
|
||||
</PropDescription>
|
||||
<PropOptions>
|
||||
<PropOption value="square" label="square" />
|
||||
<PropOption value="round" label="round" />
|
||||
<PropOption value="dot" label="dot" />
|
||||
</PropOptions>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="borderColor" label="Border Color">
|
||||
<PropDescription>
|
||||
Sets the border color of the slider; set borderWidth as well! (HTML value)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="pathColor" label="Path Color">
|
||||
<PropDescription>
|
||||
Sets the path color of the slider (HTML value)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="rangeColor" label="Range Color">
|
||||
<PropDescription>
|
||||
Sets the range color of the slider (HTML value)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="tooltipColor" label="Tooltip Color">
|
||||
<PropDescription>
|
||||
Sets the tooltip color of the slider (HTML value)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
</PropGroup>
|
||||
|
|
@ -343,10 +371,10 @@ A cell expanding to a knob control
|
|||
|
||||
<!-- GENERATED /props -->
|
||||
|
||||
<!-- If applicable describe how properties are forwarded to a underlying component from Framework7, ECharts, etc.:
|
||||
### Inherited Properties
|
||||
|
||||
-->
|
||||
Properties are forwarded to the underlying [vue-round-slider](https://vue.roundsliderui.com/) component, which means you can set [these parameters](https://roundsliderui.com/document.html#options).
|
||||
A compatibility layer ensures backward compatibility with the [vue-knob-control](https://github.com/kramer99/vue-knob-control#readme) component that was initially used.
|
||||
|
||||
<!-- If applicable describe the slots recognized by the component and what they represent:
|
||||
### Slots
|
||||
|
|
|
|||
|
|
@ -16,11 +16,13 @@ prev: /docs/ui/components/
|
|||
<!-- Note: you can overwrite the definition-provided description and add your own intro/additional sections instead -->
|
||||
<!-- DO NOT REMOVE the following comments if you intend to keep the definition-provided description -->
|
||||
<!-- GENERATED componentDescription -->
|
||||
Knob control, allow to change a number value on a circular track
|
||||
Allows to change a number value on a circular track or a rounded slider
|
||||
<!-- GENERATED /componentDescription -->
|
||||
|
||||
## Configuration
|
||||
|
||||
Use the advanced properties to change the appearance from a knob to a rounded slider.
|
||||
|
||||
<!-- DO NOT REMOVE the following comments -->
|
||||
<!-- GENERATED props -->
|
||||
### General
|
||||
|
|
@ -31,11 +33,6 @@ Knob control, allow to change a number value on a circular track
|
|||
Item to control
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="BOOLEAN" name="useSliderControl" label="Use Slider Control">
|
||||
<PropDescription>
|
||||
Use <a class="external text-color-blue" target="_blank" href="https://vue.roundsliderui.com/">round-slider control</a> instead of knob control (allows more customization) - parameters are advanced!
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="min" label="Min">
|
||||
<PropDescription>
|
||||
Minimum value (default 0)
|
||||
|
|
@ -46,81 +43,11 @@ Knob control, allow to change a number value on a circular track
|
|||
Maximum value (default 100)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="circleShape" label="Circle Shape">
|
||||
<PropDescription>
|
||||
full, pie, half-top/-bottom/-left/-right, quarter-top-left/-right, quarter-bottom-left/-right - slider control only!
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="startAngle" label="Start Angle">
|
||||
<PropDescription>
|
||||
Angle of circle where the round slider should start (default 0); 0 is 9 o'clock; only if circleShape is not set - slider control only!
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="endAngle" label="End Angle">
|
||||
<PropDescription>
|
||||
Angle of circle where the round slider should start (default 360); 360 is 9 o'clock; only if circleShape is not set - slider control only!
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="DECIMAL" name="stepSize" label="Step">
|
||||
<PropBlock type="DECIMAL" name="step" label="Step">
|
||||
<PropDescription>
|
||||
Minimum interval between values (default 1)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="BOOLEAN" name="disabled" label="Disabled">
|
||||
<PropDescription>
|
||||
Disable the slider (usually set via an expression since the value will not be displayed when disabled)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="size" label="Size">
|
||||
<PropDescription>
|
||||
Visual size of the control in px (or % if responsive is true)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="primaryColor" label="Primary Color">
|
||||
<PropDescription>
|
||||
Color of the value arc (HTML value, default #409eff)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="secondaryColor" label="Secondary Color">
|
||||
<PropDescription>
|
||||
Color of the rest of the control (HTML value, default #dcdfe6)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="textColor" label="Text Color">
|
||||
<PropDescription>
|
||||
Color of the value text (HTML value, default #000000)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="borderColor" label="Border Color">
|
||||
<PropDescription>
|
||||
Sets the border color of the slider. By default it will inherit the primaryColor value (HTML value, default #000000) - slider control only!
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="borderWidth" label="Border Width">
|
||||
<PropDescription>
|
||||
Indicates the border width of the slider - slider control only!
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="strokeWidth" label="Stroke Width">
|
||||
<PropDescription>
|
||||
Thickness of the arcs (default 17)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="lineCap" label="Line End Type">
|
||||
<PropDescription>
|
||||
butt, round, square, none - slider control only!
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="dottedPath" label="Dotted Path">
|
||||
<PropDescription>
|
||||
Length of dotted path segments (css stroke-dasharray) - slider control only!
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="BOOLEAN" name="responsive" label="Responsive">
|
||||
<PropDescription>
|
||||
Size the control using percentages instead of pixels
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="BOOLEAN" name="releaseOnly" label="Send command only on release">
|
||||
<PropDescription>
|
||||
If enabled, no commands are sent during sliding
|
||||
|
|
@ -133,7 +60,108 @@ Knob control, allow to change a number value on a circular track
|
|||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="delayStateDisplay" label="Delay State Display">
|
||||
<PropDescription>
|
||||
Time to wait before switching from displaying user input to displaying item state in ms (default 2000)
|
||||
Time to wait before switching from displaying user input to displaying Item state in ms (default 2000)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="BOOLEAN" name="disabled" label="Disabled">
|
||||
<PropDescription>
|
||||
Disable the slider (usually set via an expression since the value will not be displayed when disabled)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="size" label="Size">
|
||||
<PropDescription>
|
||||
Visual size of the control in px (or % if responsive is true)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="BOOLEAN" name="responsive" label="Responsive">
|
||||
<PropDescription>
|
||||
Size the control using percentages instead of pixels
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="strokeWidth" label="Stroke Width">
|
||||
<PropDescription>
|
||||
Thickness of the arcs (default 18)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="startAngle" label="Start Angle">
|
||||
<PropDescription>
|
||||
Angle of circle where the round slider should start (default -50); 0 is 9 o'clock; only if circleShape is not set
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="endAngle" label="End Angle">
|
||||
<PropDescription>
|
||||
Angle of circle where the round slider should start (default -130); 360 is 9 o'clock; only if circleShape is not set
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="circleShape" label="Circle Shape">
|
||||
<PropDescription>
|
||||
Indicates the circle shape to be render
|
||||
</PropDescription>
|
||||
<PropOptions>
|
||||
<PropOption value="full" label="full" />
|
||||
<PropOption value="half-top" label="half top" />
|
||||
<PropOption value="half-bottom" label="half bottom" />
|
||||
<PropOption value="half-left" label="half left" />
|
||||
<PropOption value="half-right" label="half right" />
|
||||
<PropOption value="quarter-top-left" label="quarter top left" />
|
||||
<PropOption value="quarter-top-right" label="quarter top right" />
|
||||
<PropOption value="quarter-bottom-left" label="quarter bottom left" />
|
||||
<PropOption value="quarter-bottom-right" label="quarter bottom right" />
|
||||
<PropOption value="pie" label="pie" />
|
||||
</PropOptions>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="lineCap" label="Line Cap">
|
||||
<PropDescription>
|
||||
Sets the shape of the end of the path
|
||||
</PropDescription>
|
||||
<PropOptions>
|
||||
<PropOption value="square" label="square" />
|
||||
<PropOption value="round" label="round" />
|
||||
</PropOptions>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="dottedPath" label="Dotted Path">
|
||||
<PropDescription>
|
||||
Length of dotted path segments (using css stroke-dasharray)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="INTEGER" name="borderWidth" label="Border Width">
|
||||
<PropDescription>
|
||||
Sets the border width of the slider (px value)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="handleSize" label="Handle Size">
|
||||
<PropDescription>
|
||||
Sets the size of the slider handle (px value)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="handleShape" label="Handle Shape">
|
||||
<PropDescription>
|
||||
Sets the shape of the slider handle
|
||||
</PropDescription>
|
||||
<PropOptions>
|
||||
<PropOption value="square" label="square" />
|
||||
<PropOption value="round" label="round" />
|
||||
<PropOption value="dot" label="dot" />
|
||||
</PropOptions>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="borderColor" label="Border Color">
|
||||
<PropDescription>
|
||||
Sets the border color of the slider; set borderWidth as well! (HTML value)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="pathColor" label="Path Color">
|
||||
<PropDescription>
|
||||
Sets the path color of the slider (HTML value)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="rangeColor" label="Range Color">
|
||||
<PropDescription>
|
||||
Sets the range color of the slider (HTML value)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="tooltipColor" label="Tooltip Color">
|
||||
<PropDescription>
|
||||
Sets the tooltip color of the slider (HTML value)
|
||||
</PropDescription>
|
||||
</PropBlock>
|
||||
<PropBlock type="TEXT" name="variable" label="Variable">
|
||||
|
|
@ -152,10 +180,10 @@ Knob control, allow to change a number value on a circular track
|
|||
|
||||
<!-- GENERATED /props -->
|
||||
|
||||
<!-- If applicable describe how properties are forwarded to a underlying component from Framework7, ECharts, etc.:
|
||||
### Inherited Properties
|
||||
|
||||
-->
|
||||
Properties are forwarded to the underlying [vue-round-slider](https://vue.roundsliderui.com/) component, which means you can set [these parameters](https://roundsliderui.com/document.html#options).
|
||||
A compatibility layer ensures backward compatibility with the [vue-knob-control](https://github.com/kramer99/vue-knob-control#readme) component that was initially used.
|
||||
|
||||
<!-- If applicable describe the slots recognized by the component and what they represent:
|
||||
### Slots
|
||||
|
|
|
|||
|
|
@ -26,6 +26,12 @@
|
|||
<label>PIN Code</label>
|
||||
<description>PIN code from the back of the device.</description>
|
||||
</parameter>
|
||||
<parameter name="rebootHour" type="integer" min="0" max="23" required="false">
|
||||
<default>3</default>
|
||||
<advanced>true</advanced>
|
||||
<label>Reboot Hour</label>
|
||||
<description>Hour (24h) of the day that the device will be rebooted to ensure that it remains responsive.</description>
|
||||
</parameter>
|
||||
</config-description>
|
||||
</thing-type>
|
||||
</thing:thing-descriptions>
|
||||
|
|
|
|||
|
|
@ -28,6 +28,11 @@
|
|||
<channel id="locationupdated" typeId="locationupdated"/>
|
||||
<channel id="locked" typeId="locked"/>
|
||||
</channels>
|
||||
|
||||
<properties>
|
||||
<property name="thingTypeVersion">1</property>
|
||||
</properties>
|
||||
|
||||
<config-description>
|
||||
|
||||
<parameter name="myRenaultUsername" type="text" required="true">
|
||||
|
|
|
|||
Loading…
Reference in New Issue