constructor(page: Page, _routerExtensions: RouterExtensions, private _chatService: ChatService, private _userIdService: UserIdService, private _textService: TextService, private _ngZone: NgZone) {
        this._userIdService.getUserId()
            .then((userID: string) => {
                this.userID = userID;
                this._chatService.connectToChatWithGuestID(userID, userID, () => {}, this, false);
            });
        page.actionBarHidden = true;

        //allows for ios statusbar coloring
        page.backgroundSpanUnderStatusBar = true;
        page.backgroundColor = new Color("lightblue");
        try {
            registerElement("StatusBar", () => require("nativescript-statusbar").StatusBar);
        } catch (error) { }
    }

    constructor(page: Page, private _router: Router, private _taskService: TaskService, private _databaseService: DatabaseService, private _userIdService: UserIdService, private _chatListService: ChatListService) {
        //get userId
        this._userIdService.getUserId().then((userID: string) => {
            this.userID = userID;
        }).catch((error: any) => {
            console.log("Error getting userID");
            console.log(error);
        });

        page.actionBarHidden = true;
        page.backgroundSpanUnderStatusBar = true; //allows for ios statusbar coloring
        page.backgroundColor = new Color("lightblue");
        try {
            registerElement("StatusBar", () => require("nativescript-statusbar").StatusBar);
        } catch (error) { }
    }

// this import should be first in order to load some required settings (like globals and reflect-metadata)
import {nativeScriptBootstrap} from "nativescript-angular/application";
import {NS_ROUTER_DIRECTIVES,NS_ROUTER_PROVIDERS} from  "nativescript-angular/router-deprecated/ns-router-deprecated";
import {AppComponent} from "./app.component";

import {registerElement} from "nativescript-angular/element-registry";
registerElement("DropDown", ()=> require("nativescript-drop-down/drop-down").DropDown);

nativeScriptBootstrap(AppComponent, [NS_ROUTER_PROVIDERS]);

import { AppRoutingModule } from "./app.routing";
import { AppComponent } from "./app.component";

import { ItemService } from "./item/item.service";
import { ItemsComponent } from "./item/items.component";
import { ItemDetailComponent } from "./item/item-detail.component";

// Uncomment and add to NgModule imports if you need to use two-way binding
// import { NativeScriptFormsModule } from "nativescript-angular/forms";

// Uncomment and add to NgModule imports  if you need to use the HTTP wrapper
// import { NativeScriptHttpModule } from "nativescript-angular/http";
import { registerElement } from "nativescript-angular/element-registry";
import { BarcodeScanner } from "nativescript-barcodescanner";
import { ModalComponent } from "~/item/modal/modal.component";
registerElement("BarcodeScanner", () => require("nativescript-barcodescanner").BarcodeScannerView);

