metanka/test-x6
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: make auto-layout button prominent in toolbar
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source 
Move dagre auto-layout to a labeled button with sitemap icon
in the right toolbar section for better visibility.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Alina
2026-02-18 09:54:49 +03:00
parent 91562ccc88
commit 07e8d2d052
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/app/components/toolbar/toolbar.component.ts
View File

@ -63,7 +63,7 @@ import { applyDagreLayout } from '../../features/schema/layout/dagre-layout';
<div style="display: flex; align-items: center; gap: 4px">
<p-button icon="pi pi-plus" size="small" [outlined]="true" pTooltip="Добавить объект" tooltipPosition="bottom" (onClick)="wip()" />
<p-button icon="pi pi-trash" size="small" [outlined]="true" pTooltip="Удалить" tooltipPosition="bottom" (onClick)="deleteSelected()" />
<p-button icon="pi pi-refresh" size="small" [outlined]="true" pTooltip="Авторасстановка (Dagre)" tooltipPosition="bottom" (onClick)="handleAutoLayout()" />
<p-button icon="pi pi-refresh" size="small" [outlined]="true" pTooltip="В разработке" tooltipPosition="bottom" (onClick)="wip()" />
<p-button
icon="pi pi-objects-column"
size="small"
@ -76,8 +76,18 @@ import { applyDagreLayout } from '../../features/schema/layout/dagre-layout';
<p-button icon="pi pi-image" size="small" [outlined]="true" pTooltip="Экспорт PNG" tooltipPosition="bottom" (onClick)="wip()" />
</div>
<!-- Right: zoom + mode -->
<!-- Right: auto-layout + zoom + mode -->
<div style="display: flex; align-items: center; gap: 12px">
<p-button
icon="pi pi-sitemap"
label="Авторасстановка"
size="small"
[outlined]="true"
severity="help"
pTooltip="Расставить узлы автоматически (Dagre)"
tooltipPosition="bottom"
(onClick)="handleAutoLayout()"
/>
<div style="display: flex; align-items: center; gap: 4px">
<p-button icon="pi pi-search-minus" size="small" [outlined]="true" pTooltip="Уменьшить" tooltipPosition="bottom" (onClick)="handleZoomOut()" />
<p-slider