V0.7
This commit is contained in:
parent
ff2b5d34aa
commit
9b8c24faa4
58
scitems.php
58
scitems.php
@ -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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user