Mikko Lakomaa 90f56c350e LED brightness UI (#520)
* 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
2017-12-27 20:10:55 +01:00
2017-11-07 23:57:10 +01:00
2017-12-27 20:10:55 +01:00
2017-12-24 03:35:13 +01:00
2017-09-10 22:56:03 +02:00
2016-03-29 01:48:37 +02:00
2017-12-25 21:48:41 +01:00
2017-12-23 19:24:13 +01:00

Agent logo & text

Build Status Build status

Agent is the configuration application of the Ultimate Hacking Keyboard.

Give it a whirl!

Two builds to rule them all

It's worth mentioning that Agent has two builds.

The electron build is the desktop application which is meant to be used if you have an actual UHK at hand. It starts with an opening screen which detects your UHK. You cannot get past this screen without connecting a UHK via USB.

The web build is meant to be used for demonstation purposes, so people who don't yet own a UHK can get a feel of Agent and its capabilities in their browser. Eventually, WebUSB support will be added to the web build, making it able to communicate with the UHK. Given the sandboxed nature of browers, the web build will always lack features that the electron build offers, so this won't make the electron build obsolete.

The two builds share code as much as possible.

Building the electron application

First up, make sure that node >=8.1.x and npm >=5.1.x are installed on your system. Next up:

# Execute the following line on Linux. Use relevant package manager and package names on non-Debian based distros.
apt-get install libusb-dev libudev-dev g++

git clone git@github.com:UltimateHackingKeyboard/agent.git
cd agent
npm install
npm run build:electron
npm run electron

At this point, Agent should be running on your machine.

Developing the web application

  • The frontend code is located in packages/uhk-web/
  • Run the project locally with npm run server:web
  • View the app at http://localhost:8080
  • The app will automatically reload when you make changes

Contributing

Wanna contribute? Please let us show you how.

Description
No description provided
Readme 37 MiB
Languages
TypeScript 74.7%
HTML 9.7%
JavaScript 6.6%
SCSS 4.3%
CSS 4.4%
Other 0.2%