GithubFollow/One-KVM
1
0
Fork 0
mirror of https://github.com/mofeng-git/One-KVM.git synced 2025-12-12 01:00:29 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactoring

Browse Source
This commit is contained in:
Devaev Maxim 2018-10-06 03:23:03 +03:00
parent 576ed9e18e
commit f3478dc241
4 changed files with 21 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/css/shortcuts.css → web/css/hid.css
View File

@ -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;
}

2
web/css/leds.css
View File

@ -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);

8
web/index.html
View File

@ -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 &#8628;
</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">&bull; &uarr; Paste-as-Keys <sup><i>ascii-only</i></sup></button>
<button disabled id="hid-pak-button">&bull; &uarr; Paste-as-Keys <sup><i>ascii-only</i></sup></button>
<hr>
<div class="buttons-row">
<button data-shortcut="CapsLock" class="row50">&bull; CapsLock</button>

26
web/js/hid.js
View File

@ -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 = "";
}
});
}