This commit is contained in:
Flatlogic Bot 2026-04-07 22:05:01 +00:00
parent ff2b5d34aa
commit 9b8c24faa4

View File

@ -323,9 +323,17 @@ if ($edit_id > 0) {
.item-name { color: var(--primary); font-weight: bold; display: block; font-size: 1rem; margin-bottom: 4px; }
.item-meta { font-size: 0.75rem; color: #888; display: block; }
.item-uuid { font-size: 0.8rem; color: #aaa; font-family: monospace; word-break: break-all; }
.item-uuid { font-size: 0.75rem; color: #777; font-family: monospace; word-break: break-all; display: block; margin-bottom: 4px; }
.item-about-cell { font-size: 0.85rem; color: #ccc; line-height: 1.4; }
/* Preview System */
.preview-container {
position: relative;
width: 80px;
height: 80px;
cursor: zoom-in;
}
.item-preview {
width: 80px;
height: 80px;
@ -333,6 +341,37 @@ if ($edit_id > 0) {
border-radius: 4px;
border: 1px solid var(--border-glow);
background: rgba(0,0,0,0.5);
display: block;
}
.preview-floating {
visibility: hidden;
opacity: 0;
position: absolute;
top: -10px;
left: 95px;
z-index: 1000;
padding: 5px;
background: var(--card-bg);
border: 1px solid var(--primary);
border-radius: 8px;
box-shadow: 0 10px 40px rgba(0,0,0,0.9), 0 0 20px var(--primary-glow);
backdrop-filter: blur(15px);
transition: opacity 0.3s ease, visibility 0.3s;
pointer-events: none;
}
.preview-floating img {
width: 350px;
height: 350px;
object-fit: contain;
display: block;
border-radius: 4px;
}
.preview-container:hover .preview-floating {
visibility: visible;
opacity: 1;
}
/* Rarity Classes */
@ -449,15 +488,14 @@ if ($edit_id > 0) {
<thead>
<tr>
<th style="width: 80px;">Aperçu</th>
<th style="width: 30%;">Nom</th>
<th style="width: 30%;">UUID</th>
<th style="width: 35%;">Nom / UUID / Type</th>
<th>About</th>
<th style="text-align: right; width: 100px;">Actions</th>
</tr>
</thead>
<tbody>
<?php if (empty($items_list)): ?>
<tr><td colspan="5" style="text-align: center; padding: 3rem; color: #666;">Aucun objet trouvé.</td></tr>
<tr><td colspan="4" style="text-align: center; padding: 3rem; color: #666;">Aucun objet trouvé.</td></tr>
<?php else: ?>
<?php foreach ($items_list as $item): ?>
<?php
@ -465,21 +503,25 @@ if ($edit_id > 0) {
if ($item['cl_scobjs_rarity']) {
$rarityClass = 'rarity-' . $item['cl_scobjs_rarity'];
}
$imageUrl = "https://cstone.space/uifimages/" . $item['cl_scobjs_uuid'] . ".png";
?>
<tr>
<td>
<img src="https://cstone.space/uifimages/<?php echo $item['cl_scobjs_uuid']; ?>.png" class="item-preview" alt="" loading="lazy">
<div class="preview-container">
<img src="<?php echo $imageUrl; ?>" class="item-preview" alt="" loading="lazy">
<div class="preview-floating">
<img src="<?php echo $imageUrl; ?>" alt="">
</div>
</div>
</td>
<td>
<span class="item-name <?php echo $rarityClass; ?>"><?php echo htmlspecialchars($item['cl_scobjs_name']); ?></span>
<span class="item-uuid"><?php echo htmlspecialchars($item['cl_scobjs_uuid']); ?></span>
<span class="item-meta">
<?php echo htmlspecialchars($item['cl_scobjs_type']); ?>
<?php if($item['cl_scobjs_subtype']) echo " / " . htmlspecialchars($item['cl_scobjs_subtype']); ?>
</span>
</td>
<td>
<span class="item-uuid"><?php echo htmlspecialchars($item['cl_scobjs_uuid']); ?></span>
</td>
<td class="item-about-cell">
<?php echo nl2br(htmlspecialchars($item['cl_scobjs_about'])); ?>
</td>