[ADF-3723] Tree view component (#3939)

* [ADF-3723] added first step to adf tree view component

* [ADF-3723] start adding tests for the new component

* [ADF-3723] fixed style and start adding tests

* [ADF-3723] working on unit test

* [ADF-3723] added test for the new tree view component

* [ADF-3723] added event when clicked on a tree node

* [ADF-3723] refactored code

* [ADF-3723 added peer review changes

* [ADF-3723] fixed extra space

* [ADF-3723] fixed unit test

* [ADF-3723] fixed failing unit test

demo-shell/src/app/components/tree-view/tree-view-sample.component.html

@@ -0,0 +1,10 @@
+<div>TREE VIEW TEST</div>
+<mat-form-field class="example-full-width">
+    <input matInput placeholder="Node Id" [(ngModel)]="nodeIdSample">
+</mat-form-field>
+<span>
+    CLICKED NODE: {{clickedNodeName}}
+</span>
+
+<adf-tree-view-list [nodeId]="nodeIdSample" (nodeClicked)="onClick($event)">
+</adf-tree-view-list>

demo-shell/src/app/components/tree-view/tree-view-sample.component.scss

@@ -0,0 +1,3 @@
+.example-full-width {
+    width: 100%;
+  }

demo-shell/src/app/components/tree-view/tree-view-sample.component.ts

@@ -0,0 +1,34 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Component } from '@angular/core';
+
+@Component({
+    selector: 'app-tree-view',
+    templateUrl: 'tree-view-sample.component.html',
+    styleUrls: ['tree-view-sample.component.scss']
+})
+export class TreeViewSampleComponent {
+
+    clickedNodeName: string = '';
+
+    nodeIdSample: string = '-my-';
+
+    onClick(node) {
+        this.clickedNodeName = node.entry.name;
+    }
+}