All files / app/layout/right-sidebar right-sidebar.component.html

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
3x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<!-- Desktop: Static Sidebar -->
<div class="floating-sidebar">
    @for (action of actions(); track action.id) {
        <ui-action-button
            [icon]="action.icon"
            [svgIcon]="action.svgIcon"
            [label]="action.label"
            [priority]="action.priority"
            [link]="action.link"
            [disabled]="action.disabled"
            [badge]="action.badge"
            (clicked)="action.link ? undefined : action.action?.()"
        />
    }
</div>
 
<!-- Mobile: Floating Sidebar -->
<div class="fab-container">
    @if (mainAction(); as main) {
        <ui-action-button
            data-testid="fab-main"
            [icon]="main.icon"
            [svgIcon]="main.svgIcon"
            [label]="main.label"
            [priority]="main.priority"
            [variant]="menuActions().length > 0 ? 'main' : 'menu'"
            [showTooltip]="true"
            [link]="main.link"
            [disabled]="main.disabled"
            [badge]="main.badge"
            (clicked)="main.link ? undefined : main.action?.()"
        />
 
        @if (menuActions().length > 0) {
            <ui-action-button
                data-testid="fab-menu-toggle"
                [icon]="menuOpen() ? 'expand_more' : 'expand_less'"
                label="Дополнительные действия"
                variant="menu"
                [showTooltip]="true"
                (clicked)="toggleMenu()"
            />
 
            <div
                class="speed-dial"
                [class.open]="menuOpen()"
            >
                @for (action of menuActions(); track action.id) {
                    <ui-action-button
                        [icon]="action.icon"
                        [svgIcon]="action.svgIcon"
                        [label]="action.label"
                        [priority]="action.priority"
                        variant="speed-dial"
                        [showTooltip]="true"
                        [link]="action.link"
                        [disabled]="action.disabled"
                        [badge]="action.badge"
                        (clicked)="action.link ? undefined : handleSpeedDialAction(action)"
                    />
                }
            </div>
        }
    }
</div>