Small 'disabled' feature

Author: miloskovacevic

src/app/app.component.html

@@ -22,7 +22,7 @@ <h2>Basic Configuration</h2>
 
   <h4>Colors</h4> 
   p-primary
-  <ngx-checkbox [configuration]="configurationPrimary" [(ngModel)]="isSelected" name="isSelected"></ngx-checkbox>
+  <ngx-checkbox [configuration]="configurationPrimary" [disabled]="true" [(ngModel)]="isSelected" name="isSelected"></ngx-checkbox>
   p-success 
   <ngx-checkbox [configuration]="configurationSuccess" [(ngModel)]="isSelected" name="isSelected"></ngx-checkbox>
   p-danger

src/app/custom-checkbox/custom-checkbox.component.html

@@ -1,5 +1,5 @@
 <div (click)="toggleCheckbox()" [class]="styleCheckBox">
-  <input [value]="isSelected" type="checkbox" [checked]="isSelected" />
+  <input [value]="isSelected" type="checkbox" [checked]="isSelected" [disabled]="disabled" />
   <div [class]="styleColor">
     <i [class]="styleIcon" [style.background]="configuration.colorHex" [style.color]="configuration.colorInside"></i>
     <label></label>

src/app/custom-checkbox/custom-checkbox.component.ts

@@ -49,11 +49,12 @@ export class CustomCheckboxComponent implements OnInit, ControlValueAccessor {
   // @Input() colorHex ? : string;
   // @Input() colorInside ? : string;
   @Input() configuration: CustomCheckBoxModel;
+  @Input() disabled: boolean = false;
 
   isSelected: boolean;
   styleCheckBox: String;
   styleColor: String;
-  styleIcon: String;
+  styleIcon: String;z
   constructor() {}
 
   ngOnInit() {    
@@ -78,6 +79,7 @@ export class CustomCheckboxComponent implements OnInit, ControlValueAccessor {
   ngAfterViewInit() {}
 
   toggleCheckbox() {
+    if (this.disabled) return;
     this.isSelected = !this.isSelected;
     this._onChange(this.isSelected);
   }