shelfy/templates/settings.pages.tmpl

<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="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>