* 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
42 lines
1.4 KiB
HTML
42 lines
1.4 KiB
HTML
<h1>
|
|
<i class="fa fa-sliders"></i>
|
|
<span>Mouse speed</span>
|
|
</h1>
|
|
<h3>Mouse pointer speed</h3>
|
|
<div class="row mouse-speed-setting" *ngFor="let prop of moveProps">
|
|
<div class="col-xs-12 col-md-6">
|
|
<slider-wrapper
|
|
[label]="prop.title"
|
|
[tooltip]="prop.tooltip"
|
|
[min]="moveSettings.min"
|
|
[max]="moveSettings.max"
|
|
[step]="moveSettings.step"
|
|
[pips]="sliderPips"
|
|
[valueUnit]="prop.valueUnit"
|
|
[(ngModel)]="prop.value"
|
|
(ngModelChange)="onSetPropertyValue(prop.prop, $event)"></slider-wrapper>
|
|
</div>
|
|
</div>
|
|
<h3>Mouse scroll speed</h3>
|
|
<div class="row mouse-speed-setting" *ngFor="let prop of scrollProps">
|
|
<div class="col-xs-12 col-md-6">
|
|
<slider-wrapper
|
|
[label]="prop.title"
|
|
[tooltip]="prop.tooltip"
|
|
[min]="scrollSettings.min"
|
|
[max]="scrollSettings.max"
|
|
[step]="scrollSettings.step"
|
|
[pips]="sliderPips"
|
|
[valueUnit]="prop.valueUnit"
|
|
[(ngModel)]="prop.value"
|
|
(ngModelChange)="onSetPropertyValue(prop.prop, $event)"></slider-wrapper>
|
|
</div>
|
|
</div>
|
|
<button class="btn btn-danger mouse-speed-reset-button"
|
|
mwlConfirmationPopover
|
|
title="Are you sure?"
|
|
placement="top"
|
|
confirmText="Yes"
|
|
cancelText="No"
|
|
(confirm)="resetToDefault()">Reset speeds to default
|
|
</button> |