Add combobox

Author: irustm

projects/angular-nodegui/src/lib/components/combobox.ts

@@ -0,0 +1,72 @@
+import { QComboBox, QIcon, QVariant } from '@nodegui/nodegui';
+import { NgComponent } from './component';
+import { RendererStyleFlags2 } from '@angular/core';
+
+interface ComboBoxItem {
+  text: string;
+  icon?: QIcon;
+  userData?: QVariant;
+}
+
+export class NgCombobox extends QComboBox implements NgComponent {
+  public static nodeName = 'combobox';
+  public parent: any;
+
+  public appendChild(newChild: any): void {
+    console.warn('combobox do not have append child');
+  }
+
+  public insertBefore(newChild: any, refChild: any) {}
+
+  public setNgAttribute(
+    name: string,
+    value: string,
+    namespace?: string | null
+  ): void {
+    switch (name) {
+      case 'id':
+        this.setObjectName(value);
+        break;
+
+      default:
+        break;
+    }
+  }
+
+  public setNgProperty(name: string, value: ComboBoxItem[] | any): void {
+    if (name === 'items') {
+      this.clear();
+
+      value.forEach(item => {
+        this.addItem(item.icon, item.text, item.userData);
+      });
+    }
+
+    this.setProperty(name, value);
+  }
+
+  public setStyle(
+    style: string,
+    value: any,
+    flags?: RendererStyleFlags2
+  ): void {
+    this.setInlineStyle(`${style}:${value}`);
+  }
+
+  public setValue(value: string): void {
+    throw new Error('Method not implemented.');
+  }
+
+  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.');
+  }
+}

projects/angular-nodegui/src/lib/components/components-map.ts

@@ -13,6 +13,7 @@ import { NgRadioButton } from './radiobutton';
 import { NgProgressBar } from './progress-bar';
 import { NgScrollArea } from './scroll-area';
 import { NgSpinnBox } from './spin-box';
+import { NgCombobox } from './combobox';
 
 export type Constructable<T> = new () => T;
 export type NgComponentClass = Constructable<NgComponent>;
@@ -26,17 +27,18 @@ export class ComponentsMap {
 
   constructor() {
     this.map.set(NgButton.nodeName, NgButton);
-    this.map.set(NgWindow.nodeName, NgWindow);
-    this.map.set(NgText.nodeName, NgText);
-    this.map.set(NgView.nodeName, NgView);
     this.map.set(NgCheckbox.nodeName, NgCheckbox);
+    this.map.set(NgCombobox.nodeName, NgCombobox);
     this.map.set(NgDial.nodeName, NgDial);
     this.map.set(NgImage.nodeName, NgImage);
     this.map.set(NgLineEdit.nodeName, NgLineEdit);
     this.map.set(NgPlainTextEdit.nodeName, NgPlainTextEdit);
-    this.map.set(NgRadioButton.nodeName, NgRadioButton);
     this.map.set(NgProgressBar.nodeName, NgProgressBar);
+    this.map.set(NgRadioButton.nodeName, NgRadioButton);
     this.map.set(NgScrollArea.nodeName, NgScrollArea);
     this.map.set(NgSpinnBox.nodeName, NgSpinnBox);
+    this.map.set(NgText.nodeName, NgText);
+    this.map.set(NgView.nodeName, NgView);
+    this.map.set(NgWindow.nodeName, NgWindow);
   }
 }