courseware-folder-table.component.html 2.57 KB
Newer Older
李维's avatar
李维 committed
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>