Jacob
81 lines
2.0 KiB
JavaScript
81 lines
2.0 KiB
JavaScript
$(document).ready(function(){
|
|
|
|
window.addEventListener('message', (event) => {
|
|
if(event.data.action == "setAndOpen"){
|
|
|
|
$(".header").append(event.data.title);
|
|
$(".subheader").append(event.data.subtitle);
|
|
|
|
for(let i = 0; i < event.data.buttons.length; i++){
|
|
let li = $("<li>").append(event.data.buttons[i].name).addClass("item").attr("function", event.data.buttons[i].func).attr("params", event.data.buttons[i].params);
|
|
if(i == 0) {
|
|
li.addClass("active");
|
|
}
|
|
$(".list").append(li);
|
|
}
|
|
|
|
var count = $("ul").children().length;
|
|
if (count > 10) {
|
|
$(".scroll").show();
|
|
} else {
|
|
$(".scroll").hide();
|
|
}
|
|
|
|
$(".menu").show();
|
|
}
|
|
|
|
if(event.data.action == "close"){
|
|
$(".menu").hide();
|
|
$(".list").empty();
|
|
$(".header").empty();
|
|
$(".subheader").empty();
|
|
}
|
|
|
|
if(event.data.action == "keyup"){
|
|
if($(".item").length > 1) {
|
|
let active = $(".active").removeClass("active");
|
|
|
|
if(active.prev().length != 0 && active.prev().css("display") == "none"){
|
|
$(".list").find(".item:visible:last").hide();
|
|
active.prev().show();
|
|
}
|
|
|
|
if(active.prev().length == 0) {
|
|
active.siblings().last().addClass("active");
|
|
$(".item").hide();
|
|
$(".item").slice(-10).show();
|
|
} else {
|
|
active.prev().addClass("active");
|
|
}
|
|
}
|
|
}
|
|
|
|
if(event.data.action == "keydown") {
|
|
if($(".item").length > 1) {
|
|
let active = $(".active").removeClass("active");
|
|
|
|
if(active.next().length != 0 && active.next().css("display") == "none"){
|
|
$(".list").find(".item:visible:first").hide();
|
|
active.next().show();
|
|
}
|
|
|
|
if(active.next().length == 0) {
|
|
active.siblings().first().addClass("active");
|
|
$(".item").hide();
|
|
$(".item").slice(0, 10).show();
|
|
} else {
|
|
active.next().addClass("active");
|
|
}
|
|
}
|
|
}
|
|
|
|
if(event.data.action == "keyenter"){
|
|
let action = $(".active").attr("function");
|
|
let params = $(".active").attr("params");
|
|
$.post('http://police/sendAction', JSON.stringify({
|
|
action: action,
|
|
params: params
|
|
}));
|
|
}
|
|
});
|
|
}); |