466 lines
No EOL
15 KiB
JavaScript
466 lines
No EOL
15 KiB
JavaScript
var vehiclemenuresourcename = "rtx_vehiclemenu";
|
|
|
|
var ineditmenu = "false";
|
|
|
|
$(function () {
|
|
var currentscale = 1.0;
|
|
if (localStorage.default == "false") {
|
|
} else {
|
|
localStorage.scale = 1.0;
|
|
localStorage.color = "#ff66ff";
|
|
}
|
|
|
|
let defaultValues = {vehiclemenutop: "50", vehiclemenuleft: "70", scale: "1.0", color: "#ff66ff",};
|
|
|
|
var scaleslider = document.getElementById("scalesliderdata");
|
|
|
|
function closeMain() {
|
|
$("body").css("display", "none");
|
|
}
|
|
|
|
function openMain() {
|
|
$("body").css("display", "block");
|
|
}
|
|
|
|
$(".vehiclemenusettingsbuttonexit").click(function(){
|
|
if ($(".vehiclemenu-container").data('draggable')) {
|
|
ChangeVehicleMenu();
|
|
$(".vehiclemenu-container").draggable("destroy");
|
|
}
|
|
ineditmenu = "false";
|
|
$("#vehiclemenusettingsshow").hide();
|
|
$.post('https://'+vehiclemenuresourcename+'/quit', JSON.stringify({}));
|
|
});
|
|
|
|
function draggableElements() {
|
|
$(".vehiclemenu-container").draggable({
|
|
scroll: false,
|
|
axis: "x, y",
|
|
cursor: "move"
|
|
});
|
|
$(".vehiclemenu-container").css("transform", "scale(" + localStorage.scale + ")");
|
|
};
|
|
|
|
function currentsliderdata() {
|
|
if (localStorage.default === "true") {
|
|
if (defaultValues.scale == 0.5) {
|
|
return 5;
|
|
} else if (defaultValues.scale == 0.6) {
|
|
return 6;
|
|
} else if (defaultValues.scale == 0.7) {
|
|
return 7;
|
|
} else if (defaultValues.scale == 0.8) {
|
|
return 8;
|
|
} else if (defaultValues.scale == 0.9) {
|
|
return 9;
|
|
} else if (defaultValues.scale == 1.0) {
|
|
return 10;
|
|
} else if (defaultValues.scale == 1.0) {
|
|
return 10;
|
|
} else if (defaultValues.scale == 1.1) {
|
|
return 11;
|
|
} else if (defaultValues.scale == 1.2) {
|
|
return 12;
|
|
} else if (defaultValues.scale == 1.3) {
|
|
return 13;
|
|
} else if (defaultValues.scale == 1.4) {
|
|
return 14;
|
|
} else if (defaultValues.scale == 1.5) {
|
|
return 15;
|
|
}
|
|
} else {
|
|
if (localStorage.scale == 0.5) {
|
|
return 5;
|
|
} else if (localStorage.scale == 0.6) {
|
|
return 6;
|
|
} else if (localStorage.scale == 0.7) {
|
|
return 7;
|
|
} else if (localStorage.scale == 0.8) {
|
|
return 8;
|
|
} else if (localStorage.scale == 0.9) {
|
|
return 9;
|
|
} else if (localStorage.scale == 1.0) {
|
|
return 10;
|
|
} else if (localStorage.scale == 1.0) {
|
|
return 10;
|
|
} else if (localStorage.scale == 1.1) {
|
|
return 11;
|
|
} else if (localStorage.scale == 1.2) {
|
|
return 12;
|
|
} else if (localStorage.scale == 1.3) {
|
|
return 13;
|
|
} else if (localStorage.scale == 1.4) {
|
|
return 14;
|
|
} else if (localStorage.scale == 1.5) {
|
|
return 15;
|
|
}
|
|
}
|
|
}
|
|
|
|
function ChangeVehicleMenu() {
|
|
if (localStorage.default === "true") {
|
|
let root = document.documentElement;
|
|
var vehiclemenutop = defaultValues.vehiclemenutop + "%";
|
|
var vehiclemenuleft = defaultValues.vehiclemenuleft + '%';
|
|
$('.vehiclemenu-container').css({
|
|
position:'absolute',
|
|
top:vehiclemenutop,
|
|
left:vehiclemenuleft
|
|
});
|
|
localStorage.scale = defaultValues.scale;
|
|
localStorage.color = defaultValues.color;
|
|
scaleslider.value = currentsliderdata();
|
|
currentscale = defaultValues.scale;
|
|
root.style.setProperty('--color', defaultValues.color);
|
|
$("#color-picker").spectrum("set", defaultValues.color);
|
|
$(".vehiclemenu-container").css("transform", "scale(" + defaultValues.scale + ")");
|
|
} else {
|
|
let root = document.documentElement;
|
|
var vehiclemenutop = localStorage.vehiclemenutop + 'px';
|
|
var vehiclemenuleft = localStorage.vehiclemenuleft + 'px';
|
|
var scaledata = localStorage.scale;
|
|
var color = localStorage.color;
|
|
$('.vehiclemenu-container').css({
|
|
position:'absolute',
|
|
top:vehiclemenutop,
|
|
left:vehiclemenuleft
|
|
});
|
|
$("#color-picker").spectrum("set", localStorage.color);
|
|
scaleslider.value = currentsliderdata();
|
|
root.style.setProperty('--color', color);
|
|
$(".vehiclemenu-container").css("transform", "scale(" + scaledata + ")");
|
|
}
|
|
};
|
|
|
|
function ResetVehicleMenuToDefault() {
|
|
let root = document.documentElement;
|
|
var vehiclemenutop = defaultValues.vehiclemenutop + "%";
|
|
var vehiclemenuleft = defaultValues.vehiclemenuleft + '%';
|
|
$('.vehiclemenu-container').css({
|
|
position:'absolute',
|
|
top:vehiclemenutop,
|
|
left:vehiclemenuleft
|
|
});
|
|
localStorage.scale = defaultValues.scale;
|
|
localStorage.color = defaultValues.color;
|
|
scaleslider.value = currentsliderdata();
|
|
currentscale = defaultValues.scale;
|
|
root.style.setProperty('--color', defaultValues.color);
|
|
$("#color-picker").spectrum("set", defaultValues.color);
|
|
$(".vehiclemenu-container").css("transform", "scale(" + defaultValues.scale + ")");
|
|
};
|
|
|
|
window.addEventListener('message', function (event) {
|
|
|
|
var item = event.data;
|
|
|
|
if (item.message == "vehiclemenushow") {
|
|
openMain();
|
|
document.getElementsByClassName("vehiclemenusettingsbuttonvehiclename1text")[0].innerHTML = item.vehiclenametext1data;
|
|
document.getElementsByClassName("vehiclemenusettingsbuttonvehiclename2text")[0].innerHTML= item.vehiclenametext2data;
|
|
document.getElementsByClassName("vehiclemenusettingsbuttonvehicleplatetext")[0].innerHTML = item.vehicleplatedata;
|
|
$('.vehiclemenufuelmaincontainerdata').css("height", item.vehiclefueldata+"%")
|
|
$("#vehiclemenusettingsshow").hide();
|
|
$("#vehiclemenusettingswindowshow").hide();
|
|
$("#vehiclemenusettingsseatshow").hide();
|
|
$("#vehiclemenusettingsextrasshow").hide();
|
|
$("#vehiclemenusettingsdoorshow").show();
|
|
$("#vehiclemenushow").show();
|
|
}
|
|
|
|
if (item.message == "addseat"){
|
|
$( ".vehiclemenusettingsseatlist" ).append('<div class="vehicleseat" seatid="' + item.vehicleseatid + '">' +
|
|
'<div class="vehicleseattext">' + item.vehicleseattext + '</div>' +
|
|
'</div>');
|
|
}
|
|
|
|
if (item.message == "addextra"){
|
|
$( ".vehiclemenusettingsextraslist" ).append('<div class="vehicleextras" extraid="' + item.vehicleextraid + '">' +
|
|
'<div class="vehicleextrastext">' + item.vehicleextratext + '</div>' +
|
|
'</div>');
|
|
}
|
|
|
|
if (item.message == "vehiclemenusettingsloadfirst") {
|
|
vehiclemenuresourcename = item.vehiclemenuresourcenamedata;
|
|
defaultValues.vehiclemenutop = item.vehiclemenupositiontopdata;
|
|
defaultValues.vehiclemenuleft = item.vehiclemenupositionleftdata;
|
|
defaultValues.scale = item.vehiclemenuscaledata;
|
|
defaultValues.color = item.vehiclemenucolordata;
|
|
if (localStorage.default == "false") {
|
|
} else {
|
|
localStorage.default = "true";
|
|
}
|
|
ChangeVehicleMenu();
|
|
}
|
|
|
|
if (item.message == "vehiclemenusettingsload") {
|
|
vehiclemenuresourcename = item.vehiclemenuresourcenamedata;
|
|
defaultValues.vehiclemenutop = item.vehiclemenupositiontopdata;
|
|
defaultValues.vehiclemenuleft = item.vehiclemenupositionleftdata;
|
|
defaultValues.scale = item.vehiclemenuscaledata;
|
|
defaultValues.color = item.vehiclemenucolordata;
|
|
if (localStorage.default == "false") {
|
|
} else {
|
|
localStorage.default = "true";
|
|
if (ineditmenu == "false") {
|
|
ResetVehicleMenuToDefault();
|
|
}
|
|
}
|
|
}
|
|
|
|
if (item.message == "vehiclemenureset") {
|
|
localStorage.default = "true";
|
|
ChangeVehicleMenu();
|
|
}
|
|
|
|
if (item.message == "hide") {
|
|
closeMain();
|
|
}
|
|
|
|
document.onkeyup = function (data) {
|
|
if (open) {
|
|
if (data.which == 27) {
|
|
if ($(".vehiclemenu-container").data('draggable')) {
|
|
ChangeVehicleMenu();
|
|
$(".vehiclemenu-container").draggable("destroy");
|
|
}
|
|
ineditmenu = "false";
|
|
$("#vehiclemenusettingsshow").hide();
|
|
$.post('https://'+vehiclemenuresourcename+'/quit', JSON.stringify({}));
|
|
}
|
|
}
|
|
};
|
|
});
|
|
|
|
$(".vehiclemenusettingsbuttonwarning").click(function () {
|
|
$.post('https://'+vehiclemenuresourcename+'/vehiclewarning', JSON.stringify({}));
|
|
});
|
|
|
|
$(".vehiclemenusettingsbuttonlight").click(function () {
|
|
$.post('https://'+vehiclemenuresourcename+'/vehiclelightinterior', JSON.stringify({}));
|
|
});
|
|
|
|
$(".vehiclemenusettingsbuttonlighth").click(function () {
|
|
$.post('https://'+vehiclemenuresourcename+'/vehiclelight', JSON.stringify({}));
|
|
});
|
|
|
|
$(".vehiclemenusettingsbuttonengine").click(function () {
|
|
$.post('https://'+vehiclemenuresourcename+'/vehicleengine', JSON.stringify({}));
|
|
});
|
|
|
|
$(".vehiclemenusettingsbuttonbind").click(function () {
|
|
$.post('https://'+vehiclemenuresourcename+'/vehiclebind', JSON.stringify({}));
|
|
});
|
|
|
|
$(".vehiclemenusettingsbuttonlock").click(function () {
|
|
$.post('https://'+vehiclemenuresourcename+'/vehiclelock', JSON.stringify({}));
|
|
});
|
|
|
|
$(".vehiclemenusettingsbuttonwater").click(function () {
|
|
$.post('https://'+vehiclemenuresourcename+'/vehiclewater', JSON.stringify({}));
|
|
});
|
|
|
|
$(".vehiclemenusettingsbuttonselect1").click(function () {
|
|
$("#vehiclemenusettingswindowshow").hide();
|
|
$("#vehiclemenusettingsseatshow").hide();
|
|
$("#vehiclemenusettingsextrasshow").hide();
|
|
$("#vehiclemenusettingsdoorshow").show();
|
|
});
|
|
|
|
$(".vehiclemenusettingsbuttonselect2").click(function () {
|
|
$("#vehiclemenusettingsdoorshow").hide();
|
|
$("#vehiclemenusettingsseatshow").hide();
|
|
$("#vehiclemenusettingsextrasshow").hide();
|
|
$("#vehiclemenusettingswindowshow").show();
|
|
});
|
|
|
|
$(".vehiclemenusettingsbuttonselect3").click(function () {
|
|
$( ".vehiclemenusettingsseatlist" ).empty()
|
|
$("#vehiclemenusettingsdoorshow").hide();
|
|
$("#vehiclemenusettingswindowshow").hide();
|
|
$("#vehiclemenusettingsextrasshow").hide();
|
|
$("#vehiclemenusettingsseatshow").show();
|
|
$.post('https://'+vehiclemenuresourcename+'/vehicleseats', JSON.stringify({}));
|
|
});
|
|
|
|
$(".vehiclemenusettingsbuttonselect4").click(function () {
|
|
$( ".vehiclemenusettingsextraslist" ).empty()
|
|
$("#vehiclemenusettingsdoorshow").hide();
|
|
$("#vehiclemenusettingswindowshow").hide();
|
|
$("#vehiclemenusettingsseatshow").hide();
|
|
$("#vehiclemenusettingsextrasshow").show();
|
|
$.post('https://'+vehiclemenuresourcename+'/vehicleextras', JSON.stringify({}));
|
|
});
|
|
|
|
$(".vehiclemenusettingsdoormain1").click(function () {
|
|
$.post('https://'+vehiclemenuresourcename+'/changedoor', JSON.stringify({
|
|
dooriddata: 4,
|
|
}));
|
|
});
|
|
|
|
$(".vehiclemenusettingsdoormain2").click(function () {
|
|
$.post('https://'+vehiclemenuresourcename+'/changedoor', JSON.stringify({
|
|
dooriddata: 5,
|
|
}));
|
|
});
|
|
|
|
$(".vehiclemenusettingsdoormain3").click(function () {
|
|
$.post('https://'+vehiclemenuresourcename+'/changedoor', JSON.stringify({
|
|
dooriddata: 0,
|
|
}));
|
|
});
|
|
|
|
$(".vehiclemenusettingsdoormain4").click(function () {
|
|
$.post('https://'+vehiclemenuresourcename+'/changedoor', JSON.stringify({
|
|
dooriddata: 1,
|
|
}));
|
|
});
|
|
|
|
$(".vehiclemenusettingsdoormain5").click(function () {
|
|
$.post('https://'+vehiclemenuresourcename+'/changedoor', JSON.stringify({
|
|
dooriddata: 2,
|
|
}));
|
|
});
|
|
|
|
$(".vehiclemenusettingsdoormain6").click(function () {
|
|
$.post('https://'+vehiclemenuresourcename+'/changedoor', JSON.stringify({
|
|
dooriddata: 3,
|
|
}));
|
|
});
|
|
|
|
$(".vehiclemenusettingswindowmain1").click(function () {
|
|
$.post('https://'+vehiclemenuresourcename+'/changewindow', JSON.stringify({
|
|
windowiddata: 0,
|
|
}));
|
|
});
|
|
|
|
$(".vehiclemenusettingswindowmain2").click(function () {
|
|
$.post('https://'+vehiclemenuresourcename+'/changewindow', JSON.stringify({
|
|
windowiddata: 1,
|
|
}));
|
|
});
|
|
|
|
$(".vehiclemenusettingswindowmain3").click(function () {
|
|
$.post('https://'+vehiclemenuresourcename+'/changewindow', JSON.stringify({
|
|
windowiddata: 2,
|
|
}));
|
|
});
|
|
|
|
$(".vehiclemenusettingswindowmain4").click(function () {
|
|
$.post('https://'+vehiclemenuresourcename+'/changewindow', JSON.stringify({
|
|
windowiddata: 3,
|
|
}));
|
|
});
|
|
|
|
$(".vehiclemenusettingsseatlist").on("click", ".vehicleseat", function() {
|
|
var $vehicleseathandler = $(this);
|
|
var $vehicleseatiddata = $vehicleseathandler.attr('seatid')
|
|
$.post('https://'+vehiclemenuresourcename+'/changeseat', JSON.stringify({
|
|
vehicleseatiddata: $vehicleseatiddata,
|
|
}));
|
|
});
|
|
|
|
$(".vehiclemenusettingsextraslist").on("click", ".vehicleextras", function() {
|
|
var $vehicleextrahandler = $(this);
|
|
var $vehicleextraiddata = $vehicleextrahandler.attr('extraid')
|
|
$.post('https://'+vehiclemenuresourcename+'/changeextra', JSON.stringify({
|
|
vehicleextraiddata: $vehicleextraiddata,
|
|
}));
|
|
});
|
|
|
|
$(".closevehiclemenusettings").click(function(){
|
|
ChangeVehicleMenu();
|
|
ineditmenu = "false";
|
|
$(".vehiclemenu-container").draggable("destroy");
|
|
$("#vehiclemenusettingsshow").hide();
|
|
});
|
|
|
|
$(".vehiclemenusettingsbuttonsettings").click(function(){
|
|
draggableElements();
|
|
ineditmenu = "true";
|
|
$("#vehiclemenusettingsshow").show();
|
|
});
|
|
|
|
$(".buttonvehiclemenusettingsreset").click(function(){
|
|
localStorage.default = "true";
|
|
ChangeVehicleMenu();
|
|
});
|
|
|
|
$(".buttonvehiclemenusettingssave").click(function(){
|
|
$(".vehiclemenu-container").draggable("disable")
|
|
localStorage.default = "false";
|
|
var vehiclemenupos = $(".vehiclemenu-container").position();
|
|
localStorage.vehiclemenutop = vehiclemenupos.top;
|
|
localStorage.vehiclemenuleft = vehiclemenupos.left;
|
|
localStorage.scale = currentscale;
|
|
localStorage.color = $("#color-picker").spectrum("get");
|
|
ChangeVehicleMenu();
|
|
$(".vehiclemenu-container").draggable("destroy");
|
|
ineditmenu = "false";
|
|
$("#vehiclemenusettingsshow").hide();
|
|
});
|
|
|
|
$(document).ready(function() {
|
|
$(".sp-container").on({
|
|
click: function(){
|
|
let root = document.documentElement;
|
|
var value = $("#color-picker").val();
|
|
var hexstring = $("#color-picker").spectrum("get");
|
|
root.style.setProperty('--color', hexstring);
|
|
localStorage.color = hexstring;
|
|
},
|
|
change: function(){
|
|
let root = document.documentElement;
|
|
var value = $("#color-picker").val();
|
|
root.style.setProperty('--color', hexstring);
|
|
var hexstring = $("#color-picker").spectrum("get");
|
|
localStorage.color = hexstring;
|
|
}
|
|
});
|
|
|
|
});
|
|
scaleslider.oninput = function() {
|
|
if (this.value == 5) {
|
|
$(".vehiclemenu-container").css("transform", "scale(0.5)");
|
|
currentscale = 0.5;
|
|
} else if (this.value == 6) {
|
|
$(".vehiclemenu-container").css("transform", "scale(0.6)");
|
|
currentscale = 0.6;
|
|
} else if (this.value == 7) {
|
|
$(".vehiclemenu-container").css("transform", "scale(0.7)");
|
|
currentscale = 0.7;
|
|
} else if (this.value == 8) {
|
|
$(".vehiclemenu-container").css("transform", "scale(0.8)");
|
|
currentscale = 0.8;
|
|
} else if (this.value == 9) {
|
|
$(".vehiclemenu-container").css("transform", "scale(0.9)");
|
|
currentscale = 0.9;
|
|
} else if (this.value == 10) {
|
|
$(".vehiclemenu-container").css("transform", "scale(1.0)");
|
|
currentscale = 1.0;
|
|
} else if (this.value == 11) {
|
|
$(".vehiclemenu-container").css("transform", "scale(1.1)");
|
|
currentscale = 1.1;
|
|
} else if (this.value == 12) {
|
|
$(".vehiclemenu-container").css("transform", "scale(1.2)");
|
|
currentscale = 1.2;
|
|
} else if (this.value == 13) {
|
|
$(".vehiclemenu-container").css("transform", "scale(1.3)");
|
|
currentscale = 1.3;
|
|
} else if (this.value == 14) {
|
|
$(".vehiclemenu-container").css("transform", "scale(1.4)");
|
|
currentscale = 1.4;
|
|
} else if (this.value == 15) {
|
|
$(".vehiclemenu-container").css("transform", "scale(1.5)");
|
|
currentscale = 1.5;
|
|
}
|
|
}
|
|
$('#color-picker').spectrum({
|
|
preferredFormat: "rgb",
|
|
showInput: true,
|
|
showPalette: false,
|
|
allowEmpty:false,
|
|
showAlpha: false,
|
|
showButtons: false
|
|
});
|
|
}) |