Add isVisible

manuelmitasch · May 11, 2023 · b1dcba2 · b1dcba2
1 parent be6af4b
commit b1dcba2
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 3 deletions.
diff --git a/app/components/comment.js b/app/components/comment.js
@@ -18,7 +18,8 @@ export default class CommentComponent extends Component {
     get colorStyles() {
         return {
             color: this.color,
-            fontSize: this.args.control.size + "px"
+            fontSize: this.args.control.size + "px",
+            ...((this.args.control.isVisible == false) && { display: "none"}), 
         }
     }
 

diff --git a/app/components/control-container.js b/app/components/control-container.js
@@ -45,6 +45,7 @@ export default class ControlContainerComponent extends Component {
       ...((control.borderColorEnabled) && { borderColor: control.borderColorRgba }),
       ...((control.borderColorEnabled) && { borderWidth: parseInt(control.borderWidth /2) + "px" }),
       ...((control.borderColorEnabled) && { borderStyle: "solid" }),
+      ...((control.isVisible == false) && { display: "none"}), 
       cursor: (control.readOnly) ? "not-allowed" : ""
     };
 

diff --git a/app/components/group.js b/app/components/group.js
@@ -12,7 +12,8 @@ export default class GroupComponent extends Component {
                 left: this.args.control.positionX + 'px',
                 top: this.args.control.positionY + 'px',
                 border: this.args.control.borderWidth + 'px solid ' + this.borderColor,
-                background: this.backgroundColor
+                background: this.backgroundColor,
+                ...((this.args.control.isVisible == false) && { display: "none"})
             }
         } else {
             return {

diff --git a/app/models/control.js b/app/models/control.js
@@ -36,6 +36,7 @@ export default class ControlModel extends Model {
     @attr('number') defaultUI
     @attr('number') style
     @attr('boolean') readOnly
+    @attr('boolean') isVisible
 
     @belongsTo('dashboard') dashboard
     @attr('boolean') inGroup

diff --git a/app/serializers/application.js b/app/serializers/application.js
@@ -141,7 +141,8 @@ function getGroupHash(group, dashboard, index, fromGroup) {
         "borderColor": group.borderColor,
         "borderWidth": group.borderWidth,
         "itemControlAddress": group.itemControlAddress,
-        "inGroup": fromGroup
+        "inGroup": fromGroup,
+        "isVisible": group.isVisible
     },
     "relationships": {
       "controls": {
@@ -212,6 +213,7 @@ function getControlHash(item, dashboard, index, fromGroup) {
         "defaultUI": item.defaultUI,
         "style": item.style,
         "readOnly": item.readOnly,
+        "isVisible": item.isVisible,
 
         "inGroup": fromGroup
     }

diff --git a/app/services/chataigne-websocket.js b/app/services/chataigne-websocket.js
@@ -219,6 +219,7 @@ export default class WebsocketService extends Service {
             case "textColor":
             case "borderWidth":
             case "textSize":
+            case "isVisible":
                 this.store.peekAll(type).forEach(flexibleUpdateHandler(payload, itemAddress, uiParameter));
                 break;