From fa32f95438a0f463efaabc1ae0aca6393b7b5d95 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?L=C3=A1szl=C3=B3=20Monda?= <laci@monda.hu>
Date: Mon, 30 Jul 2018 00:05:04 +0200
Subject: [PATCH] Add note to the LED brightness page saying that current UHK
 versions are not backlit. Also include spacing-bootstrap-3

---
 packages/uhk-web/package-lock.json            | 140 +++++++++++++++---
 packages/uhk-web/package.json                 |   3 +-
 .../led-brightness.component.html             |   2 +-
 .../slider-wrapper.component.html             |   2 +-
 packages/uhk-web/src/styles.scss              |   4 +
 5 files changed, 129 insertions(+), 22 deletions(-)

diff --git a/packages/uhk-web/package-lock.json b/packages/uhk-web/package-lock.json
index 2c7b99a8..2ba42e83 100644
--- a/packages/uhk-web/package-lock.json
+++ b/packages/uhk-web/package-lock.json
@@ -3850,11 +3850,13 @@
 				"abbrev": {
 					"version": "1.1.0",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"ajv": {
 					"version": "4.11.8",
 					"bundled": true,
+					"dev": true,
 					"optional": true,
 					"requires": {
 						"co": "4.6.0",
@@ -3863,16 +3865,19 @@
 				},
 				"ansi-regex": {
 					"version": "2.1.1",
-					"bundled": true
+					"bundled": true,
+					"dev": true
 				},
 				"aproba": {
 					"version": "1.1.1",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"are-we-there-yet": {
 					"version": "1.1.4",
 					"bundled": true,
+					"dev": true,
 					"optional": true,
 					"requires": {
 						"delegates": "1.0.0",
@@ -3882,35 +3887,42 @@
 				"asn1": {
 					"version": "0.2.3",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"assert-plus": {
 					"version": "0.2.0",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"asynckit": {
 					"version": "0.4.0",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"aws-sign2": {
 					"version": "0.6.0",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"aws4": {
 					"version": "1.6.0",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"balanced-match": {
 					"version": "0.4.2",
-					"bundled": true
+					"bundled": true,
+					"dev": true
 				},
 				"bcrypt-pbkdf": {
 					"version": "1.0.1",
 					"bundled": true,
+					"dev": true,
 					"optional": true,
 					"requires": {
 						"tweetnacl": "0.14.5"
@@ -3919,6 +3931,7 @@
 				"block-stream": {
 					"version": "0.0.9",
 					"bundled": true,
+					"dev": true,
 					"requires": {
 						"inherits": "2.0.3"
 					}
@@ -3926,6 +3939,7 @@
 				"boom": {
 					"version": "2.10.1",
 					"bundled": true,
+					"dev": true,
 					"requires": {
 						"hoek": "2.16.3"
 					}
@@ -3933,6 +3947,7 @@
 				"brace-expansion": {
 					"version": "1.1.7",
 					"bundled": true,
+					"dev": true,
 					"requires": {
 						"balanced-match": "0.4.2",
 						"concat-map": "0.0.1"
@@ -3940,44 +3955,53 @@
 				},
 				"buffer-shims": {
 					"version": "1.0.0",
-					"bundled": true
+					"bundled": true,
+					"dev": true
 				},
 				"caseless": {
 					"version": "0.12.0",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"co": {
 					"version": "4.6.0",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"code-point-at": {
 					"version": "1.1.0",
-					"bundled": true
+					"bundled": true,
+					"dev": true
 				},
 				"combined-stream": {
 					"version": "1.0.5",
 					"bundled": true,
+					"dev": true,
 					"requires": {
 						"delayed-stream": "1.0.0"
 					}
 				},
 				"concat-map": {
 					"version": "0.0.1",
-					"bundled": true
+					"bundled": true,
+					"dev": true
 				},
 				"console-control-strings": {
 					"version": "1.1.0",
-					"bundled": true
+					"bundled": true,
+					"dev": true
 				},
 				"core-util-is": {
 					"version": "1.0.2",
-					"bundled": true
+					"bundled": true,
+					"dev": true
 				},
 				"cryptiles": {
 					"version": "2.0.5",
 					"bundled": true,
+					"dev": true,
 					"requires": {
 						"boom": "2.10.1"
 					}
@@ -3985,6 +4009,7 @@
 				"dashdash": {
 					"version": "1.14.1",
 					"bundled": true,
+					"dev": true,
 					"optional": true,
 					"requires": {
 						"assert-plus": "1.0.0"
@@ -3993,6 +4018,7 @@
 						"assert-plus": {
 							"version": "1.0.0",
 							"bundled": true,
+							"dev": true,
 							"optional": true
 						}
 					}
@@ -4008,25 +4034,30 @@
 				"deep-extend": {
 					"version": "0.4.2",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"delayed-stream": {
 					"version": "1.0.0",
-					"bundled": true
+					"bundled": true,
+					"dev": true
 				},
 				"delegates": {
 					"version": "1.0.0",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"detect-libc": {
 					"version": "1.0.2",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"ecc-jsbn": {
 					"version": "0.1.1",
 					"bundled": true,
+					"dev": true,
 					"optional": true,
 					"requires": {
 						"jsbn": "0.1.1"
@@ -4035,15 +4066,18 @@
 				"extend": {
 					"version": "3.0.1",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"extsprintf": {
 					"version": "1.0.2",
-					"bundled": true
+					"bundled": true,
+					"dev": true
 				},
 				"forever-agent": {
 					"version": "0.6.1",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"form-data": {
@@ -4058,11 +4092,13 @@
 				},
 				"fs.realpath": {
 					"version": "1.0.0",
-					"bundled": true
+					"bundled": true,
+					"dev": true
 				},
 				"fstream": {
 					"version": "1.0.11",
 					"bundled": true,
+					"dev": true,
 					"requires": {
 						"graceful-fs": "4.1.11",
 						"inherits": "2.0.3",
@@ -4073,6 +4109,7 @@
 				"fstream-ignore": {
 					"version": "1.0.5",
 					"bundled": true,
+					"dev": true,
 					"optional": true,
 					"requires": {
 						"fstream": "1.0.11",
@@ -4083,6 +4120,7 @@
 				"gauge": {
 					"version": "2.7.4",
 					"bundled": true,
+					"dev": true,
 					"optional": true,
 					"requires": {
 						"aproba": "1.1.1",
@@ -4098,6 +4136,7 @@
 				"getpass": {
 					"version": "0.1.7",
 					"bundled": true,
+					"dev": true,
 					"optional": true,
 					"requires": {
 						"assert-plus": "1.0.0"
@@ -4106,6 +4145,7 @@
 						"assert-plus": {
 							"version": "1.0.0",
 							"bundled": true,
+							"dev": true,
 							"optional": true
 						}
 					}
@@ -4113,6 +4153,7 @@
 				"glob": {
 					"version": "7.1.2",
 					"bundled": true,
+					"dev": true,
 					"requires": {
 						"fs.realpath": "1.0.0",
 						"inflight": "1.0.6",
@@ -4124,11 +4165,13 @@
 				},
 				"graceful-fs": {
 					"version": "4.1.11",
-					"bundled": true
+					"bundled": true,
+					"dev": true
 				},
 				"har-schema": {
 					"version": "1.0.5",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"har-validator": {
@@ -4143,11 +4186,13 @@
 				"has-unicode": {
 					"version": "2.0.1",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"hawk": {
 					"version": "3.1.3",
 					"bundled": true,
+					"dev": true,
 					"requires": {
 						"boom": "2.10.1",
 						"cryptiles": "2.0.5",
@@ -4157,11 +4202,13 @@
 				},
 				"hoek": {
 					"version": "2.16.3",
-					"bundled": true
+					"bundled": true,
+					"dev": true
 				},
 				"http-signature": {
 					"version": "1.1.1",
 					"bundled": true,
+					"dev": true,
 					"optional": true,
 					"requires": {
 						"assert-plus": "0.2.0",
@@ -4172,6 +4219,7 @@
 				"inflight": {
 					"version": "1.0.6",
 					"bundled": true,
+					"dev": true,
 					"requires": {
 						"once": "1.4.0",
 						"wrappy": "1.0.2"
@@ -4179,11 +4227,13 @@
 				},
 				"inherits": {
 					"version": "2.0.3",
-					"bundled": true
+					"bundled": true,
+					"dev": true
 				},
 				"ini": {
 					"version": "1.3.4",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"is-fullwidth-code-point": {
@@ -4196,20 +4246,24 @@
 				"is-typedarray": {
 					"version": "1.0.0",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"isarray": {
 					"version": "1.0.0",
-					"bundled": true
+					"bundled": true,
+					"dev": true
 				},
 				"isstream": {
 					"version": "0.1.2",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"jodid25519": {
 					"version": "1.0.2",
 					"bundled": true,
+					"dev": true,
 					"optional": true,
 					"requires": {
 						"jsbn": "0.1.1"
@@ -4218,16 +4272,19 @@
 				"jsbn": {
 					"version": "0.1.1",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"json-schema": {
 					"version": "0.2.3",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"json-stable-stringify": {
 					"version": "1.0.1",
 					"bundled": true,
+					"dev": true,
 					"optional": true,
 					"requires": {
 						"jsonify": "0.0.0"
@@ -4236,16 +4293,19 @@
 				"json-stringify-safe": {
 					"version": "5.0.1",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"jsonify": {
 					"version": "0.0.0",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"jsprim": {
 					"version": "1.4.0",
 					"bundled": true,
+					"dev": true,
 					"optional": true,
 					"requires": {
 						"assert-plus": "1.0.0",
@@ -4298,6 +4358,7 @@
 				"node-pre-gyp": {
 					"version": "0.6.39",
 					"bundled": true,
+					"dev": true,
 					"optional": true,
 					"requires": {
 						"detect-libc": "1.0.2",
@@ -4316,6 +4377,7 @@
 				"nopt": {
 					"version": "4.0.1",
 					"bundled": true,
+					"dev": true,
 					"optional": true,
 					"requires": {
 						"abbrev": "1.1.0",
@@ -4325,6 +4387,7 @@
 				"npmlog": {
 					"version": "4.1.0",
 					"bundled": true,
+					"dev": true,
 					"optional": true,
 					"requires": {
 						"are-we-there-yet": "1.1.4",
@@ -4350,6 +4413,7 @@
 				"once": {
 					"version": "1.4.0",
 					"bundled": true,
+					"dev": true,
 					"requires": {
 						"wrappy": "1.0.2"
 					}
@@ -4375,30 +4439,36 @@
 				},
 				"path-is-absolute": {
 					"version": "1.0.1",
-					"bundled": true
+					"bundled": true,
+					"dev": true
 				},
 				"performance-now": {
 					"version": "0.2.0",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"process-nextick-args": {
 					"version": "1.0.7",
-					"bundled": true
+					"bundled": true,
+					"dev": true
 				},
 				"punycode": {
 					"version": "1.4.1",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"qs": {
 					"version": "6.4.0",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"rc": {
 					"version": "1.2.1",
 					"bundled": true,
+					"dev": true,
 					"optional": true,
 					"requires": {
 						"deep-extend": "0.4.2",
@@ -4410,6 +4480,7 @@
 						"minimist": {
 							"version": "1.2.0",
 							"bundled": true,
+							"dev": true,
 							"optional": true
 						}
 					}
@@ -4417,6 +4488,7 @@
 				"readable-stream": {
 					"version": "2.2.9",
 					"bundled": true,
+					"dev": true,
 					"requires": {
 						"buffer-shims": "1.0.0",
 						"core-util-is": "1.0.2",
@@ -4430,6 +4502,7 @@
 				"request": {
 					"version": "2.81.0",
 					"bundled": true,
+					"dev": true,
 					"optional": true,
 					"requires": {
 						"aws-sign2": "0.6.0",
@@ -4459,32 +4532,38 @@
 				"rimraf": {
 					"version": "2.6.1",
 					"bundled": true,
+					"dev": true,
 					"requires": {
 						"glob": "7.1.2"
 					}
 				},
 				"safe-buffer": {
 					"version": "5.0.1",
-					"bundled": true
+					"bundled": true,
+					"dev": true
 				},
 				"semver": {
 					"version": "5.3.0",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"set-blocking": {
 					"version": "2.0.0",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"signal-exit": {
 					"version": "3.0.2",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"sntp": {
 					"version": "1.0.9",
 					"bundled": true,
+					"dev": true,
 					"requires": {
 						"hoek": "2.16.3"
 					}
@@ -4492,6 +4571,7 @@
 				"sshpk": {
 					"version": "1.13.0",
 					"bundled": true,
+					"dev": true,
 					"optional": true,
 					"requires": {
 						"asn1": "0.2.3",
@@ -4508,6 +4588,7 @@
 						"assert-plus": {
 							"version": "1.0.0",
 							"bundled": true,
+							"dev": true,
 							"optional": true
 						}
 					}
@@ -4515,6 +4596,7 @@
 				"string-width": {
 					"version": "1.0.2",
 					"bundled": true,
+					"dev": true,
 					"requires": {
 						"code-point-at": "1.1.0",
 						"is-fullwidth-code-point": "1.0.0",
@@ -4524,6 +4606,7 @@
 				"string_decoder": {
 					"version": "1.0.1",
 					"bundled": true,
+					"dev": true,
 					"requires": {
 						"safe-buffer": "5.0.1"
 					}
@@ -4531,11 +4614,13 @@
 				"stringstream": {
 					"version": "0.0.5",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"strip-ansi": {
 					"version": "3.0.1",
 					"bundled": true,
+					"dev": true,
 					"requires": {
 						"ansi-regex": "2.1.1"
 					}
@@ -4543,11 +4628,13 @@
 				"strip-json-comments": {
 					"version": "2.0.1",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"tar": {
 					"version": "2.2.1",
 					"bundled": true,
+					"dev": true,
 					"requires": {
 						"block-stream": "0.0.9",
 						"fstream": "1.0.11",
@@ -4557,6 +4644,7 @@
 				"tar-pack": {
 					"version": "3.4.0",
 					"bundled": true,
+					"dev": true,
 					"optional": true,
 					"requires": {
 						"debug": "2.6.8",
@@ -4572,6 +4660,7 @@
 				"tough-cookie": {
 					"version": "2.3.2",
 					"bundled": true,
+					"dev": true,
 					"optional": true,
 					"requires": {
 						"punycode": "1.4.1"
@@ -4580,6 +4669,7 @@
 				"tunnel-agent": {
 					"version": "0.6.0",
 					"bundled": true,
+					"dev": true,
 					"optional": true,
 					"requires": {
 						"safe-buffer": "5.0.1"
@@ -4588,25 +4678,30 @@
 				"tweetnacl": {
 					"version": "0.14.5",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"uid-number": {
 					"version": "0.0.6",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"util-deprecate": {
 					"version": "1.0.2",
-					"bundled": true
+					"bundled": true,
+					"dev": true
 				},
 				"uuid": {
 					"version": "3.0.1",
 					"bundled": true,
+					"dev": true,
 					"optional": true
 				},
 				"verror": {
 					"version": "1.3.6",
 					"bundled": true,
+					"dev": true,
 					"optional": true,
 					"requires": {
 						"extsprintf": "1.0.2"
@@ -4615,6 +4710,7 @@
 				"wide-align": {
 					"version": "1.1.2",
 					"bundled": true,
+					"dev": true,
 					"optional": true,
 					"requires": {
 						"string-width": "1.0.2"
@@ -4622,7 +4718,8 @@
 				},
 				"wrappy": {
 					"version": "1.0.2",
-					"bundled": true
+					"bundled": true,
+					"dev": true
 				}
 			}
 		},
@@ -8568,6 +8665,11 @@
 			"resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.0.tgz",
 			"integrity": "sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM="
 		},
+		"spacing-bootstrap-3": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/spacing-bootstrap-3/-/spacing-bootstrap-3-1.0.0.tgz",
+			"integrity": "sha1-AL+9KScPjN5bGfrvGsc0baJq4FM="
+		},
 		"spdx-correct": {
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.0.0.tgz",
diff --git a/packages/uhk-web/package.json b/packages/uhk-web/package.json
index dbc344ed..59b78edc 100644
--- a/packages/uhk-web/package.json
+++ b/packages/uhk-web/package.json
@@ -78,6 +78,7 @@
   },
   "dependencies": {
     "classlist.js": "1.1.20150312",
-    "file-saver": "1.3.3"
+    "file-saver": "1.3.3",
+    "spacing-bootstrap-3": "^1.0.0"
   }
 }
diff --git a/packages/uhk-web/src/app/components/device/led-brightness/led-brightness.component.html b/packages/uhk-web/src/app/components/device/led-brightness/led-brightness.component.html
index 0aa9a54d..20b5dc5d 100644
--- a/packages/uhk-web/src/app/components/device/led-brightness/led-brightness.component.html
+++ b/packages/uhk-web/src/app/components/device/led-brightness/led-brightness.component.html
@@ -29,7 +29,7 @@
 <div class="row led-setting">
     <div class="col-xs-12 col-md-6">
         <slider-wrapper
-            label="Key backlight brightness"
+            label="Key backlight brightness <span class='text-muted pl-1'>Please note that current UHK versions are not backlit.</span>"
             [min]="0"
             [max]="255"
             [step]="1"
diff --git a/packages/uhk-web/src/app/components/slider-wrapper/slider-wrapper.component.html b/packages/uhk-web/src/app/components/slider-wrapper/slider-wrapper.component.html
index 76d9ab9e..8e32012a 100644
--- a/packages/uhk-web/src/app/components/slider-wrapper/slider-wrapper.component.html
+++ b/packages/uhk-web/src/app/components/slider-wrapper/slider-wrapper.component.html
@@ -1,5 +1,5 @@
 <label *ngIf="label">
-    <span>{{label}}</span>
+    <span [innerHtml]="label"></span>
     <icon name="question-circle"
             data-toggle="tooltip"
             [title]="tooltip"
diff --git a/packages/uhk-web/src/styles.scss b/packages/uhk-web/src/styles.scss
index a1c4cc77..ff5916c5 100644
--- a/packages/uhk-web/src/styles.scss
+++ b/packages/uhk-web/src/styles.scss
@@ -1,4 +1,8 @@
 /* You can add global styles to this file, and also import other style files */
+$grid-gutter-width: 30px;
+$zindex-navbar-fixed: 1030;
+@import '~spacing-bootstrap-3/spacing';
+
 @import './styles/variables';
 @import '~angular-notifier/styles';
 @import '~font-awesome/scss/font-awesome';