Add line edit

Author: irustm

src/app/app.component.ts

@@ -1,25 +1,39 @@
 import { Component } from '@angular/core';
+import { AspectRatioMode } from '@nodegui/nodegui';
 
 @Component({
   selector: 'app-root',
   template: `
     <window title="Angular app in window!">
       <view>
-        <image [src]="'C:/temp/iw.jpg'"></image>
+        <image
+          [src]="'C:/temp/angular.png'"
+          [aspectRatioMode]="aspectRatioMode"
+        ></image>
         <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>
+        <linedit
+          [text]="name"
+          [placeholderText]="'Insert your name'"
+          (textChanged)="textChanged($event)"
+        ></linedit>
       </view>
     </window>
   `
 })
 export class AppComponent {
   public name = 'World!';
+  public aspectRatioMode = AspectRatioMode.KeepAspectRatio;
 
   setName() {
     this.name = 'irustm';
   }
+
+  textChanged(val: string) {
+    this.name = val;
+  }
 }

src/lib/components/components-map.ts

@@ -7,6 +7,7 @@ import { NgView } from './view';
 import { NgCheckbox } from './checkbox';
 import { NgDial } from './dial';
 import { NgImage } from './image';
+import { NgLineEdit } from './line-edit';
 
 export type Constructable<T> = new () => T;
 export type NgComponentClass = Constructable<NgComponent>;
@@ -26,5 +27,6 @@ export class ComponentsMap {
     this.map.set(NgCheckbox.nodeName, NgCheckbox);
     this.map.set(NgDial.nodeName, NgDial);
     this.map.set(NgImage.nodeName, NgImage);
+    this.map.set(NgLineEdit.nodeName, NgLineEdit);
   }
 }

src/lib/components/line-edit.ts

@@ -0,0 +1,61 @@
+import { QLineEdit } from '@nodegui/nodegui';
+import { NgComponent } from './component';
+import { RendererStyleFlags2 } from '@angular/core';
+
+export class NgLineEdit extends QLineEdit implements NgComponent {
+  public static nodeName = 'linedit';
+  public parent: any;
+
+  public appendChild(newChild: any): void {
+    throw new Error('Method not implemented.');
+  }
+
+  public insertBefore(newChild: any, refChild: any) {}
+
+  public setNgAttribute(
+    name: string,
+    value: string,
+    namespace?: string | null
+  ): void {}
+
+  public setProperty(name: string, value: boolean | string): void {
+    switch (name) {
+      case 'text':
+        value ? this.setText(value as string) : this.clear();
+        break;
+      case 'placeholderText':
+        this.setPlaceholderText(value as string);
+        break;
+      case 'readOnly':
+        this.setReadOnly(value as boolean);
+        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.');
+  }
+}