Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 | 2x | @if (customLegend() && customLegend()?.customLegends) {
<div #customLegendContainer class="legend-container si-body">
@for (leg of customLegend()?.customLegends; track legendIndex; let legendIndex = $index) {
@if (legendIndex === 0 && leg && leg.list && leg.list.length > 0) {
<div
class="left-legends legend-item-container"
[class.legend-empty]="
customLegend()?.legendAxis !== 'left' && customLegend()?.legendAxis !== 'both'
"
[class.legend-single-axis]="customLegend()?.legendAxis === 'left'"
[class.both-legend-container]="customLegend()?.legendAxis === 'both'"
>
<div
class="both-scenario-left-unit-container"
[class.left-scenario-unit-container]="customLegend()?.legendAxis === 'left'"
>
<span class="text-secondary">{{ leg.unit }}</span>
</div>
<div
class="legend-item-container both-scenario-legend-container custom-legend-left"
[class.legend-single-axis]="customLegend()?.legendAxis === 'left'"
>
@for (legendItem of leg.list; track legendItem.name) {
<div class="legend-item" [class.hidden-legend]="!legendItem.selected">
<div
class="me-4 d-flex align-items-center justify-content-center"
(click)="legendIconClick(legendItem)"
(mouseenter)="legendHoverStartEvent.emit(legendItem)"
(mouseleave)="legendHoverEndEvent.emit(legendItem)"
>
<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">
<path [attr.d]="legendItem.symbol" [attr.fill]="legendItem.color" />
</svg>
</div>
<span
class="legend-text text-truncate"
[style.color]="textColor()"
(click)="legendClick(legendItem)"
(mouseenter)="legendHoverStartEvent.emit(legendItem)"
(mouseleave)="legendHoverEndEvent.emit(legendItem)"
>
{{ legendItem.displayName }}
</span>
@if (legendItem.tooltip) {
<div class="tooltip show bs-tooltip-bottom" role="tooltip">
<div class="tooltip-arrow"></div>
<div class="tooltip-inner">{{ legendItem.tooltip }}</div>
</div>
}
</div>
}
</div>
</div>
}
}
@for (leg of customLegend()?.customLegends; track legendIndex; let legendIndex = $index) {
@if (legendIndex === 1 && leg && leg.list && leg.list.length > 0) {
<div
class="right-legends legend-item-container"
[class.legend-empty]="
customLegend()?.legendAxis !== 'right' && customLegend()?.legendAxis !== 'both'
"
[class.legend-single-axis]="customLegend()?.legendAxis === 'right'"
[class.both-legend-container]="customLegend()?.legendAxis === 'both'"
>
<div
class="legend-item-container custom-legend-right legend-item-container-right-floating-inner"
>
@for (legendItem of leg.list; track legendItem.name) {
<div
class="legend-item legend-item-right"
[class.hidden-legend]="!legendItem.selected"
>
<span
class="legend-text text-truncate"
[style.color]="textColor()"
(click)="legendClick(legendItem)"
>
{{ legendItem.displayName }}
</span>
<div
class="right-legend-circle d-flex align-items-center justify-content-center"
(click)="legendIconClick(legendItem)"
>
<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">
<path [attr.d]="legendItem.symbol" [attr.fill]="legendItem.color" />
</svg>
</div>
@if (legendItem.tooltip) {
<div class="tooltip show bs-tooltip-bottom" role="tooltip">
<div class="tooltip-arrow"></div>
<div class="tooltip-inner">{{ legendItem.tooltip }}</div>
</div>
}
</div>
}
</div>
<div
class="both-scenario-right-unit-container"
[class.right-scenario-unit-container]="customLegend()?.legendAxis === 'right'"
>
<span class="right-unit-text text-secondary">{{ leg.unit }}</span>
</div>
</div>
}
}
</div>
}
|