mirror of
https://github.com/clearml/clearml-web
synced 2025-06-26 18:27:02 +00:00
2b6aa6043c
* Release v1.9 * v1.9.2 fixes and improvements Co-authored-by: Shay Halsband <shy.halsband@gmail.com>
84 lines
3.8 KiB
HTML
84 lines
3.8 KiB
HTML
<div *ngIf="noGraphs" class="no-output" >
|
|
<i class="icon no-output-icon" [ngClass]="isDarkTheme ? 'i-no-plots-dark' : 'i-no-plots'"></i>
|
|
<h3 class="d-flex justify-content-center">NO CHART DATA</h3>
|
|
</div>
|
|
|
|
<div #allMetrics class="metrics-section">
|
|
<div class="d-flex align-items-center justify-content-center summary-container" *ngIf="singleValueData?.length>0 && !hiddenList.includes('Summary')">
|
|
<sm-single-value-summary-table [data]="singleValueData" [experimentName]="experimentName" class="single-value-summary-table"></sm-single-value-summary-table>
|
|
</div>
|
|
<div class="all-metrics"
|
|
[class.row]="!isGroupGraphs"
|
|
>
|
|
<div *ngFor="let metric of (graphList | filter: hiddenList); trackBy: trackByFn" class="metric-group-container less-padding"
|
|
#metricGroup
|
|
[class.two-in-a-row]="!isGroupGraphs && graphList.length > 1 && isWidthBigEnough()"
|
|
[style.height.percent]=""
|
|
>
|
|
<div [id]="experimentGraphidPrefix + metric" class="graph-id">
|
|
<div>
|
|
<div class="metric-group-header" *ngIf="isGroupGraphs" [class.disable-resize]="disableResize">{{metric}}</div>
|
|
<div class="row single-graph">
|
|
<!-- <div [class.row]="isGroupGraphs"-->
|
|
<!-- [class.single-graph]="graphsData[metric].length === 1">-->
|
|
<div *ngFor="let chartItem of graphsData[metric]; trackBy: trackByIdFn"
|
|
#singleGraphContainer
|
|
mwlResizable
|
|
class="single-graph-container"
|
|
[validateResize]="validateResize"
|
|
[enableGhostResize]="!disableResize"
|
|
[ghostElementPositioning]="'absolute'"
|
|
[id]="chartItem.id"
|
|
(resizing)="onResizing($event);"
|
|
(resizeEnd)="sizeChanged($event)"
|
|
(resizeStart)="resizeStarted(metricGroup, singleGraphContainer)"
|
|
>
|
|
<sm-single-graph
|
|
*ngIf="chartItem.visible"
|
|
[class.less-padding]="isGroupGraphs"
|
|
[class.two-in-a-row]="isGroupGraphs && chartItem?.data[0]?.type !== 'table' && graphsData[metric].length > 1 && isWidthBigEnough()"
|
|
[graphsNumber]="graphsData[metric].length"
|
|
[legendStringLength]="legendStringLength"
|
|
[chart]="chartItem"
|
|
[id]="chartItem.id"
|
|
[isCompare]="isCompare"
|
|
[hoverMode]="hoverMode"
|
|
[isDarkTheme]="isDarkTheme"
|
|
[showLoaderOnDraw]="showLoaderOnDraw"
|
|
[legendConfiguration]="legendConfiguration"
|
|
[smoothWeight]="smoothWeight"
|
|
[xAxisType]="xAxisType"
|
|
[height]="height"
|
|
[width]="width"
|
|
[moveLegendToTitle]="groupBy === groupByCharts.none"
|
|
[identifier]="generateIdentifier(chartItem)"
|
|
[exportForReport]="exportForReport"
|
|
(createEmbedCode)="creatingEmbedCode(chartItem, $event)"
|
|
(hoverModeChanged)="hoverModeChanged.emit($event)"
|
|
>
|
|
</sm-single-graph>
|
|
<div
|
|
class="resize-handle-right"
|
|
mwlResizeHandle
|
|
[resizeEdges]="{ right: true }">
|
|
<div class="right-line"></div>
|
|
<div class="right-handle"></div>
|
|
</div>
|
|
<div
|
|
class="resize-handle-bottom"
|
|
mwlResizeHandle
|
|
[resizeEdges]="{ bottom: true }">
|
|
<div class="bottom-line"></div>
|
|
<div class="bottom-handle"></div>
|
|
</div>
|
|
<div class="resize-overlay-text"></div>
|
|
<div class="resize-overlay" [class.active]="activeResizeElement && activeResizeElement !== singleGraphContainer"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|