Mouse speed UI (#537)

* Add SliderProps interface to SliderWrapperComponent

* Implement mouse speed page

* Remove duplicate DefaultUserConfigurationService from shared module

* Add Reset speeds to default button

* Move reset button to bottom of mouse speed page

* Change mouse move slider step to 25

* Add label and tooltip handling to SliderWrapperComponent

* Use altered SliderWrapperComponent in mouse speed page

* Use altered SliderWrapperComponent in LED brightness page

* Move Reset mouse speeds confirmation popover to above button

* Add reset mouse speed settings action and effect

* Use ResetMouseSpeedSettingsAction in mouse speed page to reset settings

* Remove unused import

packages/uhk-web/src/app/components/device/led-brightness/led-brightness.component.html

@@ -4,44 +4,37 @@
 </h1>
 <div class="row led-setting">
     <div class="col-xs-12 col-md-6">
-        <label>LED display icon and layer texts brightness</label>
-        <div class="slider-wrapper-container">
-            <slider-wrapper
-                [min]="0"
-                [max]="255"
-                [step]="1"
-                [pips]="sliderPips"
-                [(ngModel)]="iconsAndLayerTextsBrightness"
-                (ngModelChange)="onSetPropertyValue('iconsAndLayerTextsBrightness', $event)"></slider-wrapper>
-        </div>
-        
+        <slider-wrapper
+            label="LED display icon and layer texts brightness"
+            [min]="0"
+            [max]="255"
+            [step]="1"
+            [pips]="sliderPips"
+            [(ngModel)]="iconsAndLayerTextsBrightness"
+            (ngModelChange)="onSetPropertyValue('iconsAndLayerTextsBrightness', $event)"></slider-wrapper>
     </div>
 </div>
 <div class="row led-setting">
     <div class="col-xs-12 col-md-6">
-        <label>LED display alphanumeric segments brightness</label>
-        <div class="slider-wrapper-container">
-            <slider-wrapper
-                [min]="0"
-                [max]="255"
-                [step]="1"
-                [pips]="sliderPips"
-                [(ngModel)]="alphanumericSegmentsBrightness"
-                (ngModelChange)="onSetPropertyValue('alphanumericSegmentsBrightness', $event)"></slider-wrapper>
-        </div>
+        <slider-wrapper
+            label="LED display alphanumeric segments brightness"
+            [min]="0"
+            [max]="255"
+            [step]="1"
+            [pips]="sliderPips"
+            [(ngModel)]="alphanumericSegmentsBrightness"
+            (ngModelChange)="onSetPropertyValue('alphanumericSegmentsBrightness', $event)"></slider-wrapper>
     </div>
 </div>
 <div class="row led-setting">
     <div class="col-xs-12 col-md-6">
-        <label>Key backlight brightness</label>
-        <div class="slider-wrapper-container">
-            <slider-wrapper
-                [min]="0"
-                [max]="255"
-                [step]="1"
-                [pips]="sliderPips"
-                [(ngModel)]="keyBacklightBrightness"
-                (ngModelChange)="onSetPropertyValue('keyBacklightBrightness', $event)"></slider-wrapper>
-        </div>
+        <slider-wrapper
+            label="Key backlight brightness"
+            [min]="0"
+            [max]="255"
+            [step]="1"
+            [pips]="sliderPips"
+            [(ngModel)]="keyBacklightBrightness"
+            (ngModelChange)="onSetPropertyValue('keyBacklightBrightness', $event)"></slider-wrapper>
     </div>
 </div>