Move services and CodeFactor improvements

main.js

@@ -13,11 +13,10 @@ const dev = args.some(val => val === '--serve');
 const big = args.some(val => val === '--big')
 
 let window;
-let config;
 
 function createWindow() {
     config = store.get("config");
-    store.onDidChange("config", (newValue, _) => {
+    store.onDidChange("config", (newValue, {}) => {
         config = newValue
     })
     const {

scripts/install-no-autostart.sh

@@ -11,7 +11,7 @@ elif [ -d "/home/pi/oprint" ]; then
     DIRECTORY="/home/pi/oprint"
 else
     echo "Neither /home/pi/OctoPrint/venv nor /home/pi/oprint can be found. Please specify OctoPrints full virtualenv path manually (no trailing slash):"
-    read DIRECTORY
+    read -r DIRECTORY
 fi;
 
 "$DIRECTORY"/bin/pip install -q "https://github.com/OllisGit/OctoPrint-DisplayLayerProgress/releases/latest/download/master.zip"

scripts/install.sh

@@ -9,7 +9,7 @@ elif [ -d "/home/pi/oprint" ]; then
     DIRECTORY="/home/pi/oprint"
 else
     echo "Neither /home/pi/OctoPrint/venv nor /home/pi/oprint can be found. Please specify OctoPrints full virtualenv path manually (no trailing slash):"
-    read DIRECTORY
+    read -r DIRECTORY
 fi;
 
 "$DIRECTORY"/bin/pip install -q "https://github.com/OllisGit/OctoPrint-DisplayLayerProgress/releases/latest/download/master.zip"

src/app/bottom-bar/bottom-bar.component.ts

@@ -2,7 +2,7 @@ import { Component, OnInit, OnDestroy } from '@angular/core';
 import { ConfigService } from '../config/config.service';
 import { PrinterService, PrinterStatusAPI } from '../printer.service';
 import { Subscription } from 'rxjs';
-import { EnclosureService } from '../enclosure.service';
+import { EnclosureService } from '../plugin-service/enclosure.service';
 
 @Component({
   selector: 'app-bottom-bar',

src/app/config/no-config/no-config.component.scss

@@ -11,7 +11,7 @@
         height: 4vh;
         border-radius: 2vh;
         background-color: #44bd32;
-        width: 0vw;
+        width: 0;
         transition: width .7s ease-in-out;
 
         &-wrapper {

src/app/files/files.component.scss

@@ -95,7 +95,6 @@
         white-space: nowrap;
         text-overflow: ellipsis;
         display: block;
-        white-space: nowrap;
     }
 
     &__icon {

src/app/layer-progress/layer-progress.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit, OnDestroy } from '@angular/core';
-import { LayerProgressService, DisplayLayerProgressAPI } from './layer-progress.service';
+import { LayerProgressService, DisplayLayerProgressAPI } from '../plugin-service/layer-progress.service';
 import { Subscription } from 'rxjs';
 
 @Component({

src/app/enclosure.service.ts → src/app/plugin-service/enclosure.service.ts

@@ -1,12 +1,12 @@
 import { Injectable } from '@angular/core';
 import { HttpClient, HttpErrorResponse } from '@angular/common/http';
-import { ConfigService } from './config/config.service';
-import { NotificationService } from './notification/notification.service';
+import { ConfigService } from '../config/config.service';
+import { NotificationService } from '../notification/notification.service';
 import { Observable, Observer, timer, Subscription } from 'rxjs';
-import { OctoprintSettingsAPI } from './octoprint-api/settingsAPI';
-import { PrinterStatusAPI } from './printer.service';
+import { OctoprintSettingsAPI } from '../octoprint-api/settingsAPI';
+import { PrinterStatusAPI } from '../printer.service';
 import { shareReplay } from 'rxjs/operators';
-import { TemperatureReading } from './bottom-bar/bottom-bar.component';
+import { TemperatureReading } from '../bottom-bar/bottom-bar.component';
 
 @Injectable({
   providedIn: 'root'

src/app/printer-status/printer-status.component.ts

@@ -1,6 +1,6 @@
 import { Component, OnInit, OnDestroy } from '@angular/core';
 import { PrinterService, PrinterStatusAPI, PrinterValue } from '../printer.service';
-import { LayerProgressService, DisplayLayerProgressAPI } from '../layer-progress/layer-progress.service';
+import { LayerProgressService, DisplayLayerProgressAPI } from '../plugin-service/layer-progress.service';
 import { Subscription } from 'rxjs';
 
 @Component({

src/assets/reset.css

@@ -137,6 +137,7 @@ table {
 input[type=number]::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button {
     -webkit-appearance: none;
+    -moz-appearance: none;
     margin: 0;
 }
 

src/styles.scss

@@ -95,16 +95,6 @@ app-root {
         background-color: #353b48;
         padding: 3.5vh 2vw;
     }
-}
-
-.help {
-    position: fixed;
-    left: 0;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    background-color: rgba(0, 0, 0, .85);
-    z-index: 1000;
 
     &__close {
         display: block;