Add TabView directives.

Author: hdeshev

src/nativescript-angular/directives/ns-directives.ts

@@ -1,5 +1,14 @@
 import {Type} from 'angular2/src/facade/lang';
 import {ListItemTemplate, ListViewDirective} from './list-view';
-import { TextValueAccessor } from '../text-value-accessor';
+import {TextValueAccessor} from '../text-value-accessor';
+import {TabViewDirective, TabViewItemDirective} from './tab-view';
 
-export const NS_DIRECTIVES: Type[] = [ListItemTemplate, ListViewDirective, TextValueAccessor];
+export const NS_DIRECTIVES: Type[] = [
+    ListItemTemplate,
+    ListViewDirective,
+
+    TabViewDirective,
+    TabViewItemDirective,
+
+    TextValueAccessor
+];

src/nativescript-angular/directives/tab-view.ts

@@ -0,0 +1,47 @@
+import {ElementRef, Directive, Input, TemplateRef, ViewContainerRef} from "angular2/core";
+import {TabView, TabViewItem} from "ui/tab-view";
+import {isView} from "../view-util";
+
+@Directive({
+    selector: 'TabView'
+})
+export class TabViewDirective {
+    public tabView: TabView;
+
+    constructor(private element: ElementRef) {
+        this.tabView = element.nativeElement;
+    }
+}
+
+@Directive({
+    selector: '[tabItem]'
+})
+export class TabViewItemDirective {
+    private item: TabViewItem;
+
+    constructor(
+        private owner: TabViewDirective,
+        private templateRef: TemplateRef,
+        private viewContainer: ViewContainerRef
+    ) {
+    }
+
+    @Input('tabItem') config: any;
+
+    ngOnInit() {
+        this.item = new TabViewItem();
+        this.item.title = this.config.title;
+
+        const viewRef = this.viewContainer.createEmbeddedView(this.templateRef);
+        //Filter out text nodes, etc
+        const realViews = viewRef.rootNodes.filter((node) =>
+                            node.nodeName && node.nodeName !== '#text')
+
+        if (realViews.length > 0) {
+            this.item.view = realViews[0];
+
+            const newItems = (this.owner.tabView.items || []).concat([this.item]);
+            this.owner.tabView.items = newItems;
+        }
+    }
+}