@NgModule({
    bootstrap: [
        AppComponent
    ],
    imports: [
        NativeScriptModule,
        AppRoutingModule
    ],
    declarations: [
        AppComponent,
        ItemsComponent,
        ItemDetailComponent,
        ModalComponent
    ],

// config
import {Config, WindowService} from './app/frameworks/core/index';
Config.PLATFORM_TARGET = Config.PLATFORMS.MOBILE_NATIVE;
Config.DEBUG.LEVEL_4 = true;
Config.ROUTER_DIRECTIVES = NS_ROUTER_DIRECTIVES;

// app
import {NS_APP_PROVIDERS} from './shared/nativescript/index';
import {routes} from './app/components/app/app.routes';
import {NSAppComponent} from './pages/app/app.component';
import {WindowNative} from './shared/core/index';
import {registerElement} from "nativescript-angular/element-registry";
import {PAGE} from "./app/frameworks/core/tokens/opakeToken";
import {Page} from "ui/page";
registerElement("CardView", () => require("nativescript-cardview").CardView);
registerElement("StatusBar", () => require("nativescript-statusbar").StatusBar);

// Uncomment when ready to publish to App Stores:
// enableProdMode();

nativeScriptBootstrap(NSAppComponent, [
    provide(WindowService, {useClass: WindowNative}),
    provide(PAGE, {useValue: Page}),
    provide(TranslateLoader, {
        useFactory: () => {
            return new TNSTranslateLoader('assets/i18n');
        }
    }),
    NS_APP_PROVIDERS,
    nsProvideRouter(routes, {enableTracing: false})

import { Component, OnInit, NgModule, ViewChild, ElementRef } from '@angular/core';
import { TNSCheckBoxModule } from 'nativescript-checkbox/angular';
import { registerElement } from "nativescript-angular/element-registry";
import { MapboxMarker, MapboxView } from "nativescript-mapbox";
import { RouterExtensions } from 'nativescript-angular/router';

registerElement("Mapbox", () => require("nativescript-mapbox").MapboxView);
var mapbox = require("nativescript-mapbox");

@NgModule({
    imports: [TNSCheckBoxModule],
})
export class ChekBoxModule {}

@Component({
  selector: 'app-operation-question',
  templateUrl: './operation-question.component.html',
  styleUrls: ['./operation-question.component.css']
})
export class OperationQuestionComponent implements OnInit {

  public message: string;

  constructor(private router: RouterExtensions) { }

  ngOnInit() {}

  public onMapReady(args) {
    // you can tap into the native MapView objects (MGLMapView for iOS and com.mapbox.mapboxsdk.maps.MapView for Android)
    var nativeMapView = args.ios ? args.ios : args.android;
    console.log("Mapbox onMapReady for " + (args.ios ? "iOS" : "Android") + ", native object received: " + nativeMapView);

import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
import { NativeScriptModule } from "nativescript-angular/nativescript.module";
import { AppComponent } from "./app.component";
import {registerElement} from "nativescript-angular/element-registry";
registerElement("MapView", () => require("nativescript-google-maps-sdk").MapView);

@NgModule({
    bootstrap: [
        AppComponent
    ],
    imports: [
        NativeScriptModule
    ],
    declarations: [
        AppComponent
    ],
    providers: [
    ],
    schemas: [
        NO_ERRORS_SCHEMA
    ]
})
export class AppModule { }

import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
import { NativeScriptCommonModule } from "nativescript-angular/common";

import { FirestoreComponent } from "./firestore/firestore.component";
import { MLKitComponent } from "./mlkit/mlkit.component";
import { TabsRoutingModule } from "./tabs-routing.module";
import { TabsComponent } from "./tabs.component";

import { TextRecognitionComponent } from "~/tabs/mlkit/textrecognition/textrecognition.component";
import { BarcodeScanningComponent } from "~/tabs/mlkit/barcodescanning/barcodescanning.component";
import { FaceDetectionComponent } from "~/tabs/mlkit/facedetection/facedetection.component";
import { ImageLabelingComponent } from "~/tabs/mlkit/imagelabeling/imagelabeling.component";

import { registerElement } from "nativescript-angular/element-registry";
registerElement("MLKitBarcodeScanner", () => require("nativescript-plugin-firebase/mlkit/barcodescanning").MLKitBarcodeScanner);
registerElement("MLKitFaceDetection", () => require("nativescript-plugin-firebase/mlkit/facedetection").MLKitFaceDetection);
registerElement("MLKitTextRecognition", () => require("nativescript-plugin-firebase/mlkit/textrecognition").MLKitTextRecognition);
registerElement("MLKitImageLabeling", () => require("nativescript-plugin-firebase/mlkit/imagelabeling").MLKitImageLabeling);

@NgModule({
  imports: [
    NativeScriptCommonModule,
    TabsRoutingModule
  ],
  declarations: [
    BarcodeScanningComponent,
    FaceDetectionComponent,
    FirestoreComponent,
    ImageLabelingComponent,
    MLKitComponent,
    TabsComponent,

import {Component, ElementRef, ViewChild} from '@angular/core';
import {registerElement} from "nativescript-angular/element-registry";

registerElement("DrawingPad", () => require("nativescript-drawingpad").DrawingPad);

@Component({
    selector: 'drawing-pad-example',
    template: `
    <ScrollView>
        <StackLayout>
            <DrawingPad #DrawingPad 
            height="400" 
            id="drawingPad" 
            penColor="#ff4081" penWidth="3">
            </DrawingPad>

            <StackLayout orientation="horizontal">
                <Button text="Get Drawing" (tap)="getMyDrawing()"></Button>
                <Button text="Clear Drawing" (tap)="clearMyDrawing()"></Button>
            </StackLayout>
        </StackLayout>
    </ScrollView>
    `
})
export class DrawingPadExample {

    @ViewChild("DrawingPad") DrawingPad: ElementRef;

    getMyDrawing(args) {
        // get reference to the drawing pad
        let pad = this.DrawingPad.nativeElement;

import { Component, OnInit } from '@angular/core';
import { registerElement } from 'nativescript-angular/element-registry';
import { CardView } from 'nativescript-cardview';
import { ArticleService } from './article/article.service';

registerElement("CardView", () => CardView);

@Component({
  moduleId: module.id,
  selector: "articles-list",
  styleUrls: ['./articles-list.component.css'],
  templateUrl: "./articles-list.component.html"
})


export class ArticlesListComponent {

  genius: any[];

  constructor(private _articleService: ArticleService) { }

  onSubmit(event) {
    let query = event.object.text;
    console.log(query);
    this._articleService.getArticles(query)
    .subscribe((data: any) => {
      this.genius = data.response.hits;
    });
  }