luna/src/app/elements/asset-tree/asset-tree.component.html at abb9f74e8dc3bf8ee762ed59d44eb0b66eb907eb · jumpserver/luna · 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
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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<div class="tree-container">
  <div *ngFor="let tree of trees" [ngClass]="{ 'expand-tree': tree.open }" class="tree-type">
    <span class="tree-type-banner">
      <div (click)="foldTree(tree)" class="tree-banner-left">
        <i [ngClass]="{ rotate: !tree.open }" class="fa fa-caret-down tree-icon-rotate"></i>
        <span class="tree-type-banner-label">
          {{ tree.label | translate }}
        </span>
      </div>
      <span *ngIf="tree.open" class="tree-banner-icon-zone">
        <a *ngIf="tree.search" [id]="tree.name + 'SearchIcon'" class="tree-search">
          <i
            (click)="treeSearch($event, tree)"
            [nzTooltipTitle]="'Search' | translate"
            nz-tooltip
            class="fa fa-search tree-banner-icon"
          ></i>
          <input
            [(ngModel)]="searchValue"
            [id]="tree.name + 'SearchInput'"
            class="tree-input"
            type="text"
          />
        </a>
        <i
          (click)="toggleTreeCheckable($event, tree)"
          *ngIf="tree.checkbox"
          [nzTooltipTitle]="'Batch actions(select and right click)' | translate"
          nz-tooltip
          [ngClass]="isTreeCheckEnabled(tree) ? 'fa-check-square' : 'fa-square-o'"
          class="fa tree-banner-icon"
        ></i>
        <i
          (click)="refreshTree($event, tree)"
          *ngIf="tree.complete"
          [nzTooltipTitle]="'Refresh' | translate"
          nz-tooltip
          class="fa fa-refresh tree-banner-icon"
        ></i>
        <i
          (click)="stopOffsetTree(tree)"
          *ngIf="!tree.complete"
          [nzTooltipTitle]="'Stop' | translate"
          nz-tooltip
          class="fa fa-square tree-banner-icon"
        ></i>
      </span>
    </span>
    <div [hidden]="!tree.open" class="tree-type-content">
      <div *ngIf="tree.loading" class="tree-type-loading">
        <nz-spin nzSimple></nz-spin>
      </div>
      <ul [id]="tree.name" class="ztree"></ul>
    </div>
  </div>
</div>

<div
  #rMenu
  *ngIf="isShowRMenu"
  [style.left]="pos.left"
  [style.top]="pos.top"
  class="view-menu"
  style="position: fixed"
>
  <table>
    <tbody>
      <tr
        *ngFor="let menu of rMenuList; let i = index"
        [class.view-menu__item--has-submenu]="menu.children?.length"
        [ngStyle]="{ display: menu.hide ? 'none' : '' }"
        class="view-menu__item"
      >
        <td
          (click)="!menu.children?.length && handleMenuClick(menu, $event)"
          [attr.data-num]="i"
          [ngStyle]="{ opacity: menu.disabled ? 0.4 : 1 }"
          class="view-menu__data"
        >
          <span [ngClass]="menu.fa" class="view-menu__icon fa"></span>
          <span class="view-menu__label">{{ menu.name | translate }}</span>
          <i *ngIf="menu.children?.length" class="fa fa-angle-right view-menu__submenu-arrow"></i>
          <div *ngIf="menu.children?.length" class="view-menu__submenu">
            <table>
              <tbody>
                <tr *ngFor="let child of menu.children" class="view-menu__item">
                  <td
                    (click)="handleSubmenuClick($event, child)"
                    class="view-menu__data view-menu__submenu-data"
                  >
                    <span class="view-menu__submenu-label">{{ child.name }}</span>
                    <i *ngIf="child.checked" class="fa fa-check view-menu__submenu-check"></i>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </td>
      </tr>
    </tbody>
  </table>
</div>

<!-- New favorite folder dialog content template -->
<ng-template #folderModalContent>
  <input
    nz-input
    [(ngModel)]="folderNameInput"
    [placeholder]="'Folder name' | translate"
    type="text"
  />
</ng-template>