enhanci stuffi

This commit is contained in:
lubiana 2025-06-28 18:32:22 +02:00
parent c7e9150bac
commit ba7a0c9f4a
Signed by: lubiana
SSH key fingerprint: SHA256:vW1EA0fRR3Fw+dD/sM0K+x3Il2gSry6YRYHqOeQwrfk
2 changed files with 33 additions and 4 deletions

View file

@ -17,7 +17,7 @@
{% endblock %} {% endblock %}
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg sticky-top"> <nav class="navbar navbar-expand-lg sticky-top bg-dark">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="/"> <a class="navbar-brand" href="/">
{{ appName }} {{ appName }}
@ -51,6 +51,14 @@
<span class="emoji-bonkers">😈🍆💦👅💋🏳️‍🌈✨</span> <span class="emoji-bonkers">😈🍆💦👅💋🏳️‍🌈✨</span>
</a> </a>
</li> </li>
<li class="nav-item">
<a class="nav-link" href="{{ path('app_order_index') }}">
Orders
<span class="emoji-normal">🛒</span>
<span class="emoji-enhanced">🛒💰</span>
<span class="emoji-bonkers">🛒💰✨</span>
</a>
</li>
</ul> </ul>
<div class="btn-group ms-auto" role="group" aria-label="Mode selection"> <div class="btn-group ms-auto" role="group" aria-label="Mode selection">
<input type="radio" class="btn-check" name="mode" id="normal" autocomplete="off" checked> <input type="radio" class="btn-check" name="mode" id="normal" autocomplete="off" checked>

View file

@ -64,10 +64,12 @@
<div class="col-md-12"> <div class="col-md-12">
<div class="card"> <div class="card">
<div class="card-header"> <div class="card-header">
<h5 class="card-title">Example Chart</h5> <h5 class="card-title">History</h5>
</div> </div>
<div class="card-body"> <div class="card-body">
<canvas id="stockHistoryChart"></canvas> <div style="height: 300px; position: relative;">
<canvas id="stockHistoryChart"></canvas>
</div>
<script type="module"> <script type="module">
import { Chart } from 'chart.js/auto'; import { Chart } from 'chart.js/auto';
new Chart(document.getElementById('stockHistoryChart'), { new Chart(document.getElementById('stockHistoryChart'), {
@ -89,9 +91,28 @@
}, },
options: { options: {
responsive: true, responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
position: 'top',
labels: {
boxWidth: 12,
padding: 10
}
}
},
scales: { scales: {
y: { y: {
beginAtZero: true beginAtZero: true,
ticks: {
maxTicksLimit: 6
}
},
x: {
ticks: {
maxTicksLimit: 8,
maxRotation: 45
}
} }
} }
} }