refactor sony 12 bit command function

This commit is contained in:
Norman Bos
2024-07-22 12:44:03 +02:00
parent 470a179285
commit 281a7347bf
3 changed files with 239 additions and 132 deletions
+108 -58
View File
@@ -63,6 +63,10 @@
outline: none;
}
.width-full {
width: 100%;
}
.text-white {
color: white;
}
@@ -123,7 +127,7 @@
border-right-color: black;
}
.textinput-wrapper {
.form {
display: flex;
flex-direction: column;
gap: 12px;
@@ -132,8 +136,21 @@
color: white;
}
.textinput-wrapper {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 8px;
margin-bottom: 8px;
}
.textinput-group {
display: flex;
gap: 12px;
}
.textinput {
width: 100%;
/* width: 100%; */
padding: 12px 20px;
box-sizing: border-box;
border: 2px solid #ccc;
@@ -152,75 +169,108 @@
<body>
<main>
<h2 class="headline">SONY RM-D27M Remote</h2>
<span class="text-white text-with-line">LED Test Mode</span>
<div class="upper-buttonbox">
<form action="/api/control-led" method="post">
<button name="led" type="submit" value="1" class="smallbutton">
LED on
</button>
<button name="led" type="submit" value="0" class="smallbutton">
LED off
</button>
</form>
</div>
<section>
<span class="text-white text-with-line">LED Test Mode</span>
<div class="upper-buttonbox">
<form action="/api/control-led" method="post">
<button name="led" type="submit" value="1" class="smallbutton">
LED on
</button>
<button name="led" type="submit" value="0" class="smallbutton">
LED off
</button>
</form>
</div>
</section>
<span class="text-orange text-with-line">Title Editing</span>
<form action="/api/gettext" method="post" class="textinput-wrapper">
<form action="/api/gettext" method="post" class="form">
<textarea name="text_box" rows="4" cols="50"></textarea>
<button type="submit">Submit</button>
</form>
<section>
<form action="/api/gettextinput" method="get" class="textinput-wrapper">
<form action="/api/gettextinput" method="get" class="form">
<label for="text_input">Change Title</label>
<input type="text" name="text_input" class="textinput" />
<button type="submit">Submit</button>
</form>
</section>
<span class="text-orange text-with-line">Deck Control</span>
<div class="upper-buttonbox">
<form action="/api/control-deck" method="post">
<button
name="control"
type="submit"
value="POWER"
class="smallbutton"
>
power
</button>
<button name="control" type="submit" value="PLAY" class="smallbutton">
play
</button>
<button
name="control"
type="submit"
value="PAUSE"
class="smallbutton"
>
pause
</button>
<button name="control" type="submit" value="STOP" class="smallbutton">
stop
</button>
<button name="control" type="submit" value="PREV" class="smallbutton">
previous
</button>
<button name="control" type="submit" value="NEXT" class="smallbutton">
next
</button>
<button class="roundbutton"></button>
<button class="roundbutton"></button>
</form>
</div>
<div class="lower-buttonbox">
<button>Q</button>
<button>W</button>
<button>E</button>
<button>R</button>
<button>T</button>
<button>Z</button>
</div>
<section>
<span class="text-orange text-with-line">Deck Control</span>
<div class="upper-buttonbox">
<form action="/api/control-deck" method="post">
<button
name="control"
type="submit"
value="POWER"
class="smallbutton"
>
power
</button>
<button
name="control"
type="submit"
value="PLAY"
class="smallbutton"
>
play
</button>
<button
name="control"
type="submit"
value="PAUSE"
class="smallbutton"
>
pause
</button>
<button
name="control"
type="submit"
value="STOP"
class="smallbutton"
>
stop
</button>
<button
name="control"
type="submit"
value="PREV"
class="smallbutton"
>
previous
</button>
<button
name="control"
type="submit"
value="NEXT"
class="smallbutton"
>
next
</button>
<button class="roundbutton"></button>
<button class="roundbutton"></button>
</form>
</div>
</section>
<section>
<span class="text-orange text-with-line"
>20 Bit Keyboard Input Test</span
>
<div class="lower-buttonbox">
<form action="/api/keyboard-input" method="post">
<button name="key" type="submit" value="Q">Q</button>
<button name="key" type="submit" value="W">W</button>
<button name="key" type="submit" value="E">E</button>
<button name="key" type="submit" value="R">R</button>
<button name="key" type="submit" value="T">T</button>
<button name="key" type="submit" value="Z">Z</button>
</form>
</div>
</section>
</main>
<footer>
<p>KEY BOARD REMOTE COMMANDER</p>