vato007/bufpiv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update theming, rebuild app from existing angular project

Browse Source
This commit is contained in:
Michael Pivato
2024-06-07 22:06:02 +09:30
parent 922d74e007
commit 2172b81443
26 changed files with 468 additions and 233 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/app/file-tree/file-tree.component.ts
View File

@@ -1,20 +1,19 @@
import { DataSource } from "@angular/cdk/collections";
import { FlatTreeControl } from "@angular/cdk/tree";
import { CommonModule } from "@angular/common";
import { FlatTreeControl } from '@angular/cdk/tree';
import { CommonModule } from '@angular/common';
import {
ChangeDetectionStrategy,
Component,
Signal,
computed,
input,
output,
} from "@angular/core";
} from '@angular/core';
import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';
import {
MatTreeFlatDataSource,
MatTreeFlattener,
MatTreeModule,
} from "@angular/material/tree";
import { MatIconModule } from "@angular/material/icon";
} from '@angular/material/tree';
export interface FileOrFolder {
isDirectory: boolean;
@@ -29,9 +28,9 @@ interface FileNode {
}
@Component({
selector: "app-file-tree",
selector: 'app-file-tree',
standalone: true,
imports: [CommonModule, MatTreeModule, MatIconModule],
imports: [CommonModule, MatTreeModule, MatIconModule, MatButtonModule],
template: `<mat-tree [dataSource]="dataSource()" [treeControl]="treeControl">
<mat-tree-node
*matTreeNodeDef="let node"
@@ -55,8 +54,7 @@ interface FileNode {
{{ node.name }}
</mat-tree-node>
</mat-tree>`,
styleUrl: "./file-tree.component.css",
changeDetection: ChangeDetectionStrategy.OnPush,
styleUrl: './file-tree.component.scss',
})
export class FileTreeComponent {
files = input<FileOrFolder[]>([]);