public_git/bambuddy
1
0
Fork 0
mirror of https://github.com/maziggy/bambuddy.git synced 2026-10-17 11:25:48 +02:00
Code Issues Packages Projects Releases Wiki Activity

Added filament spool fill levels to printer card

Browse Source
This commit is contained in:
maziggy
2025-12-10 08:47:12 +00:00
parent 0194a0498e
commit ef927985e4
4 changed files with 42 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
._.DS_Store
BIN
View File
Binary file not shown.
frontend/src/pages/PrintersPage.tsx
+40 -29
View File
@@ -1013,41 +1013,52 @@ function PrinterCard({
)}
</div>
{/* Label and humidity/temp */}
{/* Label and filament info */}
<div className="flex-1 min-w-0">
<div className="flex items-center justify-between">
<span className="text-xs text-bambu-gray font-medium">
{getAmsLabel(ams.id, ams.tray.length)}
</span>
{(ams.humidity != null || ams.temp != null) && (
<div className="flex items-center gap-2 text-xs">
{ams.humidity != null && (
<HumidityIndicator
humidity={ams.humidity}
goodThreshold={amsThresholds?.humidityGood}
fairThreshold={amsThresholds?.humidityFair}
/>
)}
{ams.temp != null && (
<TemperatureIndicator
temp={ams.temp}
goodThreshold={amsThresholds?.tempGood}
fairThreshold={amsThresholds?.tempFair}
/>
<span className="text-xs text-bambu-gray font-medium">
{getAmsLabel(ams.id, ams.tray.length)}
</span>
{/* Filament types and fill levels */}
<div className="mt-0.5 text-[10px] flex items-start">
{ams.tray.map((tray, i) => (
<div key={i} className="flex items-start">
<div className="flex flex-col">
<span className="text-bambu-gray/70 truncate">
{tray.tray_type ? (tray.tray_sub_brands || tray.tray_type) : '—'}
</span>
<span className="text-bambu-gray/50 truncate">
{tray.tray_type && tray.remain >= 0 ? `${tray.remain}%` : '—'}
</span>
</div>
{i < ams.tray.length - 1 && (
<span className="text-bambu-gray/50 mx-1 flex flex-col">
<span>·</span>
<span>·</span>
</span>
)}
</div>
)}
</div>
{/* Filament tooltips as small text */}
<div className="flex gap-1 mt-0.5 text-[10px] text-bambu-gray/70 truncate">
{ams.tray.map((tray, i) => (
<span key={i} className="truncate">
{tray.tray_type ? (tray.tray_sub_brands || tray.tray_type) : '—'}
{i < ams.tray.length - 1 && ' · '}
</span>
))}
</div>
</div>
{/* Humidity/temp - vertically centered */}
{(ams.humidity != null || ams.temp != null) && (
<div className="flex items-center gap-2 text-xs flex-shrink-0">
{ams.humidity != null && (
<HumidityIndicator
humidity={ams.humidity}
goodThreshold={amsThresholds?.humidityGood}
fairThreshold={amsThresholds?.humidityFair}
/>
)}
{ams.temp != null && (
<TemperatureIndicator
temp={ams.temp}
goodThreshold={amsThresholds?.tempGood}
fairThreshold={amsThresholds?.tempFair}
/>
)}
</div>
)}
</div>
</div>
);
static/assets/index-BiD82fpM.js → static/assets/index-2RQZZHMw.js
+1 -1
View File
File diff suppressed because one or more lines are too long
static/index.html
+1 -1
View File
@@ -7,7 +7,7 @@
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png" />
<script type="module" crossorigin src="/assets/index-BiD82fpM.js"></script>
<script type="module" crossorigin src="/assets/index-2RQZZHMw.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BYZOEJWU.css">
</head>
<body>