Add checbox

Author: irustm

src/app/app.component.ts

@@ -6,7 +6,8 @@ import { Component } from '@angular/core';
     <window title="Angular app in window!">
       <view>
         <text [style.font-size.px]="45">Hello, {{ name }}</text>
-
+        <checkbox [checked]="true"></checkbox>
+        <checkbox [checked]="true" [enabled]="false"></checkbox>
         <button [style.background-color]="'green'" (clicked)="setName()">
           Green button
         </button>

src/lib/components/checkbox.ts

@@ -0,0 +1,64 @@
+import { QCheckBox } from '@nodegui/nodegui';
+import { NgComponent } from './component';
+import { RendererStyleFlags2 } from '@angular/core';
+import { TextField } from './nodes';
+
+export class NgCheckbox extends QCheckBox implements NgComponent {
+  public static nodeName = 'checkbox';
+  public parent: any;
+
+  public appendChild(newChild: any): void {
+    if (newChild instanceof TextField) {
+      newChild.parent = this;
+      this.setText(newChild.value);
+    } else {
+      console.warn('checkbox may be appendChild only TextField');
+    }
+  }
+
+  public insertBefore(newChild: any, refChild: any) {}
+
+  public setNgAttribute(
+    name: string,
+    value: string,
+    namespace?: string | null
+  ): void {}
+
+  public setProperty(name: string, value: boolean): void {
+    switch (name) {
+      case 'checked':
+        this.setChecked(value);
+        break;
+      case 'enabled':
+        this.setEnabled(value);
+        break;
+      default:
+        break;
+    }
+  }
+
+  public setStyle(
+    style: string,
+    value: any,
+    flags?: RendererStyleFlags2
+  ): void {
+    this.setInlineStyle(`${style}:${value}`);
+  }
+
+  public setValue(value: string): void {
+    this.setText(value);
+  }
+
+  removeAttribute(name: string, namespace?: string): void {
+    throw new Error('Method not implemented.');
+  }
+  removeChild(oldChild: any): void {
+    throw new Error('Method not implemented.');
+  }
+  removeClass(name: string): void {
+    throw new Error('Method not implemented.');
+  }
+  removeStyle(style: string, flags?: RendererStyleFlags2): void {
+    throw new Error('Method not implemented.');
+  }
+}

src/lib/components/components-map.ts

@@ -4,6 +4,7 @@ import { NgComponent } from './component';
 import { NgWindow } from './window';
 import { NgText } from './text';
 import { NgView } from './view';
+import { NgCheckbox } from './checkbox';
 
 export type Constructable<T> = new () => T;
 export type NgComponentClass = Constructable<NgComponent>;
@@ -20,5 +21,6 @@ export class ComponentsMap {
     this.map.set(NgWindow.nodeName, NgWindow);
     this.map.set(NgText.nodeName, NgText);
     this.map.set(NgView.nodeName, NgView);
+    this.map.set(NgCheckbox.nodeName, NgCheckbox);
   }
 }

src/lib/components/nodes.ts

@@ -1,7 +1,7 @@
-import { QWidget, QLabel, QPushButton } from '@nodegui/nodegui';
+import { QWidget, QLabel, QPushButton, QCheckBox } from '@nodegui/nodegui';
 
 export class TextField extends QWidget {
-  public parent: QLabel | QPushButton;
+  public parent: QLabel | QPushButton | QCheckBox;
   constructor(public value: string) {
     super();
   }