Added next play time to html page

This commit is contained in:
Myx
2023-10-14 20:27:09 +02:00
parent 507edc1dea
commit c51bc4bb32
5 changed files with 91 additions and 12 deletions

View File

@@ -11,22 +11,32 @@
<body style="background-color: #333;">
<div class="grid-container">
<div class="grid-x grid-padding-x align-center-middle" style="height: 100vh;">
<div class="cell small-12 medium-6 large-4">
<form id="uploadForm" enctype="multipart/form-data">
<div class="callout">
<h3>Upload Sound</h3>
<div class="input-group">
<span class="input-group-label">File:</span>
<input class="input-group-field" type="file" id="myFile">
<img src="logo.svg" alt="Logo" style="display: block; margin-left: auto; margin-right: auto; width: 50%;">
<div class="grid-x grid-padding-x align-center" style="height: 100vh;">
<div class="cell small-12 medium-6 large-4" style="height: 100%">
<div style="position: fixed;">
<form id="uploadForm" enctype="multipart/form-data" >
<div class="callout">
<h3>Upload Sound</h3>
<div class="input-group">
<span class="input-group-label">File:</span>
<input class="input-group-field" type="file" id="myFile">
</div>
<button class="button expanded" type="submit">Upload</button>
</div>
<button class="button expanded" type="submit">Upload</button>
</div>
</form>
</form>
<div class="callout">
<h3>Info</h3>
<div id="nextPlaybackTime"></div>
</div>
</div>
</div>
<div class="cell small-12 medium-6 large-4">
<div class="callout">
<h3>Uploaded Files</h3>
<div style="height:200px;overflow:auto;">
<div style="min-height:209px;max-height:100vh;overflow: auto;">
<ul id="fileList" class="vertical menu"></ul>
</div>
</div>