uhk/agent
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

LED brightness UI (#520)

Browse Source 
* Add nouislider

* Add LEDBrightnessComponent

* Move LEDBrightnessComponent to correct folder

* Add LED brightness page to side menu and device routes

* Add LEDBrightnessComponent to device index file

* Add LEDBrightnessComponent and NouisliderModule to shared module

* Remove ngModelChange from LEDBrightnessComponent until onChange is implemented

* Fix stylelint issue in led brightness component

* Add nouislider files to webpack.config.js

* Add adjusting LED brightness sliders with arrow keys

* Various tweaks to LEDBrightnessComponent

* Fix linting issues in LEDBrightnessComponent

* Allow "::ng-deep" pseudo element in stylelint config

* Add reading LED brightness settings from user configuration

* led-brightness save

* Move slider to its own wrapper component, add debounce for slider change events

* Small fixes to imports and exports of SliderWrapperComponent

* Fix slide component making change event when initial value is set

* Export SliderPips interface

* Fix LED Brightness slider pips

* Add support for value unit in SliderWrapperComponent

* Add a bit of space before LED brightness sliders so the slider handle doesn't go beyond the page in the min position

* Implement onDestroy, fix slider pip values and imports in LEDBrightnessComponent

* Fix imports, implement onDestroy in SliderWrapperComponent

* Move fix for slider pip value style to global styles file

* Reorder stylelint rules
This commit is contained in:
Mikko Lakomaa
2017-12-27 21:10:55 +02:00
committed by László Monda
parent 5ceca41e0f
commit 90f56c350e
19 changed files with 2098 additions and 557 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/uhk-web/webpack.config.js
View File

@@ -85,10 +85,12 @@ module.exports = {
],
"scripts": [
"script-loader!./node_modules/bootstrap/dist/js/bootstrap.js",
"script-loader!./node_modules/select2/dist/js/select2.full.js"
"script-loader!./node_modules/select2/dist/js/select2.full.js",
"script-loader!./node_modules/nouislider/distribute/nouislider.js"
],
"styles": [
"./node_modules/bootstrap/dist/css/bootstrap.min.css",
"./node_modules/nouislider/distribute/nouislider.min.css",
"./src/styles.scss"
]
},
@@ -126,6 +128,7 @@ module.exports = {
{
"exclude": [
path.join(process.cwd(), "node_modules/bootstrap/dist/css/bootstrap.min.css"),
path.join(process.cwd(), "node_modules/nouislider/distribute/nouislider.min.css"),
path.join(process.cwd(), "src/styles.scss")
],
"test": /\.css$/,
@@ -150,6 +153,7 @@ module.exports = {
{
"exclude": [
path.join(process.cwd(), "node_modules/bootstrap/dist/css/bootstrap.min.css"),
path.join(process.cwd(), "node_modules/nouislider/distribute/nouislider.min.css"),
path.join(process.cwd(), "src/styles.scss")
],
"test": /\.scss$|\.sass$/,
@@ -182,6 +186,7 @@ module.exports = {
{
"exclude": [
path.join(process.cwd(), "node_modules/bootstrap/dist/css/bootstrap.min.css"),
path.join(process.cwd(), "node_modules/nouislider/distribute/nouislider.min.css"),
path.join(process.cwd(), "src/styles.scss")
],
"test": /\.less$/,
@@ -212,6 +217,7 @@ module.exports = {
{
"exclude": [
path.join(process.cwd(), "node_modules/bootstrap/dist/css/bootstrap.min.css"),
path.join(process.cwd(), "node_modules/nouislider/distribute/nouislider.min.css"),
path.join(process.cwd(), "src/styles.scss")
],
"test": /\.styl$/,
@@ -243,6 +249,7 @@ module.exports = {
{
"include": [
path.join(process.cwd(), "node_modules/bootstrap/dist/css/bootstrap.min.css"),
path.join(process.cwd(), "node_modules/nouislider/distribute/nouislider.min.css"),
path.join(process.cwd(), "src/styles.scss")
],
"test": /\.css$/,
@@ -267,6 +274,7 @@ module.exports = {
{
"include": [
path.join(process.cwd(), "node_modules/bootstrap/dist/css/bootstrap.min.css"),
path.join(process.cwd(), "node_modules/nouislider/distribute/nouislider.min.css"),
path.join(process.cwd(), "src/styles.scss")
],
"test": /\.scss$|\.sass$/,
@@ -299,6 +307,7 @@ module.exports = {
{
"include": [
path.join(process.cwd(), "node_modules/bootstrap/dist/css/bootstrap.min.css"),
path.join(process.cwd(), "node_modules/nouislider/distribute/nouislider.min.css"),
path.join(process.cwd(), "src/styles.scss")
],
"test": /\.less$/,
@@ -329,6 +338,7 @@ module.exports = {
{
"include": [
path.join(process.cwd(), "node_modules/bootstrap/dist/css/bootstrap.min.css"),
path.join(process.cwd(), "node_modules/nouislider/distribute/nouislider.min.css"),
path.join(process.cwd(), "src/styles.scss")
],
"test": /\.styl$/,