klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2025-07-10 11:59:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add zoom control of family graph

Browse Source
This commit is contained in:
Antoine Bartuccio
2025-06-18 12:22:30 +02:00
parent cc96c93d23
commit 10d5b9d63f
2 changed files with 35 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
core/templates/core/user_godfathers_tree.jinja
View File

@ -77,6 +77,7 @@
></i></button>
</span>
</div>
</div>
<div class="toolbar-column">
@ -91,6 +92,31 @@
<i class="fa fa-camera"></i>
{% trans %}Save{% endtrans %}
</button>
<div class="toolbar-input">
<button
@click="() => graph.zoom(graph.zoom() + 1)"
>
<i class="fa-solid fa-magnifying-glass-plus"></i>
</button>
<button
@click="() => graph.zoom(graph.zoom() - 1)"
>
<i class="fa-solid fa-magnifying-glass-minus"></i>
</button>
<button
x-show="isZoomEnabled"
@click="() => isZoomEnabled = false"
>
<i class="fa-solid fa-unlock"></i>
</button>
<button
x-show="!isZoomEnabled"
@click="() => isZoomEnabled = true"
>
<i class="fa-solid fa-lock"></i>
</button>
</div>
</div>
</div>
<div x-ref="graph" class="graph"></div>