From 88acf9d3c1cb28783ed81f13007d208814e9047f Mon Sep 17 00:00:00 2001
From: Denys Vuika <denis.vuyka@gmail.com>
Date: Tue, 28 Mar 2017 09:47:41 +0100
Subject: [PATCH] fix checkboxes (Form) (#1773)

- migrate to angular/material checkboxes
- add required indicator
- various fixes and improvements (caused by migration)
---
 .../widgets/checkbox/checkbox.widget.html     | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/checkbox/checkbox.widget.html b/ng2-components/ng2-activiti-form/src/components/widgets/checkbox/checkbox.widget.html
index 671dec0ad9..7efdc40ab9 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/checkbox/checkbox.widget.html
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/checkbox/checkbox.widget.html
@@ -1,11 +1,11 @@
-<label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect {{field.className}}" [attr.for]="field.id">
-    <input type="checkbox"
-           [attr.id]="field.id"
-           [attr.required]="isRequired()"
-           class="mdl-checkbox__input"
-           [checked]="field.value"
-           [(ngModel)]="field.value"
-           (ngModelChange)="onChange()"
-           [disabled]="field.readOnly">
-    <span class="mdl-checkbox__label">{{field.name}}</span>
-</label>
+<div [ngClass]="field.className">
+    <md-checkbox
+        [id]="field.id"
+        [required]="field.required"
+        [disabled]="field.readOnly"
+        [(ngModel)]="field.value"
+        (change)="onChange()">
+        {{field.name}}
+        <span *ngIf="field.required">*</span>
+    </md-checkbox>
+</div>