inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
* [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
This commit is contained in:
Vito
2018-11-07 19:32:55 +00:00
committed by Eugenio Romano
parent 0ee592607a
commit 6ead388e55
25 changed files with 720 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
demo-shell/src/app/components/app-layout/app-layout.component.ts
View File

@@ -58,6 +58,7 @@ export class AppLayoutComponent implements OnInit {
{ href: '/extendedSearch', icon: 'search', title: 'APP_LAYOUT.SEARCH' },
/* cspell:disable-next-line */
{ href: '/overlay-viewer', icon: 'pageview', title: 'APP_LAYOUT.OVERLAY_VIEWER' },
{ href: '/treeview', icon: 'nature', title: 'APP_LAYOUT.TREE_VIEW' },
{ href: '/about', icon: 'info_outline', title: 'APP_LAYOUT.ABOUT' }
];

10
demo-shell/src/app/components/tree-view/tree-view-sample.component.html Normal file
View File

@@ -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>

3
demo-shell/src/app/components/tree-view/tree-view-sample.component.scss Normal file
View File

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

34
demo-shell/src/app/components/tree-view/tree-view-sample.component.ts Normal file
View File

@@ -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;
}
}