refactor sony 12 bit command function
This commit is contained in:
+108
-58
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user