From 78bbe0f54733baeaa924f57b43ddfa9b87255f66 Mon Sep 17 00:00:00 2001
From: marvinLaubenstein <marvin.laubenstein@telekom.de>
Date: Tue, 18 May 2021 14:14:15 +0200
Subject: [PATCH] feat: handling of disabled master

---
 .../checkbox-group/checkbox-group.tsx         | 39 ++++++++++++-------
 1 file changed, 25 insertions(+), 14 deletions(-)

diff --git a/packages/components/src/components/checkbox-group/checkbox-group.tsx b/packages/components/src/components/checkbox-group/checkbox-group.tsx
index b0598105d3..3508c94b5f 100644
--- a/packages/components/src/components/checkbox-group/checkbox-group.tsx
+++ b/packages/components/src/components/checkbox-group/checkbox-group.tsx
@@ -46,20 +46,34 @@ export class CheckboxGroup {
     }
 
     //initial Loading
-    if (this.initialLoad) {
-      this.handleMasterCheckBoxState(newState);
-      this.initialLoad = false;
-      this.statusChanged = true;
-    }
-    //not initial Loading
-    else if (this.initialLoad == false) {
-      //if master have been changed
-      if (this.checkForSubChange(newState)) {
+    if (!newState[0].disabled) {
+      if (this.initialLoad) {
         this.handleMasterCheckBoxState(newState);
-      } else {
-        this.checkForMasterChange(newState);
+        this.initialLoad = false;
+        this.statusChanged = true;
+      }
+      //not initial Loading
+      else if (this.initialLoad == false) {
+        //if master have been changed
+        if (this.checkForSubChange(newState)) {
+          this.handleMasterCheckBoxState(newState);
+        } else {
+          this.checkForMasterChange(newState);
+        }
       }
+    } else {
+      this.handleMasterDisableProp();
+    }
+  }
+
+  handleMasterDisableProp() {
+    let checkboxes;
+    checkboxes = this.hostElement.querySelectorAll('scale-checkbox');
+
+    for (let i = 1; i < checkboxes.length; i++) {
+      checkboxes[i].setAttribute('disabled', 'true');
     }
+    this.setMasterChanges();
   }
 
   checkForMasterChange(newState: CheckboxState[]) {
@@ -125,9 +139,6 @@ export class CheckboxGroup {
         disabledCounter += 1;
       }
     }
-    console.log('length' + newState.length);
-    console.log('checked ' + checkedCounter);
-    console.log('disabled ' + disabledCounter);
     let checkboxes;
     checkboxes = this.hostElement.querySelectorAll('scale-checkbox');