refactore: create feature modules (#387)

* add @angular/cli to the project * increase nodejs version -> 8.2.1 * add lerna * merge web and shared module * move electron module into packages as uhk-agent Electron agent functionality is not working * delete symlinker * convert private properties to public of component if used in html * revert uhk-message.component * fix component path * fix the correct name of the uhk-message.component.scss * building web and electron module * delete uhk-renderer package * handle device connect disconnect state * add privilege detection * fix set privilege functionality * turn back download keymap functionality * add bootstrap, select2 js and fix null pointer exception * turn back upload data to keyboard * fix send keymap * fix test-serializer * add missing package.json * merging * fix appveyor build * fix linting * turn back electron storage service * commit the missing electron-datastorage-repository * update node to 8.3.0 in .nvmrc and log node version in appveyor build * set exact version number in appveyor build * vertical align privilege and missing device components * set back node version to 8 in appveyor * move node-usb dependency from usb dir to root maybe it is fix the appveyor build * revert usb to root * fix electron builder script * fix electron builder script * turn off electron devtools * remove CTRL+U functionality * fix CTRL+o * fix lint error * turnoff store freeze * start process when got `Error: EPERM: operation not permitted` error * move files from root usb dir -> packages/usb
2017-08-19 20:02:17 +02:00
parent 97770f67c0
commit 0f558e4132
524 changed files with 25606 additions and 5036 deletions
--- a/packages/uhk-web/src/styles/_tooltip.scss
+++ b/packages/uhk-web/src/styles/_tooltip.scss
@@ -0,0 +1,92 @@
+@import './variables';
+
+// Customised bootstrap tooltip
+// Source: https://gist.github.com/dsnoeck/9ce65ec8d025796c3be53e7c06880eab
+.tooltip .tooltip-inner {
+    background-color: $tooltip-background-color;
+    border: $tooltip-border-width solid $tooltip-border-color;
+    color: $tooltip-inner-color;
+}
+
+.tooltip-arrow:after {
+    content: '';
+    position: absolute;
+    width: 0;
+    height: 0;
+    border: solid transparent;
+    z-index: -1;
+}
+
+.tooltip {
+    z-index: 100010; // Over dropdowns
+    position: fixed;
+
+    &.top {
+        padding: $tooltip-arrow-border-width 0;
+    }
+
+    &.right {
+        padding: 0 $tooltip-arrow-border-width;
+    }
+
+    &.bottom {
+        padding: $tooltip-arrow-border-width 0;
+    }
+
+    &.left {
+        padding: 0 $tooltip-arrow-border-width;
+    }
+
+    &.in {
+        /* stylelint-disable-next-line declaration-no-important */
+        opacity: 1 !important;
+    }
+
+    &.top .tooltip-arrow {
+        bottom: 2 * $tooltip-border-width;
+        border-top-color: $tooltip-background-color;
+        &:after {
+            bottom: -2 * $tooltip-border-width;
+            left: 50%;
+            margin-left: -$tooltip-arrow-border-width;
+            border-width: $tooltip-arrow-border-width $tooltip-arrow-border-width 0;
+            border-top-color: $tooltip-border-color;
+        }
+    }
+
+    &.bottom .tooltip-arrow {
+        top: 2 * $tooltip-border-width;
+        border-bottom-color: $tooltip-background-color;
+        &:after {
+            top: -2 * $tooltip-border-width;
+            left: 50%;
+            margin-left: -$tooltip-arrow-border-width;
+            border-width: 0 $tooltip-arrow-border-width $tooltip-arrow-border-width;
+            border-bottom-color: $tooltip-border-color;
+        }
+    }
+
+    &.left .tooltip-arrow {
+        right: 2 * $tooltip-border-width;
+        border-left-color: $tooltip-background-color;
+        &:after {
+            right: -2 * $tooltip-border-width;
+            top: 50%;
+            margin-top: -$tooltip-arrow-border-width;
+            border-width: $tooltip-arrow-border-width 0 $tooltip-arrow-border-width $tooltip-arrow-border-width;
+            border-left-color: $tooltip-border-color;
+        }
+    }
+
+    &.right .tooltip-arrow {
+        left: 2 * $tooltip-border-width;
+        border-right-color: $tooltip-background-color;
+        &:after {
+            left: -2 * $tooltip-border-width;
+            top: 50%;
+            margin-top: -$tooltip-arrow-border-width;
+            border-width: $tooltip-arrow-border-width $tooltip-arrow-border-width $tooltip-arrow-border-width 0;
+            border-right-color: $tooltip-border-color;
+        }
+    }
+}
--- a/packages/uhk-web/src/styles/_variables.scss
+++ b/packages/uhk-web/src/styles/_variables.scss
@@ -0,0 +1,13 @@
+$fa-font-path : '../node_modules/font-awesome/fonts';
+
+$dark-grey: #ccc;
+
+$icon-hover: #337ab7;
+$icon-hover-delete: #900;
+
+$tooltip-border-width: 1px;
+$tooltip-arrow-width: 5px;
+$tooltip-border-color: $dark-grey;
+$tooltip-background-color: #fff;
+$tooltip-inner-color: #000;
+$tooltip-arrow-border-width: $tooltip-arrow-width + $tooltip-border-width;
--- a/packages/uhk-web/src/styles/common.scss
+++ b/packages/uhk-web/src/styles/common.scss