DeviceMap Layout

Author: unocelli

README.md

@@ -7,9 +7,7 @@ FUXA is a web-based Process Visualization (SCADA/HMI) software. With FUXA you ca
 ![fuxa ani](/screenshot/fuxa-ani.gif)
 
 ## Features
-- Modbus RTU/TCP communication protocols
-- S7 Protocol to communicate with Siemens CPU
-- A client for OPC UA connectivity
+- Devices connectivity with Modbus RTU/TCP, Siemens S7 Protocol, OPC-UA, BACnet IP
 - SCADA/HMI Web-Editor - Engineering and Design completely web-based
 - Cross-Platform Full-Stack - Backend with NodeJs and Frontend with Web technologies (HTML5, CSS, Javascript, Angular, SVG)
 
@@ -57,7 +55,7 @@ In vscode: Debug ‘Server & Client’
 Build the frontend for production
 ```
 cd ./client
-ng build --env=prod
+ng build --prod
 ```
 
 ## Test
@@ -78,6 +76,7 @@ We’d be really happy if you send us your own shapes in order to collect a libr
 - [node-snap7](https://github.com/mathiask88/node-snap7)
 - [node-opcua](https://github.com/node-opcua/node-opcua)
 - [node-modbus-serial](https://github.com/yaacov/node-modbus-serial)
+- [node-bacstack](https://github.com/fh1ch/node-bacstack)
 
 ## License
 MIT.

client/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fuxa",
-  "version": "1.0.4",
+  "version": "1.0.7",
   "keywords": [],
   "author": "frangoteam <[email protected]>",
   "description": "Web-based Process Visualization (SCADA/HMI) software",

client/src/app/device/device-map/device-map.component.scss

@@ -6,8 +6,8 @@ $card-center: calc((#{$card-width} - #{$line-size}) / 2);
 $main-pos-left: calc((100% - #{$card-width}) / 2);
 $main-pos-top: calc((100% - #{$card-height}) / 4);
 $main-line-top: calc(((100% - #{$card-height}) / 4) + #{$card-height});
-$main-color: #4C5358;
-$device-color: rgb(70, 74, 77);
+$main-color: rgb(79, 86, 93);
+$device-color: rgb(79, 86, 93);
 $line-color:   #3C3C3C;
 $device-pos-top: calc(((100% - #{$card-height}) / 4) + #{$card-height} + (#{$line-height} * 2));
 $device-line-top: calc(((100% - #{$card-height}) / 4) + #{$card-height} + #{$line-height});
@@ -77,12 +77,17 @@ $device-line-top: calc(((100% - #{$card-height}) / 4) + #{$card-height} + #{$lin
     font-size: 17px;
     padding-bottom: 7px;
     padding-top: 0px;
+    min-height: 20px;
 }
 
 .device-pro {
     display: block;
     font-size: 12px;
     padding-top: 0px;
+    min-height: 14px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 .device-pro-line {
@@ -109,8 +114,10 @@ $device-line-top: calc(((100% - #{$card-height}) / 4) + #{$card-height} + #{$lin
 }
 
 .device-list {
-    bottom: 0px;
-    right: 26px;
+    // bottom: 0px;
+    right: 28px;
+    font-size: 22px;
+    bottom: 2px;
 }
 
 .device-status {

screenshot/fuxa-editor.png

@@ -1,6 +1,6 @@
 {
   "name": "fuxa-server",
-  "version": "1.0.6-beta",
+  "version": "1.0.7-beta",
   "description": "Web-based Process Visualization (SCADA/HMI) software",
   "main": "main.js",
   "scripts": {

server/package.json

@@ -249,7 +249,7 @@ function AlarmsManager(_runtime) {
                         }
                     });
                 }
-                console.log('alarms.load-property! found: ' + alarmsFound);
+                // console.log('alarms.load-property! found: ' + alarmsFound);
                 resolve();
             }).catch(function (err) {
                 reject(err);