All files / app/component/folder folder.component.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
1x
2x
 
 
 
 
 
 
 
 
 
 
 
 
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
 
 
 
<div #desktop class="desktop">
  @if (parent) {
    <app-subfolder cdkDrag
                   cdkDragBoundary=".desktop"
                   [cdkDragDisabled]="!local"
                   [dragging]="dragging"
                   [style.transform]="subfolders[ext!.tag]"
                   [style.position]="subfolders[ext!.tag] ? 'absolute' : 'relative'"
                   (cdkDragStarted)="startMoving($any($event.event.target))"
                   (cdkDragMoved)="moveFolder(ext!.tag, $any($event.event.target))"
                   (cdkDragEnded)="dragging = false"
                   [ext]="parent"
                   [name]="'..'"></app-subfolder>
  }
  @if (folderExts) {
    @for (f of folderExts; track f.tag + f.origin) {
      <app-subfolder cdkDrag
                     cdkDragBoundary=".desktop"
                     [cdkDragDisabled]="!local"
                     [dragging]="dragging"
                     [style.transform]="subfolders[f.tag]"
                     [style.position]="subfolders[f.tag] ? 'absolute' : 'relative'"
                     (cdkDragStarted)="startMoving($any($event.event.target))"
                     (cdkDragMoved)="moveFolder(f.tag, $any($event.event.target))"
                     (cdkDragEnded)="dragging = false"
                     [ext]="f"
                     [name]="f.name || '#' + f.tag"></app-subfolder>
    }
    @for (ref of page?.content; track ref.origin + '@' + ref.url) {
      @if (flatten || !inSubfolder(ref)) {
        <app-file cdkDrag
                  cdkDragBoundary=".desktop"
                  [cdkDragDisabled]="!local"
                  [dragging]="dragging"
                  [style.transform]="files[ref.url]"
                  [style.position]="files[ref.url] ? 'absolute' : 'relative'"
                  (cdkDragStarted)="startMoving($any($event.event.target))"
                  (cdkDragMoved)="moveFile(ref.url, $any($event.event.target))"
                  (cdkDragEnded)="dragging = false"
                  [ref]="ref"></app-file>
      }
    }
  }
</div>
<!--<app-page-controls *ngIf="!page?.empty"-->
<!--                   [page]="page!"></app-page-controls>-->