109 lines
3.4 KiB
Cheetah
109 lines
3.4 KiB
Cheetah
<section class="hero has-background-primary">
|
|
<div class="hero-body">
|
|
<p class="title">Settings</p>
|
|
<p class="subtitle">Hero subtitle</p>
|
|
</div>
|
|
</section>
|
|
<div class="card">
|
|
<section class="section is-link">
|
|
<div class="column">
|
|
<h1 class="title">Section</h1>
|
|
<h2 class="subtitle">
|
|
A simple container to divide your page into <strong>sections</strong>, like
|
|
the one you're currently reading.
|
|
</h2>
|
|
</div>
|
|
<div class="column">
|
|
<div class="file is-info has-name">
|
|
|
|
<div class="field has-addons">
|
|
<div class="field">
|
|
<label class="label">Nom du dossier :</label>
|
|
<div class="control has-icons-right">
|
|
<input type="text" id="path-input" class="input" placeholder="Enter path..." oninput="validatePath()" />
|
|
<span class="icon is-small is-right has-text-success">
|
|
<span id="path-status-icon" class="icon">
|
|
<!-- Placeholder for status icon -->
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="field" id="namePath" style="display: none;">
|
|
<label class="label">Name</label>
|
|
<div class="control">
|
|
<input id="imp" class="input" type="text" hx-target="pathName" oninput="setInputHidden('pathName',this.value)" placeholder="Text input">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<form hx-post="/api/pathDownload/create" hx-trigger="click" hx-target="#path-list" hx-ext="json-enc" style="width: min-content;">
|
|
<input type="hidden" id="pathName" name="pathName">
|
|
<button id="validate-btn" class="button is-primary" disabled type="submit">Validate</button>
|
|
</form>
|
|
|
|
</div>
|
|
<div class="column">
|
|
<div hx-get="/api/pathDownload/all/" hx-trigger="load" hx-target="#path-list"> </div>
|
|
<div id="path-list">
|
|
<!-- Liste des chemins apparaîtra ici -->
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<div class="card">
|
|
<section class="hero has-background-primary">
|
|
<div class="hero-body">
|
|
<p class="title">Settings</p>
|
|
<p class="subtitle">Gestion des dossiers Upload</p>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="card">
|
|
<section class="section is-link">
|
|
<div class="column">
|
|
<h1 class="title">Ajouter un dossier</h1>
|
|
</div>
|
|
|
|
<div class="column">
|
|
<div class="field">
|
|
<label class="label">Nom du dossier :</label>
|
|
<div class="control has-icons-right">
|
|
<input type="text" id="path-input" class="input" placeholder="Ex: Manga" oninput="validatePath()" />
|
|
<span class="icon is-small is-right">
|
|
<span id="path-status-icon"></span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<form
|
|
hx-post="/api/pathDownload/create"
|
|
hx-target="#path-list"
|
|
hx-swap="beforeend"
|
|
hx-ext="json-enc"
|
|
style="margin-top: 10px;">
|
|
<input type="hidden" id="pathName" name="pathName">
|
|
<button id="validate-btn" class="button is-primary" disabled type="submit">
|
|
Valider
|
|
</button>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="column">
|
|
<div hx-get="/api/pathDownload/all/" hx-trigger="load once" hx-target="#path-list" hx-swap="innerHTML"></div>
|
|
<div id="path-list"></div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="card">
|
|
<section class="section is-info">
|
|
<h1 class="title">Section</h1>
|
|
<h2 class="subtitle">
|
|
A simple container to divide your page into <strong>sections</strong>, like
|
|
the one you're currently reading.
|
|
</h2>
|
|
</section>
|
|
</div> |