77 lines
2.5 KiB
Cheetah
77 lines
2.5 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">Enter Path:</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="path" name="path">
|
||
|
|
<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="section is-primary">
|
||
|
|
<h1 class="title">Section</h1>
|
||
|
|
<div class="column">
|
||
|
|
<div hx-get="/godownloader/settings" hx-trigger="load" hx-target="#download-list"> </div>
|
||
|
|
<div id="download-list">
|
||
|
|
<!-- Liste des chemins apparaîtra ici -->
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</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>
|