Upload files to "frontend/templates"
This commit is contained in:
parent
53fa3e8cc7
commit
d504a39d40
1 changed files with 51 additions and 0 deletions
51
frontend/templates/index.jinja
Normal file
51
frontend/templates/index.jinja
Normal file
|
|
@ -0,0 +1,51 @@
|
||||||
|
<Layout title="PointCloud Viewer" active_tab="upload">
|
||||||
|
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
|
||||||
|
|
||||||
|
<!-- Colonne gauche : upload -->
|
||||||
|
<div class="lg:col-span-1 flex flex-col gap-4">
|
||||||
|
<Card title="📤 Upload">
|
||||||
|
<p class="text-sm text-base-content/60 mb-3">
|
||||||
|
Formats acceptés : LAS, LAZ, PLY, XYZ, PTS
|
||||||
|
</p>
|
||||||
|
<form
|
||||||
|
hx-post="/upload"
|
||||||
|
hx-target="#upload-result"
|
||||||
|
hx-swap="innerHTML"
|
||||||
|
hx-encoding="multipart/form-data"
|
||||||
|
hx-indicator="#upload-spinner"
|
||||||
|
>
|
||||||
|
<input
|
||||||
|
type="file"
|
||||||
|
name="file"
|
||||||
|
accept=".las,.laz,.ply,.xyz,.pts"
|
||||||
|
class="file-input file-input-bordered w-full mb-4"
|
||||||
|
required
|
||||||
|
>
|
||||||
|
<div class="flex items-center gap-3">
|
||||||
|
<Button
|
||||||
|
label="🚀 Uploader & convertir"
|
||||||
|
type="submit"
|
||||||
|
hx_indicator="#upload-spinner"
|
||||||
|
/>
|
||||||
|
<Spinner id="upload-spinner" />
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<div id="upload-result"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Colonne droite : viewer -->
|
||||||
|
<div class="lg:col-span-2">
|
||||||
|
<div
|
||||||
|
id="viewer-container"
|
||||||
|
class="card bg-base-100 shadow min-h-[600px] flex items-center justify-center"
|
||||||
|
>
|
||||||
|
<p class="text-base-content/40 text-sm">
|
||||||
|
Uploadez un fichier pour lancer la visualisation
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</Layout>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue