You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
2.8 KiB
42 lines
2.8 KiB
<div style="height: 100%; overflow-y: auto;position: relative"> |
|
<mat-tree [dataSource]="dataSource" [treeControl]="treeControl" > |
|
<mat-tree-node *matTreeNodeDef="let node;" matTreeNodePadding> |
|
<button mat-icon-button disabled ></button> |
|
{{node.name}} |
|
<button mat-icon-button class="create" (click)="create(node)"><mat-icon>add_circle_outline</mat-icon></button> |
|
<button mat-icon-button class="edit" (click)="edit(node)"><mat-icon>create</mat-icon></button> |
|
<button mat-icon-button class="up" (click)="up(node)" [disabled]="!node.isTop?false:true"><mat-icon>arrow_upward</mat-icon></button> |
|
<button mat-icon-button class="down" (click)="down(node)" [disabled]="!node.isBottom?false:true"><mat-icon>arrow_downward</mat-icon></button> |
|
<button mat-icon-button class="disabled" (click)="disable(node)" *ngIf="node.enabled" color="warn"><mat-icon>block</mat-icon></button> |
|
<button mat-icon-button class="disabled" (click)="disable(node)" *ngIf="!node.enabled"><mat-icon>block</mat-icon></button> |
|
<button mat-icon-button class="deleted" (click)="delete(node)"><mat-icon>delete</mat-icon></button> |
|
|
|
</mat-tree-node> |
|
|
|
|
|
<mat-tree-node *matTreeNodeDef="let node;when: hasChild" matTreeNodePadding> |
|
<button mat-icon-button |
|
matTreeNodeToggle |
|
[attr.aria-label]="'toggle ' + node.name"> |
|
<mat-icon class="mat-icon-rtl-mirror"> |
|
{{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}} |
|
</mat-icon> |
|
</button> |
|
{{node.name}} |
|
<button mat-icon-button class="create" (click)="create(node)"><mat-icon>add_circle_outline</mat-icon></button> |
|
<button mat-icon-button class="edit" (click)="edit(node)"><mat-icon>create</mat-icon></button> |
|
<button mat-icon-button class="up" (click)="up(node)" [disabled]="!node.isTop?false:true"><mat-icon>arrow_upward</mat-icon></button> |
|
<button mat-icon-button class="down" (click)="down(node)" [disabled]="!node.isBottom?false:true"><mat-icon>arrow_downward</mat-icon></button> |
|
<button mat-icon-button class="disabled" (click)="disable(node)" *ngIf="node.enabled" color="warn"><mat-icon>block</mat-icon></button> |
|
<button mat-icon-button class="disabled" (click)="disable(node)" *ngIf="!node.enabled"><mat-icon>block</mat-icon></button> |
|
<button mat-icon-button class="deleted" (click)="delete(node)"><mat-icon>delete</mat-icon></button> |
|
|
|
</mat-tree-node> |
|
|
|
</mat-tree> |
|
<div *ngIf="isloading" style="position: absolute;width: 100%;height: 100%;background-color: rgba(125, 125, 125, 0.3);z-index: 999;left: 0;top: 0;text-align: center;"> |
|
<mat-spinner style="position: fixed;top: 40%;left: 50%;transform: translate(-40%,-50%);"></mat-spinner> |
|
<p style="position: fixed;top:53%;left: 53%;transform: translate(-53%,-50%);">努力加载中...</p> |
|
</div> |
|
</div> |
|
|
|
|