fix(tree): fix tree component, replace ng2-tree on the angular-tree-component

Closes #1690

src/app/pages/components/components.module.ts

@@ -1,6 +1,6 @@
 import { NgModule } from '@angular/core';
 
-import { TreeModule } from 'ng2-tree';
+import { TreeModule } from 'angular-tree-component';
 import { ToasterModule } from 'angular2-toaster';
 
 import { ThemeModule } from '../../@theme/theme.module';

src/app/pages/components/tree/tree.component.html

@@ -3,7 +3,7 @@
     <nb-card>
       <nb-card-header>Tree</nb-card-header>
       <nb-card-body>
-        <tree [tree]="tree"></tree>
+        <tree-root [nodes]="nodes"></tree-root>
       </nb-card-body>
     </nb-card>
   </div>

src/app/pages/components/tree/tree.component.scss

@@ -0,0 +1,20 @@
+@import '../../../@theme/styles/themes';
+
+@include nb-install-component() {
+
+  /deep/ .angular-tree-component {
+    cursor: default;
+
+    .node-wrapper {
+      .node-content-wrapper {
+        background: none;
+        box-shadow: none;
+        cursor: default;
+      }
+
+      .toggle-children-wrapper {
+        cursor: pointer;
+      }
+    }
+  }
+}

src/app/pages/components/tree/tree.component.ts

@@ -1,33 +1,33 @@
 import { Component } from '@angular/core';
-import { TreeModel } from 'ng2-tree';
 
 @Component({
   selector: 'ngx-tree',
   templateUrl: './tree.component.html',
+  styleUrls: ['./tree.component.scss'],
 })
 export class TreeComponent {
 
-  tree: TreeModel = {
-    value: 'Programming languages by programming paradigm',
+  nodes = [{
+    name: 'Programming languages by programming paradigm',
     children: [{
-      value: 'Object-oriented programming',
+      name: 'Object-oriented programming',
       children: [{
-        value: 'Java',
+        name: 'Java',
       }, {
-        value: 'C++',
+        name: 'C++',
       }, {
-        value: 'C#',
+        name: 'C#',
       }],
     }, {
-      value: 'Prototype-based programming',
+      name: 'Prototype-based programming',
       children: [{
-        value: 'JavaScript',
+        name: 'JavaScript',
       }, {
-        value: 'CoffeeScript',
+        name: 'CoffeeScript',
       }, {
-        value: 'Lua',
+        name: 'Lua',
       }],
     }],
-  };
+  }];
 
 }