BuboBubo/topos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Nudge indicators

Browse Source
This commit is contained in:
Raphaël Forment
2023-10-08 01:30:28 +02:00
parent 0e7575f562
commit 036fefdcd5
2 changed files with 17 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
index.html
View File

@ -212,8 +212,8 @@
<label for="default-input" class="block mb-2 ml-1 font-normal">Size:</label> <label for="default-input" class="block mb-2 ml-1 font-normal">Size:</label>
<input type="text" id="font-size-input" type="number" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"> <input type="text" id="font-size-input" type="number" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
</div> </div>
<label for="font" class="block ml-5 mb-2 font-medium">Font (<b>TODO</b>):</label> <label for="font" class="block ml-5 mb-2 font-medium">Font:</label>
<select id="font-family" class="bg-gray-50 w-11/12 ml-4 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white"> <select id="font-family" class="bg-gray-50 w-5/6 ml-4 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white">
<option selected>Choose a font</option> <option selected>Choose a font</option>
<option value="US">IBM Plex Mono</option> <option value="US">IBM Plex Mono</option>
<option value="CA">Victor Mono</option> <option value="CA">Victor Mono</option>
@ -309,6 +309,7 @@
<div id="midi-settings-container" class="bg-gray-200 rounded-lg flex flex-col mx-4 my-4 pt-4 pb-2"> <div id="midi-settings-container" class="bg-gray-200 rounded-lg flex flex-col mx-4 my-4 pt-4 pb-2">
<p class="font-bold text-xl ml-4 pb-4 underline underline-offset-4">Audio/Event Nudging</p> <p class="font-bold text-xl ml-4 pb-4 underline underline-offset-4">Audio/Event Nudging</p>
<div class="flex flex-column pb-2"> <div class="flex flex-column pb-2">
<p class="pt-0.5 ml-4">Clock:</p>
<input <input
type="range" id="audio_nudge" type="range" id="audio_nudge"
name="audiorangeInput" name="audiorangeInput"
@ -317,10 +318,17 @@
class="w-full ml-4" class="w-full ml-4"
oninput="nudgenumber.value=audio_nudge.value" oninput="nudgenumber.value=audio_nudge.value"
> >
<output name="nudgenumber" id="nudgenumber" for="audiorangeInput" class="bg-gray-500 rounded-lg ml-2 mr-4 px-4 py-1 text-white">0</output> <output
name="nudgenumber"
id="nudgenumber"
for="audiorangeInput"
class="bg-gray-500 rounded-lg ml-2 mr-4 px-4 py-1 text-white"
>0</output>
</div> </div>
<div class="flex flex-column"> <div class="flex flex-column">
<p class="pt-0.5 ml-4">Audio:</p>
<input <input
type="range" id="dough_nudge" type="range" id="dough_nudge"
name="doughrangeInput" name="doughrangeInput"
@ -329,7 +337,12 @@
class="w-full ml-4" class="w-full ml-4"
oninput="doughnumber.value=dough_nudge.value" oninput="doughnumber.value=dough_nudge.value"
> >
<output name="doughnumber" id="doughnumber" for="doughrangeInput" class="bg-gray-500 rounded-lg ml-2 mr-4 px-4 py-1 text-white">0</output> <output
name="doughnumber"
id="doughnumber"
for="doughrangeInput"
class="bg-gray-500 rounded-lg ml-2 mr-4 px-4 py-1 text-white"
>0</output>
</div> </div>
</div> </div>

1
src/classes/SoundEvent.ts
View File

@ -19,7 +19,6 @@ export class SoundEvent extends AudibleEvent {
constructor(sound: string | object, public app: Editor) { constructor(sound: string | object, public app: Editor) {
super(app); super(app);
this.nudge = app.dough_nudge / 100; this.nudge = app.dough_nudge / 100;
console.log(this.nudge)
if (typeof sound === "string") { if (typeof sound === "string") {
if (sound.includes(":")) { if (sound.includes(":")) {
this.values = { this.values = {