Update folder structure

2021-12-28 13:29:25 +03:00
parent e0762fdeb0
commit ab8f627bb3
71 changed files with 189 additions and 193 deletions
@@ -0,0 +1,34 @@
+<div class="grid">
+	<div class="col-12">
+		<div class="card">
+			<h4>Tree</h4>
+			<p-tree [value]="files1" selectionMode="checkbox" [(selection)]="selectedFiles1"></p-tree>
+		</div>
+	</div>
+	<div class="col-12">
+		<div class="card">
+			<h4>TreeTable</h4>
+			<p-treeTable [value]="files2" [columns]="cols" selectionMode="checkbox" [(selection)]="selectedFiles2">
+				<ng-template pTemplate="caption">
+					FileSystem
+				</ng-template>
+				<ng-template pTemplate="header" let-columns>
+					<tr>
+						<th *ngFor="let col of columns">
+							{{col.header}}
+						</th>
+					</tr>
+				</ng-template>
+				<ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
+					<tr>
+						<td *ngFor="let col of columns; let i = index">
+							<p-treeTableToggler [rowNode]="rowNode" *ngIf="i == 0"></p-treeTableToggler>
+							<p-treeTableCheckbox [value]="rowNode" *ngIf="i == 0"></p-treeTableCheckbox>
+							{{rowData[col.field]}}
+						</td>
+					</tr>
+				</ng-template>
+			</p-treeTable>
+		</div>
+	</div>
+</div>
@@ -0,0 +1,43 @@
+import {Component, OnInit} from '@angular/core';
+import {NodeService} from '../../service/nodeservice';
+import {TreeNode} from 'primeng/api';
+
+@Component({
+    templateUrl: './tree.component.html'
+})
+export class TreeComponent implements OnInit {
+
+
+    files1: TreeNode[];
+
+    files2: TreeNode[];
+
+    files3: TreeNode[];
+
+    selectedFiles1: TreeNode;
+
+    selectedFiles2: TreeNode[];
+
+    selectedFiles3: TreeNode;
+
+    cols: any[];
+
+    constructor(private nodeService: NodeService) {}
+
+    ngOnInit() {
+        this.nodeService.getFiles().then(files => this.files1 = files);
+        this.nodeService.getFilesystem().then(files => this.files2 = files);
+        this.nodeService.getFiles().then(files => {
+            this.files3 = [{
+                label: 'Root',
+                children: files
+            }];
+        });
+
+        this.cols = [
+            { field: 'name', header: 'Name' },
+            { field: 'size', header: 'Size' },
+            { field: 'type', header: 'Type' }
+        ];
+    }
+}