Add progress bar

Author: irustm

src/app/app.component.ts

@@ -21,6 +21,7 @@ import { AspectRatioMode } from '@nodegui/nodegui';
           [placeholderText]="'Insert your name'"
           (textChanged)="textChanged($event)"
         ></linedit>
+        <progressbar [value]="40" [minimum]="0" [maximum]="100"></progressbar>
       </view>
     </window>
   `

src/lib/components/component.ts

@@ -11,7 +11,7 @@ export interface NgComponent {
 
   setStyle(style: string, value: any, flags?: RendererStyleFlags2): void;
 
-  setValue(value: string): void;
+  setValue(value: any): void;
 
   removeAttribute(name: string, namespace?: string | null): void;
 

src/lib/components/components-map.ts

@@ -10,6 +10,7 @@ import { NgImage } from './image';
 import { NgLineEdit } from './line-edit';
 import { NgPlainTextEdit } from './pline-text-edit';
 import { NgRadioButton } from './radiobutton';
+import { NgProgressBar } from './progress-bar';
 
 export type Constructable<T> = new () => T;
 export type NgComponentClass = Constructable<NgComponent>;
@@ -32,5 +33,6 @@ export class ComponentsMap {
     this.map.set(NgLineEdit.nodeName, NgLineEdit);
     this.map.set(NgPlainTextEdit.nodeName, NgPlainTextEdit);
     this.map.set(NgRadioButton.nodeName, NgRadioButton);
+    this.map.set(NgProgressBar.nodeName, NgProgressBar);
   }
 }

src/lib/components/progress-bar.ts

@@ -0,0 +1,67 @@
+import { QProgressBar } from '@nodegui/nodegui';
+import { NgComponent } from './component';
+import { RendererStyleFlags2 } from '@angular/core';
+
+export class NgProgressBar extends QProgressBar implements NgComponent {
+  public static nodeName = 'progressbar';
+  public parent: any;
+
+  public appendChild(newChild: any): void {
+    console.warn('progressbar do not have append child');
+  }
+
+  public insertBefore(newChild: any, refChild: any) {}
+
+  public setNgAttribute(
+    name: string,
+    value: string,
+    namespace?: string | null
+  ): void {}
+
+  public setProperty(name: string, value: any): void {
+    switch (name) {
+      case 'value':
+        this.setValue(value);
+        break;
+      case 'minimum':
+        this.setMinimum(value);
+        break;
+      case 'maximum':
+        this.setMaximum(value);
+        break;
+      case 'orientation':
+        this.setOrientation(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: number): void {
+    super.setValue(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.');
+  }
+}