AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui fix

Browse Source
This commit is contained in:
MuslemRahimi 2025-03-11 23:03:08 +01:00
parent 4fedfadcf7
commit 90446f476a
4 changed files with 27 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
package-lock.json generated
View File

@ -34,7 +34,7 @@
"clsx": "^2.1.1", "clsx": "^2.1.1",
"cmdk-sv": "^0.0.18", "cmdk-sv": "^0.0.18",
"compression": "^1.7.4", "compression": "^1.7.4",
"daisyui": "^5.0.0", "daisyui": "^5.0.2",
"date-fns": "^3.6.0", "date-fns": "^3.6.0",
"date-fns-tz": "^3.1.3", "date-fns-tz": "^3.1.3",
"date-picker-svelte": "^2.12.0", "date-picker-svelte": "^2.12.0",
@ -4081,9 +4081,9 @@
"license": "BSD-3-Clause" "license": "BSD-3-Clause"
}, },
"node_modules/daisyui": { "node_modules/daisyui": {
"version": "5.0.0", "version": "5.0.2",
"resolved": "https://registry.npmjs.org/daisyui/-/daisyui-5.0.0.tgz", "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-5.0.2.tgz",
"integrity": "sha512-U0K9Bac3Bi3zZGm6ojrw12F0vBHTpEgf46zv/BYxLe07hF0Xnx7emIQliwaRBgJuYhY0BhwQ6wSnq5cJXHA2yA==", "integrity": "sha512-AfOlwcE+Ukwuh2NSrMDE8VXOl9UWidj2Q5f64DEYqtZVW0Z9pELBA50iGEKg2FpBUvztFY5DFv7+eZgRts70BA==",
"dev": true, "dev": true,
"license": "MIT", "license": "MIT",
"funding": { "funding": {

2
package.json
View File

@ -34,7 +34,7 @@
"clsx": "^2.1.1", "clsx": "^2.1.1",
"cmdk-sv": "^0.0.18", "cmdk-sv": "^0.0.18",
"compression": "^1.7.4", "compression": "^1.7.4",
"daisyui": "^5.0.0", "daisyui": "^5.0.2",
"date-fns": "^3.6.0", "date-fns": "^3.6.0",
"date-fns-tz": "^3.1.3", "date-fns-tz": "^3.1.3",
"date-picker-svelte": "^2.12.0", "date-picker-svelte": "^2.12.0",

21
src/routes/market-flow/+page.svelte
View File

@ -285,20 +285,21 @@
}, },
borderRadius: 4, borderRadius: 4,
formatter: function () { formatter: function () {
// Format the x value to display time in hh:mm format // Format the x value to display time in a custom format
let tooltipContent = `<span class="m-auto text-white text-[1rem] font-[501]">${new Date( let tooltipContent = `<span class="m-auto text-[1rem] font-[501]">${new Date(
this.x, this?.x,
).toLocaleTimeString("en-US", { ).toLocaleDateString("en-US", {
hour: "2-digit", year: "numeric",
minute: "2-digit", month: "short",
day: "numeric",
})}</span><br>`; })}</span><br>`;
// Loop through each point in the shared tooltip // Loop through each point in the shared tooltip
this.points.forEach((point) => { this.points.forEach((point) => {
tooltipContent += `<span class="text-white font-semibold text-sm">${point.series.name}:</span> tooltipContent += `
<span class="text-white font-normal text-sm" >${abbreviateNumber( <span style="display:inline-block; width:10px; height:10px; background-color:${point.color}; border-radius:50%; margin-right:5px;"></span>
point.y, <span class="font-semibold text-sm">${point.series.name}:</span>
)}</span><br>`; <span class="font-normal text-sm">${abbreviateNumber(point.y)}</span><br>`;
}); });
return tooltipContent; return tooltipContent;

21
src/routes/market-flow/sector-flow/+page.svelte
View File

@ -310,20 +310,21 @@
}, },
borderRadius: 4, borderRadius: 4,
formatter: function () { formatter: function () {
// Format the x value to display time in hh:mm format // Format the x value to display time in a custom format
let tooltipContent = `<span class="m-auto text-white text-[1rem] font-[501]">${new Date( let tooltipContent = `<span class="m-auto text-[1rem] font-[501]">${new Date(
this.x, this?.x,
).toLocaleTimeString("en-US", { ).toLocaleDateString("en-US", {
hour: "2-digit", year: "numeric",
minute: "2-digit", month: "short",
day: "numeric",
})}</span><br>`; })}</span><br>`;
// Loop through each point in the shared tooltip // Loop through each point in the shared tooltip
this.points.forEach((point) => { this.points.forEach((point) => {
tooltipContent += `<span class="text-white font-semibold text-sm">${point.series.name}:</span> tooltipContent += `
<span class="text-white font-normal text-sm" >${abbreviateNumber( <span style="display:inline-block; width:10px; height:10px; background-color:${point.color}; border-radius:50%; margin-right:5px;"></span>
point.y, <span class="font-semibold text-sm">${point.series.name}:</span>
)}</span><br>`; <span class="font-normal text-sm">${abbreviateNumber(point.y)}</span><br>`;
}); });
return tooltipContent; return tooltipContent;