reorder uplaods pages
Some checks failed
ci / build (push) Failing after 0s
ci / Tests & Checks (push) Failing after 1s

This commit is contained in:
CJ_Clippy 2025-06-17 11:10:20 -08:00
parent 5f3902d1e2
commit 57179e600e
2 changed files with 75 additions and 58 deletions

View File

@ -10,30 +10,41 @@
<main class="container"> <main class="container">
<h1>Upload Lewdtuber VODs here.</h1> <h1>Upload Lewdtuber VODs here.</h1>
<div id="uploader"></div>
<h3></h3> <article>
<form id="details" class="pico" method="POST" action="/upload"> <p><strong>Instructions:</strong> Enter the metadata first. Vtuber name and original VOD date is required. Then
<!-- VTuber select input --> upload the vod
<label for="vtuberIds">VTuber(s)</label> segment(s). Wait for the vod segment(s) to fully upload before you press the submit button.</p>
<select id="vtuberIds" name="vtuberIds" multiple required> </article>
{{#each vtubers}}
<option value="{{this.id}}">{{this.displayName}}</option> <form id="details" method="POST" action="/upload">
{{/each}} <div class="pico">
</select> <!-- VTuber select input -->
<label for="vtuberIds">VTuber(s)</label>
<select id="vtuberIds" name="vtuberIds" multiple required>
{{#each vtubers}}
<option value="{{this.id}}">{{this.displayName}}</option>
{{/each}}
</select>
<!-- Original stream date --> <!-- Original stream date -->
<label for="streamDate">Original Stream Datetime</label> <label for="streamDate">Original Stream Datetime</label>
<input type="datetime-local" id="streamDate" name="streamDate" required /> <input type="datetime-local" id="streamDate" name="streamDate" required />
<!-- Notes textarea --> <!-- Notes textarea -->
<label for="notes">Notes (optional)</label> <label for="notes">Notes (optional)</label>
<textarea id="notes" name="notes" rows="4" placeholder="Any notes about the upload…"></textarea> <textarea id="notes" name="notes" rows="4" placeholder="Any notes about the upload…"></textarea>
</div>
<div id="uploader"></div>
<h3></h3>
{{#if message}}<p id="messages" hx-swap-oob="true">{{message}}</p>{{/if}} {{#if message}}<p id="messages" hx-swap-oob="true">{{message}}</p>{{/if}}
<button>Submit</button> <div class="pico">
<button>Submit</button>
</div>
</form> </form>

View File

@ -26,68 +26,74 @@
</article> </article>
{{/each}} {{/each}}
<div id="uploader"></div>
<h3></h3> <h3></h3>
<form id="details" class="pico" method="POST" action="/vtubers/create"> <form id="details" method="POST" action="/vtubers/create">
<label for="displayName">VTuber Name <span style="color: red;">*</span></label> <div class="pico">
<input type="text" id="displayName" name="displayName" required> <label for="displayName">VTuber Name <span style="color: red;">*</span></label>
<input type="text" id="displayName" name="displayName" required>
<label for="themeColor">Theme Color <span style="color: red;">*</span></label> <label for="themeColor">Theme Color <span style="color: red;">*</span></label>
<input type="color" id="themeColor" name="themeColor" required> <input type="color" id="themeColor" name="themeColor" required>
<label for="chaturbate">Chaturbate URL</label> <label for="chaturbate">Chaturbate URL</label>
<input type="url" id="chaturbate" name="chaturbate"> <input type="url" id="chaturbate" name="chaturbate">
<label for="twitter">Twitter URL</label> <label for="twitter">Twitter URL</label>
<input type="url" id="twitter" name="twitter"> <input type="url" id="twitter" name="twitter">
<label for="patreon">Patreon URL</label> <label for="patreon">Patreon URL</label>
<input type="url" id="patreon" name="patreon"> <input type="url" id="patreon" name="patreon">
<label for="twitch">Twitch URL</label> <label for="twitch">Twitch URL</label>
<input type="url" id="twitch" name="twitch"> <input type="url" id="twitch" name="twitch">
<label for="tiktok">TikTok URL</label> <label for="tiktok">TikTok URL</label>
<input type="url" id="tiktok" name="tiktok"> <input type="url" id="tiktok" name="tiktok">
<label for="onlyfans">OnlyFans URL</label> <label for="onlyfans">OnlyFans URL</label>
<input type="url" id="onlyfans" name="onlyfans"> <input type="url" id="onlyfans" name="onlyfans">
<label for="youtube">YouTube URL</label> <label for="youtube">YouTube URL</label>
<input type="url" id="youtube" name="youtube"> <input type="url" id="youtube" name="youtube">
<label for="linktree">Linktree URL</label> <label for="linktree">Linktree URL</label>
<input type="url" id="linktree" name="linktree"> <input type="url" id="linktree" name="linktree">
<label for="carrd">Carrd URL</label> <label for="carrd">Carrd URL</label>
<input type="url" id="carrd" name="carrd"> <input type="url" id="carrd" name="carrd">
<label for="fansly">Fansly URL</label> <label for="fansly">Fansly URL</label>
<input type="url" id="fansly" name="fansly"> <input type="url" id="fansly" name="fansly">
<label for="pornhub">Pornhub URL</label> <label for="pornhub">Pornhub URL</label>
<input type="url" id="pornhub" name="pornhub"> <input type="url" id="pornhub" name="pornhub">
<label for="discord">Discord URL</label> <label for="discord">Discord URL</label>
<input type="url" id="discord" name="discord"> <input type="url" id="discord" name="discord">
<label for="reddit">Reddit URL</label> <label for="reddit">Reddit URL</label>
<input type="url" id="reddit" name="reddit"> <input type="url" id="reddit" name="reddit">
<label for="throne">Throne URL</label> <label for="throne">Throne URL</label>
<input type="url" id="throne" name="throne"> <input type="url" id="throne" name="throne">
<label for="instagram">Instagram URL</label> <label for="instagram">Instagram URL</label>
<input type="url" id="instagram" name="instagram"> <input type="url" id="instagram" name="instagram">
<label for="facebook">Facebook URL</label> <label for="facebook">Facebook URL</label>
<input type="url" id="facebook" name="facebook"> <input type="url" id="facebook" name="facebook">
<label for="merch">Merch URL</label> <label for="merch">Merch URL</label>
<input type="url" id="merch" name="merch"> <input type="url" id="merch" name="merch">
</div>
<button type="submit">Submit</button> <div id="uploader"></div>
<h3></h3>
<div class="pico">
<button type="submit">Submit</button>
</div>
</form> </form>
{{#if message}}<p id="messages" hx-swap-oob="true">{{message}}</p>{{/if}} {{#if message}}<p id="messages" hx-swap-oob="true">{{message}}</p>{{/if}}