JotaChina/mmpSearch
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

inserindo server flask de upload e watchdog para verificar alterações em samples

Browse Source
This commit is contained in:
JotaChina committed 2025-10-07 23:01:32 -03:00
1 parent c35f3233b7
commit 8c391412e1
6 files changed
+450 -177
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

creation.html
+27 -114
View File
@@ -21,29 +21,14 @@
<header class="global-toolbar">
<div class="control-group">
<i
class="fa-solid fa-file"
id="new-project-btn"
title="Novo Projeto"
></i>
<i
class="fa-solid fa-folder-open"
id="open-mmp-btn"
title="Abrir Projeto (.mmp)"
></i>
<i
class="fa-solid fa-save"
id="save-mmp-btn"
title="Salvar Projeto (.mmp)"
></i>
<i class="fa-solid fa-file" id="new-project-btn" title="Novo Projeto"></i>
<i class="fa-solid fa-folder-open" id="open-mmp-btn" title="Abrir Projeto do Servidor"></i>
<i class="fa-solid fa-save" id="save-mmp-btn" title="Salvar Projeto (.mmp)"></i>
<i class="fa-solid fa-upload" id="upload-sample-btn" title="Carregar Sample do Computador"></i>
</div>
<div class="divider"></div>
<div class="control-group">
<i
class="fa-solid fa-backward-step"
id="rewind-btn"
title="Voltar ao Início"
></i>
<i class="fa-solid fa-backward-step" id="rewind-btn" title="Voltar ao Início"></i>
<i class="fa-solid fa-play" title="Play/Pause Global (Futuro)"></i>
<i class="fa-solid fa-stop" title="Stop Global (Futuro)"></i>
<i class="fa-solid fa-circle-dot" title="Gravar"></i>
@@ -52,96 +37,38 @@
<div class="info-display-group">
<div class="info-display">
<div class="interactive-input-container">
<button class="adjust-btn" data-target="bpm" data-step="-1">
-</button
><input
type="text"
class="value-input"
id="bpm-input"
value="140"
data-min="20"
data-max="400"
/><button class="adjust-btn" data-target="bpm" data-step="1">
+
</button>
<button class="adjust-btn" data-target="bpm" data-step="-1">-</button>
<input type="text" class="value-input" id="bpm-input" value="140" data-min="20" data-max="400"/>
<button class="adjust-btn" data-target="bpm" data-step="1">+</button>
</div>
<div class="label">ANDAMENTO/BPM</div>
</div>
<div class="info-display">
<div class="interactive-input-container">
<button class="adjust-btn" data-target="bars" data-step="-1">
-</button
><input
type="text"
class="value-input"
id="bars-input"
value="1"
data-min="1"
data-max="64"
/><button class="adjust-btn" data-target="bars" data-step="1">
+
</button>
<button class="adjust-btn" data-target="bars" data-step="-1">-</button>
<input type="text" class="value-input" id="bars-input" value="1" data-min="1" data-max="64"/>
<button class="adjust-btn" data-target="bars" data-step="1">+</button>
</div>
<div class="label">COMPASSOS</div>
</div>
<div class="info-display">
<div class="interactive-input-container">
<div class="compasso-group">
<button
class="adjust-btn"
data-target="compasso-a"
data-step="-1"
>
-</button
><input
type="text"
class="value-input compasso-input"
id="compasso-a-input"
value="4"
data-min="1"
data-max="16"
/><button
class="adjust-btn"
data-target="compasso-a"
data-step="1"
>
+
</button>
<button class="adjust-btn" data-target="compasso-a" data-step="-1">-</button>
<input type="text" class="value-input compasso-input" id="compasso-a-input" value="4" data-min="1" data-max="16"/>
<button class="adjust-btn" data-target="compasso-a" data-step="1">+</button>
</div>
<span class="compasso-separator">/</span>
<div class="compasso-group">
<button
class="adjust-btn"
data-target="compasso-b"
data-step="-1"
>
-</button
><input
type="text"
class="value-input compasso-input"
id="compasso-b-input"
value="4"
data-min="1"
data-max="16"
/><button
class="adjust-btn"
data-target="compasso-b"
data-step="1"
>
+
</button>
<button class="adjust-btn" data-target="compasso-b" data-step="-1">-</button>
<input type="text" class="value-input compasso-input" id="compasso-b-input" value="4" data-min="1" data-max="16"/>
<button class="adjust-btn" data-target="compasso-b" data-step="1">+</button>
</div>
</div>
<div class="label">COMPASSO</div>
</div>
<div class="info-display">
<div
id="timer-display"
class="interactive-input-container"
style="font-size: 0.7rem; color: var(--text-dark)"
>
00:00:00
</div>
<div id="timer-display" class="interactive-input-container" style="font-size: 0.7rem; color: var(--text-dark)">00:00:00</div>
<div class="label">MIN:SEC:MSEC</div>
</div>
</div>
@@ -149,18 +76,13 @@
<button id="metronome-btn" title="Metrônomo On/Off">Metrônomo</button>
</div>
<div class="spacer"></div>
<div class="control-group master-controls">
<div class="knob-container">
<div class="knob" id="master-volume-knob">
<div class="knob-indicator"></div>
</div>
<div class="knob" id="master-volume-knob"><div class="knob-indicator"></div></div>
<span>VOL MASTER</span>
</div>
<div class="knob-container">
<div class="knob" id="master-pan-knob">
<div class="knob-indicator"></div>
</div>
<div class="knob" id="master-pan-knob"><div class="knob-indicator"></div></div>
<span>PAN MASTER</span>
</div>
</div>
@@ -171,8 +93,7 @@
<div class="editor-header">
Mostrar/esconder Editor de Bases
<div class="window-controls">
<i class="fa-solid fa-minus"></i><i class="fa-regular fa-square"></i
><i class="fa-solid fa-xmark"></i>
<i class="fa-solid fa-minus"></i><i class="fa-regular fa-square"></i><i class="fa-solid fa-xmark"></i>
</div>
</div>
<div class="editor-toolbar">
@@ -189,26 +110,18 @@
<button id="remove-pattern-btn" class="pattern-btn">-</button>
</div>
<div class="tool-icons">
<i class="fa-solid fa-table-cells"></i
><i class="fa-solid fa-bars-staggered"></i
><i class="fa-solid fa-wave-square enabled"></i
><i class="fa-solid fa-plus" id="add-bar-btn" title="Adicionar 1 Compasso"></i>
<i class="fa-solid fa-table-cells"></i><i class="fa-solid fa-bars-staggered"></i><i class="fa-solid fa-wave-square enabled"></i><i class="fa-solid fa-plus" id="add-bar-btn" title="Adicionar 1 Compasso"></i>
</div>
<div class="zoom-controls">
<i class="fa-solid fa-minus" id="remove-instrument-btn"></i
><i class="fa-solid fa-plus" id="add-instrument-btn"></i>
<i class="fa-solid fa-minus" id="remove-instrument-btn"></i><i class="fa-solid fa-plus" id="add-instrument-btn"></i>
</div>
</div>
<div id="track-container"></div>
</div>
</main>
<input
type="file"
id="mmp-file-input"
accept=".mmp, .mmpz"
style="display: none"
/>
<input type="file" id="mmp-file-input" accept=".mmp, .mmpz" style="display: none"/>
<input type="file" id="sample-file-input" accept=".wav,.flac,.ogg,.mp3" style="display: none"/>
<div class="modal-overlay" id="open-project-modal">
<div class="modal-content">
@@ -228,7 +141,7 @@
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
<script src="assets/js/creations/main.js" type="module" defer></script>
<script src="assets/js/creations/main.js" type="module"></script>
</body>
</html>