shni/amayo
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(item_lab): agregar formulario y funcionalidad para gestión de items con vista previa 3D

Browse Source
This commit is contained in:
Shni
2025-10-15 22:14:48 -05:00
parent 13d85ca19f
commit 111b94784f
4 changed files with 156 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/server/public/views/item_lab.ejs Normal file
View File

@@ -0,0 +1,61 @@
<%- include('partials/head') %>
<div id="item-lab-root" class="p-6">
<h1 class="text-xl font-bold mb-4">Item Lab</h1>
<div class="grid grid-cols-2 gap-4">
<div>
<form id="itemLabForm" class="space-y-4 bg-[#071a2a] p-4 rounded">
<div class="flex gap-2">
<div class="flex-1">
<label>Key</label>
<input id="labKey" class="w-full" />
</div>
<div class="flex-1">
<label>Name</label>
<input id="labName" class="w-full" />
</div>
</div>
<div class="flex gap-2">
<div class="flex-1">
<label>Category</label>
<input id="labCategory" class="w-full" />
</div>
<div class="flex-1">
<label>Icon</label>
<input id="labIcon" class="w-full" />
</div>
</div>
<div>
<label>Description</label>
<textarea id="labDescription" class="w-full h-20"></textarea>
</div>
<div>
<label>Tags (comma)</label>
<input id="labTags" class="w-full" />
</div>
<div>
<label>Props (JSON)</label>
<textarea id="labProps" class="w-full h-32 font-mono"></textarea>
</div>
<div class="flex gap-2 justify-end">
<button type="button" id="labReset" class="btn">Reset</button>
<button type="submit" id="labSave" class="btn btn-primary">Guardar</button>
</div>
</form>
</div>
<div>
<div class="mb-4 bg-[#071a2a] p-4 rounded">
<h2 class="font-semibold mb-2">Preview 3D</h2>
<div id="lab3d" style="width:100%;height:300px;background:#001827;border-radius:6px;"></div>
</div>
<div class="bg-[#071a2a] p-4 rounded">
<h2 class="font-semibold mb-2">Preview JSON</h2>
<pre id="labPreview" class="text-sm max-h-60 overflow-auto p-2"></pre>
</div>
</div>
</div>
</div>
<script src="/assets/js/three.min.js"></script>
<script src="/assets/js/item_lab.js"></script>
<%- include('partials/foot') %>