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-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-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; }
|
.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 {
|
.item-preview {
|
||||||
width: 80px;
|
width: 80px;
|
||||||
height: 80px;
|
height: 80px;
|
||||||
@ -333,6 +341,37 @@ if ($edit_id > 0) {
|
|||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
border: 1px solid var(--border-glow);
|
border: 1px solid var(--border-glow);
|
||||||
background: rgba(0,0,0,0.5);
|
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 */
|
/* Rarity Classes */
|
||||||
@ -449,15 +488,14 @@ if ($edit_id > 0) {
|
|||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th style="width: 80px;">Aperçu</th>
|
<th style="width: 80px;">Aperçu</th>
|
||||||
<th style="width: 30%;">Nom</th>
|
<th style="width: 35%;">Nom / UUID / Type</th>
|
||||||
<th style="width: 30%;">UUID</th>
|
|
||||||
<th>About</th>
|
<th>About</th>
|
||||||
<th style="text-align: right; width: 100px;">Actions</th>
|
<th style="text-align: right; width: 100px;">Actions</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<?php if (empty($items_list)): ?>
|
<?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 else: ?>
|
||||||
<?php foreach ($items_list as $item): ?>
|
<?php foreach ($items_list as $item): ?>
|
||||||
<?php
|
<?php
|
||||||
@ -465,21 +503,25 @@ if ($edit_id > 0) {
|
|||||||
if ($item['cl_scobjs_rarity']) {
|
if ($item['cl_scobjs_rarity']) {
|
||||||
$rarityClass = 'rarity-' . $item['cl_scobjs_rarity'];
|
$rarityClass = 'rarity-' . $item['cl_scobjs_rarity'];
|
||||||
}
|
}
|
||||||
|
$imageUrl = "https://cstone.space/uifimages/" . $item['cl_scobjs_uuid'] . ".png";
|
||||||
?>
|
?>
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<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>
|
||||||
<td>
|
<td>
|
||||||
<span class="item-name <?php echo $rarityClass; ?>"><?php echo htmlspecialchars($item['cl_scobjs_name']); ?></span>
|
<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">
|
<span class="item-meta">
|
||||||
<?php echo htmlspecialchars($item['cl_scobjs_type']); ?>
|
<?php echo htmlspecialchars($item['cl_scobjs_type']); ?>
|
||||||
<?php if($item['cl_scobjs_subtype']) echo " / " . htmlspecialchars($item['cl_scobjs_subtype']); ?>
|
<?php if($item['cl_scobjs_subtype']) echo " / " . htmlspecialchars($item['cl_scobjs_subtype']); ?>
|
||||||
</span>
|
</span>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
|
||||||
<span class="item-uuid"><?php echo htmlspecialchars($item['cl_scobjs_uuid']); ?></span>
|
|
||||||
</td>
|
|
||||||
<td class="item-about-cell">
|
<td class="item-about-cell">
|
||||||
<?php echo nl2br(htmlspecialchars($item['cl_scobjs_about'])); ?>
|
<?php echo nl2br(htmlspecialchars($item['cl_scobjs_about'])); ?>
|
||||||
</td>
|
</td>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user