added checkbox for debugging and slightly restructured script page (#466)

Author: Thiemann96

app/scripts/controllers/account.box.edit.script.js

@@ -11,6 +11,7 @@
     var vm = this;
     vm.box = boxData;
     vm.display_enabled = false;
+    vm.enable_debug = false;
     vm.serialPort = 'Serial1';
     vm.boxScript = '';
     vm.showConfiguration = false;
@@ -99,7 +100,8 @@
         devEUI: vm.ttn.devEUI,
         appEUI: vm.ttn.appEUI,
         appKey: vm.ttn.appKey,
-        display_enabled: vm.display_enabled
+        display_enabled: vm.display_enabled,
+        enable_debug: vm.enable_debug
       })
         .then(function (response) {
           vm.boxScript = response;

app/scripts/controllers/register.js

@@ -46,6 +46,7 @@
       bmePhenomenon: 'tempHumiPress',
     };
     vm.display_enabled = false;
+    vm.enable_debug = false;
     vm.wifi = {
       ssid: '',
       pasword: '',

app/views/account.box.edit.script.html

@@ -3,10 +3,33 @@ <h2 style="margin-top: 0px; margin-bottom: 0px">{{'EDIT_SCRIPT'|translate}}</h2>
 
 <div ng-if="script.showConfiguration">
   <h3>{{'CONFIGURATION'|translate}}</h3>
-  <form class="form-inline">
+  <form class="form">
     <!-- Firefox workaround https://github.com/sensebox/openSenseMap/issues/295-->
     <input type="password" style="display:none;">
     <!-- Firefox workaround end -->
+    <div class="form-group break" ng-if="script.box.model === 'homeV2Wifi' || script.box.model === 'homeV2WifiFeinstaub' || script.box.model === 'homeV2Lora' || script.box.model === 'homeV2Ethernet' || script.box.model === 'homeV2EthernetFeinstaub'">
+      <div style="text-align: left;">
+        <div class="checkbox checkbox-success checkbox-inline"
+          style="vertical-align: middle;" uib-tooltip="{{'DEBUG_ENABLED_WARNING' ||translate}}" tooltip-placement="top" tooltip-trigger="'mouseenter'">
+          <input type="checkbox" id="enable_debug" ng-model="script.enable_debug" ng-change="script.generateScript()">
+          <label for="enable_debug"> </label>
+        </div>
+        <span style="vertical-align: middle;">{{'ENABLE_DEBUG' | translate}}</span>
+      </div>
+    </div>
+    <div class="form-group" ng-if="script.box.model === 'homeV2Wifi' || script.box.model === 'homeV2WifiFeinstaub' || script.box.model === 'homeV2Lora'">
+      <div style="text-align: left;">
+        <div class="checkbox checkbox-success checkbox-inline"
+          style="vertical-align: middle;">
+          <input type="checkbox" id="display_enabled" ng-model="script.display_enabled" ng-change="script.generateScript()">
+          <label for="display_enabled"> </label>
+        </div>
+        <img
+          src="https://sensebox.kaufen/api/public/uploads/1524084885676-oled_top.png"
+          style="vertical-align: middle; height: 60px; width: 80px;" />
+        <span style="vertical-align: middle;">{{'DISPLAY_ENABLED' | translate}}</span>
+      </div>
+    </div>
     <div class="form-group break" ng-if="script.showSerialPort">
       <label for="serialport">{{'PORT'|translate}}</label>
       <div class="input-group" uib-tooltip-template="'tooltip_serialports.html'" tooltip-placement="bottom"
@@ -63,19 +86,6 @@ <h3>{{'CONFIGURATION'|translate}}</h3>
         </div>
       </div>
     </div>
-    <div class="form-group" ng-if="script.box.model === 'homeV2Wifi' || script.box.model === 'homeV2WifiFeinstaub' || script.box.model === 'homeV2Lora'">
-      <div style="text-align: left;">
-        <div class="checkbox checkbox-success checkbox-inline"
-          style="vertical-align: middle;">
-          <input type="checkbox" id="display_enabled" ng-model="script.display_enabled" ng-change="script.generateScript()">
-          <label for="display_enabled"> </label>
-        </div>
-        <img
-          src="https://sensebox.kaufen/api/public/uploads/1524084885676-oled_top.png"
-          style="vertical-align: middle; height: 60px; width: 80px;" />
-        <span style="vertical-align: middle;">{{'DISPLAY_ENABLED' | translate}}</span>
-      </div>
-    </div>
     <div class="form-group break" ng-if="script.showWifiConfiguration">
       <label for="ssid">WiFi SSID</label>
       <div class="input-group" uib-tooltip="{{'DATA_NOT_STORED'|translate}}" tooltip-placement="top"