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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<nz-table
class="table-container"
#rowSelectionTable
[nzData]="data"
[nzScroll]="{ y: 'calc(100vh - 29rem)' }"
>
<thead
(nzSortChange)="sort($event)"
>
<tr>
<th nzWidth="62px"></th>
<th nzShowSort nzSortKey="name">Name</th>
<th nzWidth="200px" nzShowSort nzSortKey="updateon">Last</th>
</tr>
</thead>
<tbody>
<tr
*ngFor="let data of rowSelectionTable.data"
(dragstart)="onHandleDragStart($event, data)"
(drop)="data.type === 1 ? dropFolderHandler($event, data) : null"
(dragover)="data.type === 1 ? dragOverHandler($event, data) : null"
(dragleave)="data.type === 1 ? dragLeaveHandler($event) : null"
>
<td
nzShowCheckbox
[(nzChecked)]="data._checked"
[nzDisabled]="data.disabled"
(nzCheckedChange)="onHandleChecked(data)"
></td>
<td>
<div
class="td-type-name-wrap"
*ngIf="data.type === 1"
>
<img
class="p-icon"
src="./assets/folder.png"
(dblclick)="dbClickFolder(data)"
/>
<span>
<div class="p-name" [title]="data.name" *ngIf="!data._inEdit" (dblclick)="onUpdateName(data)">
{{data.name}}
</div>
<input
class="p-name-input"
appAutofocusSelect
*ngIf="data._inEdit"
(blur)="onConfirmFolderName(data)"
(keydown.enter)="onConfirmFolderName(data)"
[(ngModel)]="data._name"/>
</span>
<img class="p-share-pic" *ngIf="isInLinkFolder" src="./assets/link_share.png" (dblclick)="dbClickFile(data)">
</div>
<div
class="td-type-name-wrap"
*ngIf="data.type === 2"
>
<img
class="p-icon"
src="./assets/cw.png"
(dblclick)="dbClickFile(data)"
/>
<span>
<div class="p-name" title="{{data.name}}" *ngIf="!data._inEdit" (dblclick)="onUpdateName(data)">
{{data.name}}
</div>
<input
class="p-name-input"
appAutofocusSelect
*ngIf="data._inEdit"
(blur)="onConfirmCoursewareName(data)"
(keydown.enter)="onConfirmCoursewareName(data)"
[(ngModel)]="data._name"/>
</span>
<img class="p-share-pic" *ngIf="isInLinkFolder" src="./assets/link_share.png" (dblclick)="dbClickFile(data)">
</div>
</td>
<td>{{data.updateon | date : 'yyyy-MM-dd HH:mm:ss'}}</td>
</tr>
</tbody>
</nz-table>