fix checkboxes (Form) (#1773)

- migrate to angular/material checkboxes
- add required indicator
- various fixes and improvements (caused by migration)

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">
+<div [ngClass]="field.className">
-    <input type="checkbox"
+    <md-checkbox
-           [attr.id]="field.id"
+        [id]="field.id"
-           [attr.required]="isRequired()"
+        [required]="field.required"
-           class="mdl-checkbox__input"
+        [disabled]="field.readOnly"
-           [checked]="field.value"
+        [(ngModel)]="field.value"
-           [(ngModel)]="field.value"
+        (change)="onChange()">
-           (ngModelChange)="onChange()"
+        {{field.name}}
-           [disabled]="field.readOnly">
+        <span *ngIf="field.required">*</span>
-    <span class="mdl-checkbox__label">{{field.name}}</span>
+    </md-checkbox>
-</label>
+</div>