openproject/frontend/src/app/features/boards/board/board-partitioned-page/board-list-container.component.html at 9680d2f8b2e940c319934db12906fb138d98acf3 · opf/openproject · GitHub

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
@if ((board$ | async); as board) {
  <div
    class="boards-list--container"
    [ngClass]="{ '-free' : board.isFree }"
    #container
    cdkDropList
    [cdkDropListDisabled]="!board.editable"
    cdkDropListOrientation="horizontal"
    (cdkDropListDropped)="moveList(board, $event)"
    >
    @for (boardWidget of boardWidgets; track trackByQueryId($index, boardWidget)) {
      <div
        class="boards-list--item"
        cdkDrag
        [cdkDragData]="boardWidget"
        >
        @if (board.editable) {
          <span
            class="boards-list-item-handle icon icon-drag-handle"
          cdkDragHandle></span>
        }
        <board-list [resource]="boardWidget"
          [board]="board"
          (onRemove)="removeList(board, boardWidget)"
          (visibilityChange)="changeVisibilityOfList(board, boardWidget, $event)" />
      </div>
    }
    @if (showHiddenListWarning) {
      <span
        class="boards-list--tooltip tooltip--right"
        [attr.data-tooltip]="text.hiddenListWarning">
        <i class="icon icon-attention"></i>
      </span>
    }
    @if (board.editable) {
      <div class="boards-list--add-item -no-text-select"
        role="button"
        tabindex="0"
        (click)="addList(board)"
        (keydown.enter)="addList(board)"
        (keydown.space)="addList(board)">
        <div class="boards-list--add-item-text">
          <op-icon icon-classes="icon-add icon-context" />
          <span [textContent]="text.addList"></span>
        </div>
      </div>
    }
  </div>
}