diff options
Diffstat (limited to 'web')
| -rw-r--r-- | web/css/hid.css (renamed from web/css/shortcuts.css) | 6 | ||||
| -rw-r--r-- | web/css/leds.css | 2 | ||||
| -rw-r--r-- | web/index.html | 8 | ||||
| -rw-r--r-- | web/js/hid.js | 26 |
4 files changed, 21 insertions, 21 deletions
diff --git a/web/css/shortcuts.css b/web/css/hid.css index a96716ab..8c420fe9 100644 --- a/web/css/shortcuts.css +++ b/web/css/hid.css @@ -1,4 +1,4 @@ -textarea#pak-text { +textarea#hid-pak-text { display: block; resize: none; width: 100%; @@ -10,12 +10,12 @@ textarea#pak-text { -webkit-appearance:none; } -textarea#pak-text::-moz-placeholder { +textarea#hid-pak-text::-moz-placeholder { line-height: 40px; text-align: center; } -textarea#pak-text::-webkit-input-placeholder { +textarea#hid-pak-text::-webkit-input-placeholder { line-height: 40px; text-align: center; } diff --git a/web/css/leds.css b/web/css/leds.css index c5c122e3..ba8559b3 100644 --- a/web/css/leds.css +++ b/web/css/leds.css @@ -37,7 +37,7 @@ img.led-hdd-busy { } img.led-msd-writing, -img.led-pak-typing { +img.led-hid-pak-typing { -webkit-filter: var(--led-filter-yellow); filter: var(--led-filter-yellow); -webkit-animation: var(--led-spin-fast); diff --git a/web/index.html b/web/index.html index 35fae241..71e068d1 100644 --- a/web/index.html +++ b/web/index.html @@ -15,7 +15,7 @@ <link rel="stylesheet" href="css/modals.css"> <link rel="stylesheet" href="css/leds.css"> <link rel="stylesheet" href="css/stream.css"> - <link rel="stylesheet" href="css/shortcuts.css"> + <link rel="stylesheet" href="css/hid.css"> <link rel="stylesheet" href="css/msd.css"> <link rel="stylesheet" href="css/keyboard.css"> <link rel="stylesheet" href="css/about.css"> @@ -218,14 +218,14 @@ <li class="ctl-right-actions"> <div class="ctl-dropdown"> <a class="ctl-item" href="#"> - <img data-dont-hide-menu id="pak-led" class="led-off" src="svg/gear-led.svg" /> + <img data-dont-hide-menu id="hid-pak-led" class="led-off" src="svg/gear-led.svg" /> Shortcuts ↴ </a> <div class="ctl-dropdown-content"> <div class="ctl-dropdown-content-buttons"> - <textarea data-dont-hide-menu id="pak-text" placeholder="Paste your text here"></textarea> + <textarea data-dont-hide-menu id="hid-pak-text" placeholder="Paste your text here"></textarea> <hr> - <button disabled id="pak-button">• ↑ Paste-as-Keys <sup><i>ascii-only</i></sup></button> + <button disabled id="hid-pak-button">• ↑ Paste-as-Keys <sup><i>ascii-only</i></sup></button> <hr> <div class="buttons-row"> <button data-shortcut="CapsLock" class="row50">• CapsLock</button> diff --git a/web/js/hid.js b/web/js/hid.js index 26529b32..27c53966 100644 --- a/web/js/hid.js +++ b/web/js/hid.js @@ -42,7 +42,7 @@ function Hid() { window.onblur = __releaseAll; __chars_to_codes = __buildCharsToCodes(); - tools.setOnClick($("pak-button"), __clickPasteAsKeysButton); + tools.setOnClick($("hid-pak-button"), __clickPasteAsKeysButton); tools.setOnClick($("hid-reset-button"), __clickResetButton); @@ -57,7 +57,7 @@ function Hid() { __ws = ws; __keyboard.setSocket(ws); __mouse.setSocket(ws); - $("pak-text").disabled = $("pak-button").disabled = $("hid-reset-button").disabled = !ws; + $("hid-pak-text").disabled = $("hid-pak-button").disabled = $("hid-reset-button").disabled = !ws; }; var __releaseAll = function() { @@ -130,7 +130,7 @@ function Hid() { }; var __clickPasteAsKeysButton = function() { - var text = $("pak-text").value.replace(/[^\x00-\x7F]/g, ""); // eslint-disable-line no-control-regex + var text = $("hid-pak-text").value.replace(/[^\x00-\x7F]/g, ""); // eslint-disable-line no-control-regex if (text) { var clipboard_codes = []; var codes_count = 0; @@ -151,10 +151,10 @@ function Hid() { ui.confirm(confirm_msg).then(function(ok) { if (ok) { - $("pak-text").disabled = true; - $("pak-button").disabled = true; - $("pak-led").className = "led-pak-typing"; - $("pak-led").title = "Autotyping..."; + $("hid-pak-text").disabled = true; + $("hid-pak-button").disabled = true; + $("hid-pak-led").className = "led-hid-pak-typing"; + $("hid-pak-led").title = "Autotyping..."; tools.debug("Paste-as-keys:", text); @@ -165,17 +165,17 @@ function Hid() { if (index < clipboard_codes.length && __ws) { iterate(); } else { - $("pak-text").value = ""; - $("pak-text").disabled = false; - $("pak-button").disabled = false; - $("pak-led").className = "led-off"; - $("pak-led").title = ""; + $("hid-pak-text").value = ""; + $("hid-pak-text").disabled = false; + $("hid-pak-button").disabled = false; + $("hid-pak-led").className = "led-off"; + $("hid-pak-led").title = ""; } }); }; iterate(); } else { - $("pak-text").value = ""; + $("hid-pak-text").value = ""; } }); } |