devolutions-gateway/webapp/src/client/app/shared/components/session-toolbar/session-toolbar.component.html at 441354f5d0d66f134e9bc461c0615cd8d15fe73f · Devolutions/devolutions-gateway · 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
<div #sessionToolbar
     id="sessionToolbar"
     *ngIf="!isFullScreenMode || (isFullScreenMode && showToolbarDiv)"
     [ngClass]="isFullScreenMode?'session-toolbar-layer':''"
     class="session-toolbar">

  <div class="session-toolbar-left-group" *ngIf="leftButtons.length > 0">
    <ng-container *ngFor="let button of leftButtons; let i = index; let last = last">
      <p-button (click)="button.action()"
                [label]="button.label"
                [icon]="button.icon"
                iconPos="left"></p-button>

      <div class="separator" *ngIf="!last"></div>

    </ng-container>
  </div>

  <div class="session-toolbar-middle-group">
    <p-button
      (onClick)="toggleFullscreen()"
      label="Full Screen"
      icon="dvl-icon dvl-icon-fullscreen"
      iconPos="left"></p-button>

    <div class="separator" *ngIf="middleButtons.length > 0"></div>

    <ng-container *ngFor="let button of middleButtons; let i = index; let last = last">
      <p-button (click)="button.action()"
                [label]="button.label"
                [icon]="button.icon"
                iconPos="left"></p-button>

      <div class="separator" *ngIf="!last"></div>

    </ng-container>

    <div class="separator" *ngIf="middleToggleButtons.length > 0"></div>

    <ng-container *ngFor="let button of middleToggleButtons; let i = index; let last = last">
      <p-button (click)="button.action()"
                [label]="button.label"
                [icon]="button.icon"
                iconPos="left"
                [styleClass]="button.isActive() ? '' : 'p-button-inactive'">
              </p-button>

      <div class="separator" *ngIf="!last"></div>

    </ng-container>
  </div>

  <div class="session-toolbar-middle-group" *ngIf="checkboxes.length > 0">
    <ng-container *ngFor="let checkbox of checkboxes; let i = index; let last = last">
        <p-checkbox (onChange)="checkbox.action()"
                  [label]="checkbox.label" [binary]="true"></p-checkbox>

        <div class="separator" *ngIf="checkboxes.length > 1 && !last"></div>

    </ng-container>
  </div>

  <div class="session-toolbar-right-group" *ngIf="rightButtons.length > 0">
    <ng-container *ngFor="let button of rightButtons; let i = index; let last = last">
      <p-button (click)="button.action()"
                [label]="button.label"
                [icon]="button.icon"
                iconPos="left"></p-button>

      <div class="separator" *ngIf="rightButtons.length > 1 && !last"></div>

    </ng-container>
  </div>
</div>