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-07-25 15:02:37 +03:00
parent 6c4385b52c
commit f04f5668f1
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
kvmd/web/index.html
View File

@ -37,7 +37,7 @@
<li class="ctl-right-actions"> <li class="ctl-right-actions">
<div class="ctl-dropdown"> <div class="ctl-dropdown">
<a class="ctl-item" href="#" onclick="ui.toggleMenu(this);"> <a class="ctl-item" href="#">
<img data-dont-hide-menu id="stream-led" class="led-off" src="svg/stream-led.svg" /> <img data-dont-hide-menu id="stream-led" class="led-off" src="svg/stream-led.svg" />
<img data-dont-hide-menu id="hid-keyboard-led" class="led-off" src="svg/hid-keyboard-led.svg" /> <img data-dont-hide-menu id="hid-keyboard-led" class="led-off" src="svg/hid-keyboard-led.svg" />
<img data-dont-hide-menu id="hid-mouse-led" class="led-off" src="svg/hid-mouse-led.svg" /> <img data-dont-hide-menu id="hid-mouse-led" class="led-off" src="svg/hid-mouse-led.svg" />
@ -51,7 +51,7 @@
<li class="ctl-right-actions"> <li class="ctl-right-actions">
<div class="ctl-dropdown"> <div class="ctl-dropdown">
<a class="ctl-item" href="#" onclick="ui.toggleMenu(this);"> <a class="ctl-item" href="#">
<img data-dont-hide-menu id="atx-power-led" class="led-off" src="svg/atx-power-led.svg" /> <img data-dont-hide-menu id="atx-power-led" class="led-off" src="svg/atx-power-led.svg" />
<img data-dont-hide-menu id="atx-hdd-led" class="led-off" src="svg/atx-hdd-led.svg" /> <img data-dont-hide-menu id="atx-hdd-led" class="led-off" src="svg/atx-hdd-led.svg" />
ATX &#8628; ATX &#8628;
@ -67,7 +67,7 @@
<li class="ctl-right-actions"> <li class="ctl-right-actions">
<div class="ctl-dropdown"> <div class="ctl-dropdown">
<a class="ctl-item" href="#" onclick="ui.toggleMenu(this);"> <a class="ctl-item" href="#">
<img data-dont-hide-menu id="msd-led" class="led-off" src="svg/msd-led.svg" /> <img data-dont-hide-menu id="msd-led" class="led-off" src="svg/msd-led.svg" />
Mass Storage &#8628; Mass Storage &#8628;
</a> </a>

8
kvmd/web/js/ui.js
View File

@ -1,5 +1,9 @@
var ui = new function() { var ui = new function() {
this.init = function() { this.init = function() {
Array.prototype.forEach.call(document.getElementsByClassName("ctl-item"), function(el_item) {
el_item.onclick = function() { __toggleMenu(el_item); };
});
window.onclick = __windowClickHandler; window.onclick = __windowClickHandler;
Array.prototype.forEach.call(document.getElementsByClassName("window"), function(el_window) { Array.prototype.forEach.call(document.getElementsByClassName("window"), function(el_window) {
@ -8,7 +12,7 @@ var ui = new function() {
}); });
}; };
this.toggleMenu = function(el_a) { var __toggleMenu = function(el_a) {
Array.prototype.forEach.call(document.getElementsByClassName("ctl-item"), function(el_item) { Array.prototype.forEach.call(document.getElementsByClassName("ctl-item"), function(el_item) {
var el_menu = el_item.parentElement.querySelector(".ctl-dropdown-content"); var el_menu = el_item.parentElement.querySelector(".ctl-dropdown-content");
if (el_item === el_a && el_menu.style.display === "none") { if (el_item === el_a && el_menu.style.display === "none") {
@ -31,7 +35,7 @@ var ui = new function() {
return; return;
} }
} }
ui.toggleMenu(null); __toggleMenu(null);
} }
}; };