Add spinbox

Author: irustm

src/app/app.component.ts

@@ -22,6 +22,13 @@ import { AspectRatioMode } from '@nodegui/nodegui';
           (textChanged)="textChanged($event)"
         ></linedit>
         <progressbar [value]="40" [minimum]="0" [maximum]="100"></progressbar>
+        <spinbox
+          [prefix]="'aa'"
+          [suffix]="'bb'"
+          [singleStep]="10"
+          [range]="{ minimum: 0, maximum: 50 }"
+          [value]="20"
+        ></spinbox>
       </view>
     </window>
   `

src/lib/components/components-map.ts

@@ -12,6 +12,7 @@ import { NgPlainTextEdit } from './pline-text-edit';
 import { NgRadioButton } from './radiobutton';
 import { NgProgressBar } from './progress-bar';
 import { NgScrollArea } from './scroll-area';
+import { NgSpinnBox } from './spin-box';
 
 export type Constructable<T> = new () => T;
 export type NgComponentClass = Constructable<NgComponent>;
@@ -36,5 +37,6 @@ export class ComponentsMap {
     this.map.set(NgRadioButton.nodeName, NgRadioButton);
     this.map.set(NgProgressBar.nodeName, NgProgressBar);
     this.map.set(NgScrollArea.nodeName, NgScrollArea);
+    this.map.set(NgSpinnBox.nodeName, NgSpinnBox);
   }
 }

src/lib/components/spin-box.ts

@@ -0,0 +1,75 @@
+import { QSpinBox } from '@nodegui/nodegui';
+import { NgComponent } from './component';
+import { RendererStyleFlags2 } from '@angular/core';
+
+interface Range {
+  minimum: number;
+  maximum: number;
+}
+
+export class NgSpinnBox extends QSpinBox implements NgComponent {
+  public static nodeName = 'spinbox';
+  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 | Range | number
+  ): void {
+    switch (name) {
+      case 'prefix':
+        this.setPrefix(value as string);
+        break;
+      case 'suffix':
+        this.setSuffix(value as string);
+        break;
+      case 'singleStep':
+        this.setSingleStep(value as number);
+        break;
+      case 'range':
+        this.setRange((value as Range).minimum, (value as Range).maximum);
+        break;
+      case 'value':
+        this.setValue(value as number);
+        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.');
+  }
+}