import { Component, OnInit } from "@angular/core" ;
import { NodeService } from "./nodeservice" ;
import { TreeNode } from "primeng/api" ;
@Component({
selector: "app-root" ,
templateUrl: "./app.component.html" ,
styles: [
`
:host ::ng-deep .priority-2,
:host ::ng-deep .priority-3,
:host ::ng-deep .visibility-sm {
display: none;
}
@media screen and (max-width: 39.938em) {
:host ::ng-deep .visibility-sm {
display: inline;
}
}
@media screen and (min-width: 40em) {
:host ::ng-deep .priority-2 {
display: table-cell;
}
}
@media screen and (min-width: 64em) {
:host ::ng-deep .priority-3 {
display: table-cell;
}
}
`,
],
})
export class AppComponent {
tableData: TreeNode[] = [];
cols: any[] = [];
constructor(private nodeService: NodeService) {}
ngOnInit() {
this .cols = [
{ field: "firstname" , header: "First Name" },
{ field: "lastname" , header: "Last Name" },
{ field: "age" , header: "Age" },
];
this .tableData = [
{
data: {
firstname: "David" ,
lastname: "ace" ,
age: "40" ,
},
children: [
{
data: {
firstname: "Nathan" ,
lastname: "ace" ,
age: "16" ,
},
children: [
{
data: {
firstname: "Abe" ,
lastname: "ace" ,
age: "12" ,
},
},
{
data: {
firstname: "Ksi" ,
lastname: "ace" ,
age: "12" ,
},
},
],
},
{
data: {
firstname: "Shane" ,
lastname: "ace" ,
age: "14" ,
},
},
],
},
{
data: {
firstname: "Warner" ,
lastname: "ace" ,
age: "55" ,
},
children: [
{
data: {
lastname: "ace" ,
firstname: "Michelle" ,
age: "20" ,
},
},
{
data: {
firstname: "Charlie" ,
lastname: "ace" ,
age: "24" ,
},
},
],
},
{
data: {
firstname: "Max" ,
lastname: "ace" ,
age: "55" ,
},
children: [
{
data: {
firstname: "Michelle" ,
lastname: "ace" ,
age: "20" ,
},
},
{
data: {
firstname: "Charlie" ,
lastname: "ace" ,
age: "24" ,
},
},
],
},
{
data: {
firstname: "Willy" ,
lastname: "ace" ,
age: "55" ,
},
children: [
{
data: {
firstname: "Michelle" ,
lastname: "ace" ,
age: "20" ,
},
},
{
data: {
firstname: "Charlie" ,
lastname: "ace" ,
age: "24" ,
},
},
],
},
{
data: {
firstname: "Miley" ,
lastname: "ace" ,
age: "55" ,
},
children: [
{
data: {
firstname: "Michelle" ,
lastname: "ace" ,
age: "20" ,
},
},
{
data: {
firstname: "Charlie" ,
lastname: "ace" ,
age: "24" ,
},
},
],
},
{
data: {
firstname: "Sam" ,
lastname: "ace" ,
age: "55" ,
},
children: [
{
data: {
firstname: "Michelle" ,
lastname: "ace" ,
age: "20" ,
},
},
{
data: {
firstname: "Charlie" ,
lastname: "ace" ,
age: "24" ,
},
},
],
},
{
data: {
firstname: "James" ,
lastname: "ace" ,
age: "55" ,
},
children: [
{
data: {
firstname: "Michelle" ,
lastname: "ace" ,
age: "20" ,
},
},
{
data: {
lastname: "ace" ,
firstname: "Charlie" ,
age: "24" ,
},
},
],
},
];
}
}
|