1175 lines
51 KiB
JavaScript
1175 lines
51 KiB
JavaScript
try {
|
||
|
||
/* Global Variables */
|
||
var PHBSettings = {};
|
||
var UserMenu;
|
||
var myAccount = {};
|
||
|
||
/* Websocket Connection */
|
||
function connectPHBSockets() {
|
||
websocket = new WebSocket(PHBSettings.websocket_url);
|
||
websocket.onopen = function (evt) { AuthenticatorCommand(); };
|
||
websocket.onclose = function (evt) { onClose(evt) };
|
||
websocket.onmessage = function (evt) { onMessage(evt) };
|
||
websocket.onerror = function (evt) { onError(evt) };
|
||
}
|
||
|
||
function onError(evt) {
|
||
log(`[${PHBSettings.texts.debug.types.error}] ${JSON.stringify(evt)}`);
|
||
}
|
||
|
||
function onClose(evt) {
|
||
log(`[${PHBSettings.texts.debug.types.info}] ${PHBSettings.texts.debug.disconnected}`);
|
||
setTimeout(function () { connectPHBSockets(); }, 5000);
|
||
}
|
||
|
||
function sendMessage(message) {
|
||
if (websocket.readyState != WebSocket.OPEN) return;
|
||
log(`[${PHBSettings.texts.debug.types.outgoing}] ${JSON.stringify(message)}`);
|
||
websocket.send(JSON.stringify(message));
|
||
}
|
||
|
||
function log(message) {
|
||
console.log(message);
|
||
}
|
||
|
||
/* Websocket Command Handler */
|
||
function onMessage(evt) {
|
||
log(`[${PHBSettings.texts.debug.types.incoming}] ${evt.data}`);
|
||
const evtParsed = JSON.parse(evt.data);
|
||
switch (evtParsed.header) {
|
||
case "ping":
|
||
PongCommand();
|
||
break;
|
||
case "mention":
|
||
MentionCommand(evtParsed.data);
|
||
break;
|
||
case "event_alert":
|
||
EventAlertCommand(evtParsed.data);
|
||
break;
|
||
case "video_phb":
|
||
VideoCommand(evtParsed.data);
|
||
break;
|
||
case "helloworld":
|
||
HelloWorldCommand(evtParsed.data);
|
||
break;
|
||
case "userclick":
|
||
UserInteractionCommand(evtParsed.data);
|
||
break;
|
||
case "image":
|
||
ImageCommand(evtParsed.data);
|
||
break;
|
||
case "entryroom":
|
||
SetRoomCommand(evtParsed.data);
|
||
CloseUserInteractionCommand();
|
||
break;
|
||
case "exit_room":
|
||
CloseUserInteractionCommand();
|
||
break;
|
||
case "youtube_tv":
|
||
OpenYoutubeTvCommand(evtParsed.data);
|
||
break;
|
||
case "catalog":
|
||
OpenPaymentCommand(evtParsed.data);
|
||
break;
|
||
case "youtube_music":
|
||
OpenYoutubeMusic(evtParsed.data);
|
||
break;
|
||
case "edit_item":
|
||
OpenEditItemCommand(evtParsed.data);
|
||
break;
|
||
default:
|
||
console.log(`[${PHBSettings.texts.debug.types.error}] Unhandled incoming => ${evt.data}`);
|
||
break;
|
||
}
|
||
}
|
||
|
||
/* Create HTML Elements */
|
||
function createHtmlElements() {
|
||
phbPlugin = document.createElement("div");
|
||
phbPlugin.id = "PHBPlugin";
|
||
phbPlugin.style.zIndex = 9999;
|
||
/* RoomInfo Element */
|
||
roomName = document.createElement("p");
|
||
roomName.id = "roomName";
|
||
roomId = document.createElement("p");
|
||
roomId.id = "roomId";
|
||
roomDiv = document.createElement("div");
|
||
roomDiv.id = "roomInfo";
|
||
roomDiv.style.display = "none";
|
||
roomDiv.appendChild(roomName);
|
||
roomDiv.appendChild(roomId);
|
||
phbPlugin.appendChild(roomDiv);
|
||
/* Edit Items Div */
|
||
divEditItem = document.createElement("div");
|
||
divEditItem.id = "PHBPlugin-editItem";
|
||
phbPlugin.appendChild(divEditItem);
|
||
/* Youtube Player Div */
|
||
divYoutubePlayer = document.createElement("div");
|
||
divYoutubePlayer.id = "PHBPlugin-YoutubePlayer";
|
||
phbPlugin.appendChild(divYoutubePlayer);
|
||
/* Youtube TV Div */
|
||
divYoutubeTV = document.createElement("div");
|
||
divYoutubeTV.id = "PHBPlugin-YoutubeTV";
|
||
phbPlugin.appendChild(divYoutubeTV);
|
||
/* Twitch Player Div */
|
||
divTwitchPlayer = document.createElement("div");
|
||
divTwitchPlayer.id = "PHBPlugin-TwitchPlayer";
|
||
phbPlugin.appendChild(divTwitchPlayer);
|
||
/* Image Container Div */
|
||
divImageContainer = document.createElement("div");
|
||
divImageContainer.id = "PHBPlugin-ImageContainer";
|
||
phbPlugin.appendChild(divImageContainer);
|
||
/* PH Player Div */
|
||
divPHPlayer = document.createElement("div");
|
||
divPHPlayer.id = "PHBPlugin-PHPlayer";
|
||
phbPlugin.appendChild(divPHPlayer);
|
||
/* XV Player Div */
|
||
divXvPlayer = document.createElement("div");
|
||
divXvPlayer.id = "PHBPlugin-XvPlayer";
|
||
phbPlugin.appendChild(divXvPlayer);
|
||
/* Spotify Player Div */
|
||
divSpotifyPlayer = document.createElement("div");
|
||
divSpotifyPlayer.id = "PHBPlugin-SpotifyPlayer";
|
||
phbPlugin.appendChild(divSpotifyPlayer);
|
||
/* Facebook Player Div */
|
||
divFacebookPlayer = document.createElement("div");
|
||
divFacebookPlayer.id = "PHBPlugin-FacebookPlayer";
|
||
phbPlugin.appendChild(divFacebookPlayer);
|
||
/* Notification Container Div */
|
||
divNotification = document.createElement("div");
|
||
divNotification.id = "PHBPlugin-Notifications";
|
||
divNotification.style.display = "block";
|
||
divNotification.style.top = "68px";
|
||
divNotification.style.zIndex = "99999px";
|
||
phbPlugin.appendChild(divNotification);
|
||
/* EventAlert Container Div */
|
||
divEventAlert = document.createElement("div");
|
||
divEventAlert.id = "PHBPlugin-EventAlert";
|
||
phbPlugin.appendChild(divEventAlert);
|
||
/* Payment Container Div */
|
||
divPayment = document.createElement("div");
|
||
divPayment.id = "PHBPlugin-PaymentContainer";
|
||
phbPlugin.appendChild(divPayment);
|
||
|
||
UserMenu = document.createElement("div");
|
||
UserMenu.style.fontFamily = "normal";
|
||
UserMenu.style.display = "";
|
||
UserMenu.style.color = "black";
|
||
UserMenu.id = "PHBPluginUserInteractionMenu";
|
||
phbPlugin.appendChild(UserMenu);
|
||
|
||
/* Append to Page */
|
||
document.body.appendChild(phbPlugin);
|
||
}
|
||
|
||
window.addEventListener("load", function () {
|
||
/* CSS And JS */
|
||
jQueryAppend = document.createElement("script");
|
||
jQueryAppend.src = "https://code.jquery.com/jquery-1.12.4.js";
|
||
jQueryAppend.type = "text/javascript";
|
||
document.head.appendChild(jQueryAppend);
|
||
jQueryUiAppend = document.createElement("script");
|
||
jQueryUiAppend.src = "https://code.jquery.com/ui/1.12.1/jquery-ui.js";
|
||
jQueryUiAppend.type = "text/javascript";
|
||
document.head.appendChild(jQueryUiAppend);
|
||
pluginStyle = document.createElement("link");
|
||
pluginStyle.href = "/sockets/box.css?v=28";
|
||
pluginStyle.rel = "stylesheet";
|
||
pluginStyle.type = "text/css";
|
||
document.head.appendChild(pluginStyle);
|
||
console.log("%cPHBPlugin%c\n\nThanks⠀to⠀use⠀PHBPlugin.\nTo⠀buy⠀this⠀plugin⠀access⠀phb.services⠀or⠀discord.gg/GZY3EQ3hEH\n\n", "color: #7289DA; -webkit-text-stroke: 2px black; font-size: 72px; font-weight: bold;", "");
|
||
|
||
setTimeout(function () {
|
||
$.ajax({ url: PHBPluginConfig.configurationUrl, async: false, dataType: 'json', success: function (data) { PHBSettings = data; console.log(data); } });
|
||
connectPHBSockets();
|
||
createHtmlElements();
|
||
}, 3500);
|
||
}, false);
|
||
|
||
/* Commands */
|
||
function KissUserCommand(username) {
|
||
sendMessage({ header: "user_kiss", data: { "username": username } });
|
||
}
|
||
|
||
function SlimeUserCommand(username) {
|
||
sendMessage({ header: "user_slime", data: { "username": username } });
|
||
}
|
||
|
||
function PullUserCommand(username) {
|
||
sendMessage({ header: "user_pull", data: { "username": username } });
|
||
}
|
||
|
||
function PushUserCommand(username) {
|
||
sendMessage({ header: "user_push", data: { "username": username } });
|
||
}
|
||
|
||
function HugUserCommand(username) {
|
||
sendMessage({ header: "user_hug", data: { "username": username } });
|
||
}
|
||
|
||
function BombUserCommand(username) {
|
||
sendMessage({ header: "user_bomb", data: { "username": username } });
|
||
}
|
||
|
||
function SexUserCommand(username) {
|
||
sendMessage({ header: "user_sex", data: { "username": username } });
|
||
}
|
||
|
||
function EnableCommand(){
|
||
sendMessage({ header: "staff_effect", data: { } });
|
||
}
|
||
|
||
function AuthenticatorCommand() {
|
||
log(`[${PHBSettings.texts.debug.types.info}] ${PHBSettings.texts.debug.connected}`);
|
||
sendMessage({ header: "sso", data: { "ticket": PHBPluginConfig.sso } });
|
||
}
|
||
|
||
function PongCommand() {
|
||
sendMessage({ header: "pong", data: { message: "" } });
|
||
}
|
||
|
||
function HelloWorldCommand(data) {
|
||
myAccount = data;
|
||
}
|
||
|
||
function EventAlertCommand(data) {
|
||
document.getElementById("PHBPlugin-EventAlert").innerHTML = "";
|
||
|
||
EventAlert = document.createElement("div");
|
||
EventAlert.classList.add("hotelalerte");
|
||
EventAlert.id = "hotel13";
|
||
EventAlert.style.borderRadius = "0px 30px 30px 0px";
|
||
AlerteBody = document.createElement("div");
|
||
AlerteBody.classList.add("alertebody");
|
||
AlerteBody.id = 'hotel14';
|
||
Hotel15 = document.createElement("div");
|
||
Hotel15.id = "hotel15";
|
||
Hotel16 = document.createElement("div");
|
||
Hotel16.id = "hotel16";
|
||
Hotel15.appendChild(Hotel16);
|
||
AlerteBody.appendChild(Hotel15);
|
||
|
||
Hotel17 = document.createElement("div");
|
||
Hotel17.id = "hotel17";
|
||
Hotel17.innerText = String(PHBSettings.texts.eventalert.title);
|
||
AlerteBody.appendChild(Hotel17);
|
||
|
||
Hotel18 = document.createElement("div");
|
||
Hotel18.id = "hotel18";
|
||
Hotel18.innerText = data.username;
|
||
AlerteBody.appendChild(Hotel18);
|
||
|
||
Hotel19 = document.createElement("div");
|
||
Hotel19.id = "hotel19";
|
||
ImageAvatar = document.createElement("img");
|
||
ImageAvatar.style.marginTop = "15px";
|
||
ImageAvatar.src = String(PHBSettings.functions.eventalert.avatar_image).replace("%figure%", data.userlook);
|
||
Hotel19.appendChild(ImageAvatar);
|
||
AlerteBody.appendChild(Hotel19);
|
||
|
||
AlertImageDiv = document.createElement("div");
|
||
AlertImageDiv.classList.add("alerteimg");
|
||
AlertImageDiv.id = "hotel20";
|
||
AlertImage = document.createElement("img");
|
||
AlertImage.src = String(PHBSettings.functions.eventalert.image);
|
||
AlertImageDiv.appendChild(AlertImage);
|
||
AlerteBody.appendChild(AlertImageDiv);
|
||
|
||
Hotel21 = document.createElement("div");
|
||
Hotel21.id = "hotel21";
|
||
Hotel21.innerText = data.room_name;
|
||
AlerteBody.appendChild(Hotel21);
|
||
|
||
Hotel22 = document.createElement("div");
|
||
Hotel22.id = "hotel22";
|
||
Hotel22x = document.createElement("div");
|
||
Hotel22x.id = "hotel22x";
|
||
Hotel22x.innerText = String(PHBSettings.texts.eventalert.subtitle);
|
||
Hotel22.appendChild(Hotel22x);
|
||
Hotel23 = document.createElement("div");
|
||
Hotel23.id = "hotel23";
|
||
CloseAlert = document.createElement("div");
|
||
CloseAlert.onclick = function () {
|
||
var n = $(".hotelalerte");
|
||
n.animate({ left: "-700px" }), setTimeout(function () { n.fadeOut(500).remove() }, 1500);
|
||
};
|
||
CloseAlert.id = "hotel24";
|
||
CloseAlert.innerText = String(PHBSettings.texts.eventalert.close);
|
||
Hotel23.appendChild(CloseAlert);
|
||
|
||
GoButton = document.createElement("div");
|
||
GoButton.onclick = function () {
|
||
GoToRoomCommand(data.room_id);
|
||
var n = $(".hotelalerte");
|
||
n.animate({ left: "-700px" }), setTimeout(function () { n.fadeOut(500).remove() }, 1500);
|
||
};
|
||
GoButton.id = "hotel25";
|
||
GoButton.innerText = String(PHBSettings.texts.eventalert.go);
|
||
Hotel23.appendChild(GoButton);
|
||
|
||
Hotel22.appendChild(Hotel23);
|
||
AlerteBody.appendChild(Hotel22);
|
||
|
||
Div = document.createElement("div");
|
||
AlerteBody.appendChild(Div);
|
||
EventAlert.appendChild(AlerteBody);
|
||
|
||
document.getElementById("PHBPlugin-EventAlert").appendChild(EventAlert);
|
||
|
||
$(".hotelalerte").fadeIn(500);
|
||
$(".alerteimg").animate({ left: "31px" }, 800);
|
||
$(".alertebody").animate({ "margin-left": "-295px" }, 500);
|
||
|
||
setTimeout(function () {
|
||
var n = $(".hotelalerte");
|
||
n.animate({ left: "-700px" }), setTimeout(function () { n.fadeOut(500).remove() }, 1500);
|
||
}, 10000);
|
||
}
|
||
|
||
function GoToRoomCommand(id) {
|
||
sendMessage({ header: "go_room", data: { "roomid": id } });
|
||
}
|
||
|
||
function VideoCommand(data) {
|
||
switch (data.type) {
|
||
case "youtube":
|
||
OpenYoutubeVideoCommand(data);
|
||
break;
|
||
case "twitch":
|
||
OpenTwitchVideoCommand(data);
|
||
break;
|
||
case "xvideos":
|
||
OpenXvideosVideoCommand(data);
|
||
break;
|
||
case "pornhub":
|
||
OpenPornhubVideoCommand(data);
|
||
break;
|
||
case "facebook":
|
||
OpenFacebookVideoCommand(data);
|
||
break;
|
||
default:
|
||
console.log(`Video provider not found: ${data.type}`);
|
||
break;
|
||
}
|
||
}
|
||
|
||
function OpenYoutubeVideoCommand(data) {
|
||
document.getElementById("PHBPlugin-YoutubePlayer").innerHTML = "";
|
||
VideoContainer = document.createElement("div");
|
||
VideoContainer.classList.add("illumina-box");
|
||
VideoContainer.classList.add("center");
|
||
VideoContainer.classList.add("ui-draggable");
|
||
VideoContainer.classList.add("ui-draggable-handle");
|
||
VideoContainer.style.zIndex = 9999;
|
||
VideoContainer.style.left = "631px";
|
||
VideoContainer.style.top = "304px";
|
||
VideoContainer.id = "PHBYTContainer";
|
||
ContainerTitle = document.createElement("div");
|
||
ContainerTitle.classList.add("illumina-box-title");
|
||
ContainerTitle.innerHTML = " ";
|
||
VideoContainer.appendChild(ContainerTitle);
|
||
RemoveVideo = document.createElement("div");
|
||
RemoveVideo.classList.add("illumina-button-close");
|
||
RemoveVideo.onclick = function () {
|
||
document.getElementById("PHBPlugin-YoutubePlayer").innerHTML = "";
|
||
};
|
||
VideoContainer.appendChild(RemoveVideo);
|
||
IframeTag = document.createElement("iframe");
|
||
IframeTag.width = 640;
|
||
IframeTag.height = 360;
|
||
IframeTag.frameborder = 0;
|
||
IframeTag.src = `https://www.youtube.com/embed/${data.id}?autoplay=1&origin=${location.hostname}`;
|
||
VideoContainer.appendChild(IframeTag);
|
||
document.getElementById("PHBPlugin-YoutubePlayer").appendChild(VideoContainer);
|
||
$("#PHBYTContainer").draggable({ containment: "window" });
|
||
}
|
||
|
||
function OpenTwitchVideoCommand(data) {
|
||
document.getElementById("PHBPlugin-TwitchPlayer").innerHTML = "";
|
||
VideoContainer = document.createElement("div");
|
||
VideoContainer.classList.add("illumina-box");
|
||
VideoContainer.classList.add("center");
|
||
VideoContainer.classList.add("ui-draggable");
|
||
VideoContainer.classList.add("ui-draggable-handle");
|
||
VideoContainer.style.zIndex = 9999;
|
||
VideoContainer.style.left = "631px";
|
||
VideoContainer.style.top = "304px";
|
||
VideoContainer.id = "PHBTWContainer";
|
||
ContainerTitle = document.createElement("div");
|
||
ContainerTitle.classList.add("illumina-box-title");
|
||
ContainerTitle.innerHTML = " ";
|
||
VideoContainer.appendChild(ContainerTitle);
|
||
RemoveVideo = document.createElement("div");
|
||
RemoveVideo.classList.add("illumina-button-close");
|
||
RemoveVideo.onclick = function () {
|
||
document.getElementById("PHBPlugin-TwitchPlayer").innerHTML = "";
|
||
};
|
||
VideoContainer.appendChild(RemoveVideo);
|
||
IframeTag = document.createElement("iframe");
|
||
IframeTag.width = 640;
|
||
IframeTag.height = 360;
|
||
IframeTag.frameborder = 0;
|
||
IframeTag.src = `https://player.twitch.tv/?channel=${data.id}&parent=${location.hostname}`;
|
||
VideoContainer.appendChild(IframeTag);
|
||
document.getElementById("PHBPlugin-TwitchPlayer").appendChild(VideoContainer);
|
||
$("#PHBTWContainer").draggable({ containment: "window" });
|
||
}
|
||
|
||
function OpenXvideosVideoCommand(data) {
|
||
document.getElementById("PHBPlugin-XvPlayer").innerHTML = "";
|
||
VideoContainer = document.createElement("div");
|
||
VideoContainer.classList.add("illumina-box");
|
||
VideoContainer.classList.add("center");
|
||
VideoContainer.classList.add("ui-draggable");
|
||
VideoContainer.classList.add("ui-draggable-handle");
|
||
VideoContainer.style.zIndex = 9999;
|
||
VideoContainer.style.left = "631px";
|
||
VideoContainer.style.top = "304px";
|
||
VideoContainer.id = "PHBXVContainer";
|
||
ContainerTitle = document.createElement("div");
|
||
ContainerTitle.classList.add("illumina-box-title");
|
||
ContainerTitle.innerHTML = " ";
|
||
VideoContainer.appendChild(ContainerTitle);
|
||
RemoveVideo = document.createElement("div");
|
||
RemoveVideo.classList.add("illumina-button-close");
|
||
RemoveVideo.onclick = function () {
|
||
document.getElementById("PHBPlugin-XvPlayer").innerHTML = "";
|
||
};
|
||
VideoContainer.appendChild(RemoveVideo);
|
||
IframeTag = document.createElement("iframe");
|
||
IframeTag.width = 640;
|
||
IframeTag.height = 360;
|
||
IframeTag.frameborder = 0;
|
||
IframeTag.src = `https://www.xvideos.com/embedframe/${data.id}`;
|
||
VideoContainer.appendChild(IframeTag);
|
||
document.getElementById("PHBPlugin-XvPlayer").appendChild(VideoContainer);
|
||
$("#PHBXVContainer").draggable({ containment: "window" });
|
||
}
|
||
|
||
function OpenPornhubVideoCommand(data) {
|
||
document.getElementById("PHBPlugin-PHPlayer").innerHTML = "";
|
||
VideoContainer = document.createElement("div");
|
||
VideoContainer.classList.add("illumina-box");
|
||
VideoContainer.classList.add("center");
|
||
VideoContainer.classList.add("ui-draggable");
|
||
VideoContainer.classList.add("ui-draggable-handle");
|
||
VideoContainer.style.zIndex = 9999;
|
||
VideoContainer.style.left = "631px";
|
||
VideoContainer.style.top = "304px";
|
||
VideoContainer.id = "PHBPHContainer";
|
||
ContainerTitle = document.createElement("div");
|
||
ContainerTitle.classList.add("illumina-box-title");
|
||
ContainerTitle.innerHTML = " ";
|
||
VideoContainer.appendChild(ContainerTitle);
|
||
RemoveVideo = document.createElement("div");
|
||
RemoveVideo.classList.add("illumina-button-close");
|
||
RemoveVideo.onclick = function () {
|
||
document.getElementById("PHBPlugin-PHPlayer").innerHTML = "";
|
||
};
|
||
VideoContainer.appendChild(RemoveVideo);
|
||
IframeTag = document.createElement("iframe");
|
||
IframeTag.width = 640;
|
||
IframeTag.height = 360;
|
||
IframeTag.frameborder = 0;
|
||
IframeTag.src = `https://www.pornhub.com/embed/${data.id}`;
|
||
VideoContainer.appendChild(IframeTag);
|
||
document.getElementById("PHBPlugin-PHPlayer").appendChild(VideoContainer);
|
||
$("#PHBPHContainer").draggable({ containment: "window" });
|
||
}
|
||
|
||
function OpenFacebookVideoCommand(data) {
|
||
document.getElementById("PHBPlugin-FacebookPlayer").innerHTML = "";
|
||
VideoContainer = document.createElement("div");
|
||
VideoContainer.classList.add("illumina-box");
|
||
VideoContainer.classList.add("center");
|
||
VideoContainer.classList.add("ui-draggable");
|
||
VideoContainer.classList.add("ui-draggable-handle");
|
||
VideoContainer.style.zIndex = 9999;
|
||
VideoContainer.style.left = "631px";
|
||
VideoContainer.style.top = "304px";
|
||
VideoContainer.id = "PHBFBContainer";
|
||
ContainerTitle = document.createElement("div");
|
||
ContainerTitle.classList.add("illumina-box-title");
|
||
ContainerTitle.innerHTML = " ";
|
||
VideoContainer.appendChild(ContainerTitle);
|
||
RemoveVideo = document.createElement("div");
|
||
RemoveVideo.classList.add("illumina-button-close");
|
||
RemoveVideo.onclick = function () {
|
||
document.getElementById("PHBPlugin-FacebookPlayer").innerHTML = "";
|
||
};
|
||
VideoContainer.appendChild(RemoveVideo);
|
||
IframeTag = document.createElement("iframe");
|
||
IframeTag.width = 640;
|
||
IframeTag.height = 360;
|
||
IframeTag.frameborder = 0;
|
||
IframeTag.src = `https://www.facebook.com/plugins/video.php?href=${data.id}`;
|
||
VideoContainer.appendChild(IframeTag);
|
||
document.getElementById("PHBPlugin-FacebookPlayer").appendChild(VideoContainer);
|
||
$("#PHBFBContainer").draggable({ containment: "window" });
|
||
}
|
||
|
||
function UserInteractionCommand(data) {
|
||
if (!PHBSettings.functions.interaction_user_menu) return;
|
||
if (data.me) return;
|
||
|
||
isOpenButtons = true;
|
||
|
||
ButtonsPHB = document.createElement("div");
|
||
ButtonsPHB.classList.add("buttons");
|
||
ButtonsPHB.id = "buttonsPHB";
|
||
UserMenu.appendChild(ButtonsPHB);
|
||
|
||
Close = document.createElement("div");
|
||
Close.id = "close";
|
||
CloseButton = document.createElement("div");
|
||
CloseButton.id = "close-button";
|
||
CloseButton.style.transform = "scaleX(-1)";
|
||
CloseButton.addEventListener('click', function (event) {
|
||
if (!isOpenButtons) {
|
||
isOpenButtons = true;
|
||
document.querySelector('.buttons').style.width = "50px";
|
||
document.getElementById('close-button').style.transform = "scaleX(-1)";
|
||
} else {
|
||
isOpenButtons = false;
|
||
document.querySelector('.buttons').style.width = "0px";
|
||
document.getElementById('close-button').style.transform = "none";
|
||
}
|
||
});
|
||
Close.appendChild(CloseButton);
|
||
ButtonsPHB.appendChild(Close);
|
||
|
||
/* Kiss Button */
|
||
UserKiss = document.createElement("div");
|
||
UserKiss.id = "user_kiss";
|
||
UserKiss.classList.add("button");
|
||
UserKiss.onclick = function () { KissUserCommand(data.username) };
|
||
IconKiss = document.createElement("div");
|
||
IconKiss.classList.add("icon");
|
||
IconKiss.classList.add("beijar");
|
||
UserKiss.appendChild(IconKiss);
|
||
TooltipKiss = document.createElement("div");
|
||
TooltipKiss.classList.add("tooltip");
|
||
KissArrow = document.createElement("div");
|
||
KissArrow.classList.add("arrow");
|
||
TooltipKiss.appendChild(KissArrow);
|
||
KissText = document.createElement("div");
|
||
KissText.innerText = String(PHBSettings.texts.interactionMenu.kiss).replace("%username%", data.username);
|
||
TooltipKiss.appendChild(KissText);
|
||
UserKiss.appendChild(TooltipKiss);
|
||
ButtonsPHB.appendChild(UserKiss);
|
||
|
||
/* Slime Button */
|
||
UserSlime = document.createElement("div");
|
||
UserSlime.id = "user_slime";
|
||
UserSlime.classList.add("button");
|
||
UserSlime.onclick = function () { SlimeUserCommand(data.username) };
|
||
IconSlime = document.createElement("div");
|
||
IconSlime.classList.add("icon");
|
||
IconSlime.classList.add("slime");
|
||
UserSlime.appendChild(IconSlime);
|
||
TooltipSlime = document.createElement("div");
|
||
TooltipSlime.classList.add("tooltip");
|
||
SlimeArrow = document.createElement("div");
|
||
SlimeArrow.classList.add("arrow");
|
||
TooltipSlime.appendChild(SlimeArrow);
|
||
SlimeText = document.createElement("div");
|
||
SlimeText.innerText = String(PHBSettings.texts.interactionMenu.slime).replace("%username%", data.username);
|
||
TooltipSlime.appendChild(SlimeText);
|
||
UserSlime.appendChild(TooltipSlime);
|
||
ButtonsPHB.appendChild(UserSlime);
|
||
|
||
/* Pull Button */
|
||
UserPull = document.createElement("div");
|
||
UserPull.id = "user_Pull";
|
||
UserPull.classList.add("button");
|
||
UserPull.onclick = function () { PullUserCommand(data.username) };
|
||
IconPull = document.createElement("div");
|
||
IconPull.classList.add("icon");
|
||
IconPull.classList.add("puxar");
|
||
UserPull.appendChild(IconPull);
|
||
TooltipPull = document.createElement("div");
|
||
TooltipPull.classList.add("tooltip");
|
||
PullArrow = document.createElement("div");
|
||
PullArrow.classList.add("arrow");
|
||
TooltipPull.appendChild(PullArrow);
|
||
PullText = document.createElement("div");
|
||
PullText.innerText = String(PHBSettings.texts.interactionMenu.pull).replace("%username%", data.username);
|
||
TooltipPull.appendChild(PullText);
|
||
UserPull.appendChild(TooltipPull);
|
||
ButtonsPHB.appendChild(UserPull);
|
||
|
||
/* Push Button */
|
||
UserPush = document.createElement("div");
|
||
UserPush.id = "user_Push";
|
||
UserPush.classList.add("button");
|
||
UserPush.onclick = function () { PushUserCommand(data.username) };
|
||
IconPush = document.createElement("div");
|
||
IconPush.classList.add("icon");
|
||
IconPush.classList.add("empurrar");
|
||
UserPush.appendChild(IconPush);
|
||
TooltipPush = document.createElement("div");
|
||
TooltipPush.classList.add("tooltip");
|
||
PushArrow = document.createElement("div");
|
||
PushArrow.classList.add("arrow");
|
||
TooltipPush.appendChild(PushArrow);
|
||
PushText = document.createElement("div");
|
||
PushText.innerText = String(PHBSettings.texts.interactionMenu.push).replace("%username%", data.username);
|
||
TooltipPush.appendChild(PushText);
|
||
UserPush.appendChild(TooltipPush);
|
||
ButtonsPHB.appendChild(UserPush);
|
||
|
||
/* Hug Button */
|
||
UserHug = document.createElement("div");
|
||
UserHug.id = "user_Hug";
|
||
UserHug.classList.add("button");
|
||
UserHug.onclick = function () { HugUserCommand(data.username) };
|
||
IconHug = document.createElement("div");
|
||
IconHug.classList.add("icon");
|
||
IconHug.classList.add("abracar");
|
||
UserHug.appendChild(IconHug);
|
||
TooltipHug = document.createElement("div");
|
||
TooltipHug.classList.add("tooltip");
|
||
HugArrow = document.createElement("div");
|
||
HugArrow.classList.add("arrow");
|
||
TooltipHug.appendChild(HugArrow);
|
||
HugText = document.createElement("div");
|
||
HugText.innerText = String(PHBSettings.texts.interactionMenu.hug).replace("%username%", data.username);
|
||
TooltipHug.appendChild(HugText);
|
||
UserHug.appendChild(TooltipHug);
|
||
ButtonsPHB.appendChild(UserHug);
|
||
|
||
/* Bomb Button */
|
||
UserBomb = document.createElement("div");
|
||
UserBomb.id = "user_Bomb";
|
||
UserBomb.classList.add("button");
|
||
UserBomb.onclick = function () { BombUserCommand(data.username) };
|
||
IconBomb = document.createElement("div");
|
||
IconBomb.classList.add("icon");
|
||
IconBomb.classList.add("explodir");
|
||
UserBomb.appendChild(IconBomb);
|
||
TooltipBomb = document.createElement("div");
|
||
TooltipBomb.classList.add("tooltip");
|
||
BombArrow = document.createElement("div");
|
||
BombArrow.classList.add("arrow");
|
||
TooltipBomb.appendChild(BombArrow);
|
||
BombText = document.createElement("div");
|
||
BombText.innerText = String(PHBSettings.texts.interactionMenu.bomb).replace("%username%", data.username);
|
||
TooltipBomb.appendChild(BombText);
|
||
UserBomb.appendChild(TooltipBomb);
|
||
ButtonsPHB.appendChild(UserBomb);
|
||
|
||
/* Sex Button */
|
||
UserSex = document.createElement("div");
|
||
UserSex.id = "user_Sex";
|
||
UserSex.classList.add("button");
|
||
UserSex.onclick = function () { SexUserCommand(data.username) };
|
||
IconSex = document.createElement("div");
|
||
IconSex.classList.add("icon");
|
||
IconSex.classList.add("sexo");
|
||
UserSex.appendChild(IconSex);
|
||
TooltipSex = document.createElement("div");
|
||
TooltipSex.classList.add("tooltip");
|
||
SexArrow = document.createElement("div");
|
||
SexArrow.classList.add("arrow");
|
||
TooltipSex.appendChild(SexArrow);
|
||
SexText = document.createElement("div");
|
||
SexText.innerText = String(PHBSettings.texts.interactionMenu.sex).replace("%username%", data.username);
|
||
TooltipSex.appendChild(SexText);
|
||
UserSex.appendChild(TooltipSex);
|
||
ButtonsPHB.appendChild(UserSex);
|
||
|
||
if(myAccount.rank_effect != 0){
|
||
/* Effect Button */
|
||
UserEffect = document.createElement("div");
|
||
UserEffect.id = "user_enable";
|
||
UserEffect.classList.add("button");
|
||
UserEffect.onclick = function () { EnableCommand() };
|
||
IconEnable = document.createElement("div");
|
||
IconEnable.classList.add("icon");
|
||
IconEnable.classList.add("enable");
|
||
UserEffect.appendChild(IconEnable);
|
||
TooltipSex = document.createElement("div");
|
||
TooltipSex.classList.add("tooltip");
|
||
EnableArrow = document.createElement("div");
|
||
EnableArrow.classList.add("arrow");
|
||
TooltipSex.appendChild(EnableArrow);
|
||
EnableText = document.createElement("div");
|
||
EnableText.innerText = String(PHBSettings.texts.interactionMenu.enable);
|
||
TooltipSex.appendChild(EnableText);
|
||
UserEffect.appendChild(TooltipSex);
|
||
ButtonsPHB.appendChild(UserEffect);
|
||
}
|
||
|
||
document.getElementById("PHBPluginUserInteractionMenu").innerHTML = "";
|
||
document.getElementById("PHBPluginUserInteractionMenu").appendChild(ButtonsPHB);
|
||
}
|
||
|
||
function ImageCommand(data) {
|
||
document.getElementById("PHBPlugin-ImageContainer").innerHTML = "";
|
||
ImageContainer = document.createElement("div");
|
||
ImageContainer.classList.add("illumina-box");
|
||
ImageContainer.classList.add("center");
|
||
ImageContainer.classList.add("ui-draggable");
|
||
ImageContainer.classList.add("ui-draggable-handle");
|
||
ImageContainer.style.zIndex = 9999;
|
||
ImageContainer.style.left = "631px";
|
||
ImageContainer.style.top = "304px";
|
||
ImageContainer.id = "PHBImgContainer";
|
||
ContainerTitle = document.createElement("div");
|
||
ContainerTitle.classList.add("illumina-box-title");
|
||
ContainerTitle.innerHTML = " ";
|
||
ImageContainer.appendChild(ContainerTitle);
|
||
RemoveImage = document.createElement("div");
|
||
RemoveImage.classList.add("illumina-button-close");
|
||
RemoveImage.onclick = function () {
|
||
document.getElementById("PHBPlugin-ImageContainer").innerHTML = "";
|
||
};
|
||
ImageContainer.appendChild(RemoveImage);
|
||
ImgTag = document.createElement("img");
|
||
ImgTag.style.maxHeight = "800px";
|
||
ImgTag.style.maxWidth = "500px";
|
||
ImgTag.src = data.url;
|
||
ImageContainer.appendChild(ImgTag);
|
||
document.getElementById("PHBPlugin-ImageContainer").appendChild(ImageContainer);
|
||
$("#PHBImgContainer").draggable({ containment: "window" });
|
||
}
|
||
|
||
function CloseUserInteractionCommand() {
|
||
document.getElementById("PHBPluginUserInteractionMenu").innerHTML = "";
|
||
}
|
||
|
||
var MentionCount = 0;
|
||
function MentionCommand(data) {
|
||
|
||
if (MentionCount < 1) {
|
||
CloseAllMentions = document.createElement("div");
|
||
CloseAllMentions.id = "ntf6";
|
||
CloseAllMentions.innerText = PHBSettings.texts.mention.closeall;
|
||
CloseAllMentions.style.top = "20px";
|
||
CloseAllMentions.onclick = function () {
|
||
document.getElementById("PHBPlugin-Notifications").innerHTML = "";
|
||
MentionCount = 0;
|
||
};
|
||
document.getElementById("PHBPlugin-Notifications").prepend(CloseAllMentions);
|
||
}
|
||
|
||
Mention = document.createElement("div");
|
||
Mention.id = `notifi-${MentionCount}`;
|
||
Mention.classList.add("notifelement");
|
||
Mention.style.left = "20px";
|
||
Mention.style.top = "70px";
|
||
ntf1 = document.createElement("div");
|
||
ntf1.id = "ntf1";
|
||
ntf2 = document.createElement("div");
|
||
ntf2.id = "ntf2";
|
||
ntf1.appendChild(ntf2);
|
||
ntf3 = document.createElement("div");
|
||
ntf3.id = "ntf3";
|
||
Username = document.createElement("b");
|
||
Username.style.textDecoration = "none";
|
||
Username.innerText = myAccount.username == data.username ? PHBSettings.texts.mention.you : data.username;
|
||
ntf3.appendChild(Username);
|
||
ntf1.appendChild(ntf3);
|
||
Mention.appendChild(ntf1);
|
||
ntf4 = document.createElement("b");
|
||
ntf4.id = "ntf4";
|
||
ntf4.innerText = data.message;
|
||
Mention.appendChild(ntf4);
|
||
HideNotif = document.createElement("div");
|
||
HideNotif.style.height = "18px";
|
||
HideNotif.style.width = "5px";
|
||
HideNotif.style.background = "#ec2f26";
|
||
HideNotif.id = "ntf5";
|
||
HideNotif.setAttribute('onclick', `hideMention(${MentionCount})`);
|
||
ntf7 = document.createElement("div");
|
||
ntf7.id = "ntf7";
|
||
HideNotif.appendChild(ntf7);
|
||
Mention.appendChild(HideNotif);
|
||
Follow = document.createElement("div");
|
||
Follow.id = "ntf5";
|
||
if (myAccount.username == data.username)
|
||
Follow.style.display = "none";
|
||
Follow.style.right = "49px";
|
||
Follow.style.height = "18px";
|
||
Follow.style.width = "3px";
|
||
Follow.setAttribute('onclick', `GoToRoomCommand(${data.roomid});hideMention(${MentionCount})`);
|
||
ntf8 = document.createElement("div");
|
||
ntf8.id = "ntf8";
|
||
Follow.appendChild(ntf8);
|
||
Mention.appendChild(Follow);
|
||
Reply = document.createElement("div");
|
||
if (myAccount.username == data.username)
|
||
Reply.style.display = "none";
|
||
Reply.id = "ntf9";
|
||
Reply.setAttribute('onclick', `replyMention("${data.username}");hideMention(${MentionCount})`);
|
||
ntf10 = document.createElement("div");
|
||
ntf10.id = "ntf10";
|
||
Reply.appendChild(ntf10);
|
||
ntf11 = document.createElement("div");
|
||
ntf11.id = "ntf11";
|
||
ntf11.innerText = "Responder";
|
||
Reply.appendChild(ntf11);
|
||
Mention.appendChild(Reply);
|
||
|
||
document.getElementById("PHBPlugin-Notifications").prepend(Mention);
|
||
|
||
var x = $(`notifi-${MentionCount}`);
|
||
x.animate({ left: "20px" }, 300);
|
||
var height = x.height() + 145;
|
||
if (MentionCount > 0) {
|
||
$(".notifelement").each(function () {
|
||
if ($(this).attr('id') !== `notifi-${MentionCount}`) {
|
||
$(this).animate({ top: "+=" + height + "px" }, 250);
|
||
}
|
||
});
|
||
}
|
||
|
||
MentionCount++;
|
||
|
||
}
|
||
|
||
function replyMention(username) {
|
||
sendMessage({ header: "reply_mention", data: { "user": username } });
|
||
}
|
||
|
||
function hideMention(id) {
|
||
var x = $("#notifi-" + id);
|
||
var height = x.height() + 60;
|
||
x.remove();
|
||
$(".notifelement").each(function () {
|
||
var txt = $(this).attr('id');
|
||
var numb = txt.match(/\d/g);
|
||
numb = numb.join("");
|
||
if (numb < id) {
|
||
$(this).animate({ top: "-=" + height + "px" }, 250);
|
||
}
|
||
});
|
||
if (MentionCount === 1) {
|
||
document.getElementById("PHBPlugin-Notifications").innerHTML = "";
|
||
MentionCount = 0;
|
||
} else {
|
||
MentionCount--;
|
||
}
|
||
}
|
||
|
||
function SetRoomCommand(data) {
|
||
document.getElementById("roomName").innerText = data.roomname;
|
||
document.getElementById("roomId").innerText = data.roomid;
|
||
}
|
||
|
||
function OpenYoutubeTvCommand(data) {
|
||
playlist = JSON.parse(data.playlist).phbplugin_video_data;
|
||
|
||
TVContainer = document.createElement("div");
|
||
TVContainer.style.color = "black";
|
||
TVContainer.classList.add("illumina-box");
|
||
TVContainer.classList.add("center");
|
||
TVContainer.classList.add("ui-draggable");
|
||
TVContainer.classList.add("ui-draggable-handle");
|
||
TVContainer.style.zIndex = 9999;
|
||
TVContainer.id = "PHBPluginYoutubeTV";
|
||
TVContainer.style.left = "calc(40% - 20%)";
|
||
TVContainer.style.top = "calc(50% - 20%)";
|
||
|
||
illuminaboxtitle = document.createElement("div");
|
||
illuminaboxtitle.innerHTML = " ";
|
||
illuminaboxtitle.classList.add("illumina-box-title");
|
||
|
||
closebutton = document.createElement("div");
|
||
closebutton.classList.add("illumina-button-close");
|
||
closebutton.onclick = function () {
|
||
document.getElementById("PHBPlugin-YoutubeTV").innerHTML = "";
|
||
};
|
||
|
||
youtubeFrame = document.createElement("div");
|
||
youtubeFrame.classList.add("youtube_frame");
|
||
youtubeFrame.id = "youtube_frame";
|
||
|
||
fundosemvideo = document.createElement("div");
|
||
fundosemvideo.id = "fundo_sem_video";
|
||
|
||
centerSelecione = document.createElement("center");
|
||
centerSelecione.style.paddingTop = "34%";
|
||
centerSelecione.style.color = "white";
|
||
centerSelecione.innerText = PHBSettings.texts.youtubetv.select;
|
||
|
||
list = document.createElement("div");
|
||
list.classList.add("list_musica");
|
||
|
||
scrolltext = document.createElement("div");
|
||
scrolltext.classList.add("scrollbar_txt");
|
||
scrolltext.id = "lista_videos";
|
||
for (var i = 0; i < playlist.length; i++) {
|
||
var video = playlist[i];
|
||
divBox = document.createElement("div");
|
||
divBox.classList.add("box_musica");
|
||
divBox.style.cursor = "pointer";
|
||
divBox.title = PHBSettings.texts.youtubetv.play;
|
||
divBox.onclick = function () {
|
||
document.getElementById("youtube_frame").innerHTML = "<iframe class=\"youtube\" width=\"431\" height=\"302\" src=\"https://www.youtube.com/embed/" + video.video_id + "?autoplay=1\&origin=" + location.hostname + "\" allow=\"autoplay;\"></iframe>";
|
||
};
|
||
PTitle = document.createElement("p");
|
||
PTitle.classList.add("txt_1");
|
||
PTitle.style.marginTop = "0px";
|
||
PTitle.style.fontFamily = "verdana";
|
||
PTitle.style.fontSize = "smaller";
|
||
BTitle = document.createElement("b");
|
||
BTitle.innerText = doTruncarStr(video.video_titulo, 30);
|
||
PTitle.appendChild(BTitle);
|
||
LineBreak = document.createElement("br");
|
||
PTitle.appendChild(LineBreak);
|
||
TChannel = document.createElement("t");
|
||
TChannel.classList.add("txt_2");
|
||
TChannel.innerText = doTruncarStr(video.video_canal, 30);
|
||
PTitle.appendChild(TChannel);
|
||
divBox.appendChild(PTitle);
|
||
scrolltext.appendChild(divBox);
|
||
}
|
||
list.appendChild(scrolltext);
|
||
fundosemvideo.appendChild(centerSelecione);
|
||
youtubeFrame.appendChild(fundosemvideo);
|
||
TVContainer.appendChild(closebutton);
|
||
TVContainer.appendChild(illuminaboxtitle);
|
||
TVContainer.appendChild(youtubeFrame);
|
||
TVContainer.appendChild(list);
|
||
|
||
document.getElementById("PHBPlugin-YoutubeTV").appendChild(TVContainer);
|
||
$("#PHBPluginYoutubeTV").draggable({ containment: "window" });
|
||
}
|
||
|
||
function doTruncarStr(str, size) {
|
||
if (str == undefined || str == 'undefined' || str == '' || size == undefined || size == 'undefined' || size == '') {
|
||
return str;
|
||
}
|
||
var shortText = str;
|
||
if (str.length >= size + 3) {
|
||
shortText = str.substring(0, size).concat('...');
|
||
}
|
||
return shortText;
|
||
}
|
||
|
||
addEventListener('keyup', function (event) {
|
||
if (!PHBSettings.functions.walk_with_keys) return;
|
||
switch (event.keyCode) {
|
||
case 37:
|
||
sendMessage({ header: "move_avatar", data: { "direction": "left" } });
|
||
break;
|
||
case 38:
|
||
sendMessage({ header: "move_avatar", data: { "direction": "up" } });
|
||
break;
|
||
case 39:
|
||
sendMessage({ header: "move_avatar", data: { "direction": "right" } });
|
||
break;
|
||
case 40:
|
||
sendMessage({ header: "move_avatar", data: { "direction": "down" } });
|
||
break;
|
||
}
|
||
});
|
||
|
||
function OpenPaymentCommand(data) {
|
||
document.getElementById("PHBPlugin-PaymentContainer").innerHTML = "";
|
||
PaymentContainer = document.createElement("div");
|
||
PaymentContainer.style.color = "black";
|
||
PaymentContainer.classList.add("illumina-box");
|
||
PaymentContainer.classList.add("center");
|
||
PaymentContainer.classList.add("ui-draggable");
|
||
PaymentContainer.classList.add("ui-draggable-handle");
|
||
PaymentContainer.style.zIndex = 9999;
|
||
PaymentContainer.style.left = "631px";
|
||
PaymentContainer.style.top = "304px";
|
||
PaymentContainer.id = "PHBPaymentContainer";
|
||
ContainerTitle = document.createElement("div");
|
||
ContainerTitle.classList.add("illumina-box-title");
|
||
ContainerTitle.innerHTML = " ";
|
||
PaymentContainer.appendChild(ContainerTitle);
|
||
RemovePayment = document.createElement("div");
|
||
RemovePayment.classList.add("illumina-button-close");
|
||
RemovePayment.onclick = function () {
|
||
document.getElementById("PHBPlugin-PaymentContainer").innerHTML = "";
|
||
};
|
||
PaymentContainer.appendChild(RemovePayment);
|
||
TextPayment = document.createElement("h3");
|
||
TextPayment.innerText = `Hubbiz Store`;
|
||
PaymentContainer.appendChild(TextPayment);
|
||
|
||
ProductText = document.createElement("p");
|
||
ProductText.innerText = `Comprando ${data.item_params.split(';')[1]}`;
|
||
PaymentContainer.appendChild(ProductText);
|
||
|
||
ValorText = document.createElement("p");
|
||
ValorText.innerText = `Preço: R$${data.item_params.split(';')[0]}`;
|
||
PaymentContainer.appendChild(ValorText);
|
||
|
||
DivPagamento = document.createElement("div");
|
||
DivPagamento.id = "payment_content";
|
||
|
||
PaymentGateways = document.createElement("select");
|
||
PaymentGateways.id = "payGateway";
|
||
PaymentGateways.classList.add("selectPHB");
|
||
|
||
PayPalOption = document.createElement("option");
|
||
PayPalOption.value = "paypal";
|
||
PayPalOption.innerText = "PayPal";
|
||
PaymentGateways.appendChild(PayPalOption);
|
||
|
||
PixOption = document.createElement("option");
|
||
PixOption.value = "pix";
|
||
PixOption.innerText = "Pix (Brazil)";
|
||
PaymentGateways.appendChild(PixOption);
|
||
|
||
PicPayOption = document.createElement("option");
|
||
PicPayOption.value = "picpay";
|
||
PicPayOption.innerText = "PicPay (Brazil)";
|
||
PaymentGateways.appendChild(PicPayOption);
|
||
|
||
BoletoOption = document.createElement("option");
|
||
BoletoOption.value = "boleto";
|
||
BoletoOption.innerText = "Boleto Bancário (Brazil)";
|
||
PaymentGateways.appendChild(BoletoOption);
|
||
|
||
DivPagamento.appendChild(PaymentGateways);
|
||
|
||
LineBreak = document.createElement("br");
|
||
DivPagamento.appendChild(LineBreak);
|
||
|
||
PayButton = document.createElement("button");
|
||
PayButton.onclick = function () {
|
||
switch (document.getElementById("payGateway").value) {
|
||
case "paypal":
|
||
document.getElementById("payment_content").innerHTML = "My PayPal is phbservicesbrasil@gmail.com";
|
||
break;
|
||
case "picpay":
|
||
document.getElementById("payment_content").innerHTML = "<img src='https://i.imgur.com/7EHZYml.png' style='width: 250px;padding-bottom: 10px;'><br><img src='https://i.imgur.com/FTeBeJ2.png' style='width: 250px;padding-bottom: 10px;'><br><b style='color: black'>@pedrohb</b>";
|
||
break;
|
||
case "pix":
|
||
document.getElementById("payment_content").innerHTML = "<img src='https://i.imgur.com/sAIqZwR.png' style='width: 250px;padding-bottom: 10px;'><br><img src='https://i.imgur.com/wkmsDcm.png' style='width: 250px;padding-bottom: 10px;'><br><b style='color: black'>ad9f3b17-2c90-4859-9792-2aa9281a0192</b>";
|
||
break;
|
||
case "boleto":
|
||
document.getElementById("payment_content").innerHTML = "<b style='color: black'>A opção de boletos ainda não é automatizada :(<br>Me envie uma mensagem no Discord para receber o boleto.<br>PedroHB#9569</b>";
|
||
break;
|
||
}
|
||
};
|
||
PayButton.innerText = "Pay";
|
||
DivPagamento.appendChild(PayButton);
|
||
|
||
PaymentContainer.appendChild(DivPagamento);
|
||
|
||
document.getElementById("PHBPlugin-PaymentContainer").appendChild(PaymentContainer);
|
||
$("#PHBPaymentContainer").draggable({ containment: "window" });
|
||
}
|
||
|
||
function OpenYoutubeMusic(data) {
|
||
document.getElementById("PHBPlugin-YoutubePlayer").innerHTML = "";
|
||
VideoContainer = document.createElement("div");
|
||
VideoContainer.classList.add("illumina-box");
|
||
VideoContainer.classList.add("center");
|
||
VideoContainer.classList.add("ui-draggable");
|
||
VideoContainer.classList.add("ui-draggable-handle");
|
||
VideoContainer.style.zIndex = 9999;
|
||
VideoContainer.style.left = "631px";
|
||
VideoContainer.style.top = "304px";
|
||
VideoContainer.id = "PHBYTContainer";
|
||
ContainerTitle = document.createElement("div");
|
||
ContainerTitle.classList.add("illumina-box-title");
|
||
ContainerTitle.innerHTML = " ";
|
||
VideoContainer.appendChild(ContainerTitle);
|
||
RemoveVideo = document.createElement("div");
|
||
RemoveVideo.classList.add("illumina-button-close");
|
||
RemoveVideo.onclick = function () {
|
||
document.getElementById("PHBPlugin-YoutubePlayer").innerHTML = "";
|
||
};
|
||
VideoContainer.appendChild(RemoveVideo);
|
||
IframeTag = document.createElement("iframe");
|
||
IframeTag.width = 350;
|
||
IframeTag.height = 100;
|
||
IframeTag.frameborder = 0;
|
||
IframeTag.src = `https://www.youtube.com/embed/${data.video_id}?autoplay=1&origin=${location.hostname}`;
|
||
VideoContainer.appendChild(IframeTag);
|
||
document.getElementById("PHBPlugin-YoutubePlayer").appendChild(VideoContainer);
|
||
$("#PHBYTContainer").draggable({ containment: "window" });
|
||
}
|
||
|
||
function checkselected(value) {
|
||
if (value == 1)
|
||
return "selected";
|
||
}
|
||
|
||
function SaveItem() {
|
||
event.preventDefault();
|
||
var form = document.forms.editaritem;
|
||
var elem = form.elements;
|
||
sendMessage({
|
||
header: "save_item",
|
||
data: {
|
||
"id": elem.id.value,
|
||
"sprite_id": elem.sprite_id.value,
|
||
"public_name": elem.public_name.value,
|
||
"item_name": elem.item_name.value,
|
||
"type": elem.type.value,
|
||
"width": elem.item_width.value,
|
||
"length": elem.item_length.value,
|
||
"stack_height": elem.stack_height.value,
|
||
"allow_stack": elem.allow_stack.value,
|
||
"allow_sit": elem.allow_sit.value,
|
||
"allow_lay": elem.allow_lay.value,
|
||
"allow_walk": elem.allow_walk.value,
|
||
"allow_gift": elem.allow_gift.value,
|
||
"allow_trade": elem.allow_trade.value,
|
||
"allow_recycle": elem.allow_recycle.value,
|
||
"allow_marketplace_sell": elem.allow_marketplace_sell.value,
|
||
"allow_inventory_stack": elem.allow_inventory_stack.value,
|
||
"interaction_type": elem.interaction_type.value,
|
||
"interaction_modes_count": elem.interaction_modes_count.value,
|
||
"vending_ids": elem.vending_ids.value,
|
||
"multiheight": elem.multiheight.value,
|
||
"customparams": elem.customparams.value,
|
||
"effect_id_male": elem.effect_id_male.value,
|
||
"effect_id_female": elem.effect_id_female.value,
|
||
"clothing_on_walk": elem.clothing_on_walk.value
|
||
}
|
||
});
|
||
RemoveEditItem();
|
||
}
|
||
|
||
function OpenEditItemCommand(baseitem) {
|
||
console.log("[SHOW EDIT ITEM MENU] " + baseitem.id);
|
||
document.getElementById("PHBPlugin-editItem").innerHTML = "<div class=\"illumina-box ui-draggable ui-draggable-handle\" style=\"z-index: 999; left: 631px; top: 304px;\" id=\"editaritem\"><div class=\"illumina-box-title\"> </div><div id=\"removeEditar\" onclick=\"RemoveEditItem()\" class=\"illumina-button-close\"></div>" +
|
||
'<form name="editaritem" id="editaritem" onsubmit="return SaveItem()" method="post">' +
|
||
"id: <input type='number' name='id' value='" + baseitem.id + "' disabled>" +
|
||
"sprite_id: <input type='number' name='sprite_id' value='" + baseitem.sprite_id + "'>" +
|
||
"public_name: <input name='public_name' value='" + baseitem.public_name + "'>" +
|
||
"item_name: <input name='item_name' value='" + baseitem.item_name + "'>" +
|
||
"type: <input name='type' value='" + baseitem.type + "'>" +
|
||
"item_width: <input type='number' name='item_width' value='" + baseitem.width + "'>" +
|
||
"item_length: <input type='number' name='item_length' value='" + baseitem.length + "'>" +
|
||
"stack_height: <input name='stack_height' value='" + baseitem.stack_height + "'>" +
|
||
"allow_stack: <select name='allow_stack'><option value='0'>0</option><option value='1' " + checkselected(baseitem.allow_stack) + ">1</option></select>" +
|
||
"allow_sit: <select name='allow_sit'><option value='0'>0</option><option value='1' " + checkselected(baseitem.allow_sit) + ">1</option></select>" +
|
||
"allow_lay: <select name='allow_lay'><option value='0'>0</option><option value='1' " + checkselected(baseitem.allow_lay) + ">1</option></select>" +
|
||
"allow_walk: <select name='allow_walk'><option value='0'>0</option><option value='1' " + checkselected(baseitem.allow_walk) + ">1</option></select>" +
|
||
"allow_gift: <select name='allow_gift'><option value='0'>0</option><option value='1' " + checkselected(baseitem.allow_gift) + ">1</option></select>" +
|
||
"allow_trade: <select name='allow_trade'><option value='0'>0</option><option value='1' " + checkselected(baseitem.allow_trade) + ">1</option></select>" +
|
||
"allow_recycle: <select name='allow_recycle'><option value='0'>0</option><option value='1' " + checkselected(baseitem.allow_recycle) + ">1</option></select>" +
|
||
"allow_marketplace_sell: <select name='allow_marketplace_sell'><option value='0'>0</option><option value='1' " + checkselected(baseitem.allow_marketplace_sell) + ">1</option></select>" +
|
||
"allow_inventory_stack: <select name='allow_inventory_stack'><option value='0'>0</option><option value='1' " + checkselected(baseitem.allow_inventory_stack) + ">1</option></select>" +
|
||
"interaction_type: <input name='interaction_type' value='" + baseitem.interaction_type + "'>" +
|
||
"interaction_modes_count: <input name='interaction_modes_count' value='" + baseitem.interaction_modes_count + "'>" +
|
||
"vending_ids: <input name='vending_ids' value='" + baseitem.vending_ids + "'>" +
|
||
"multiheight: <input name='multiheight' value='" + baseitem.multiheight + "'>" +
|
||
"customparams: <input name='customparams' value='" + baseitem.customparams + "'>" +
|
||
"effect_id_male: <input type='number' name='effect_id_male' value='" + baseitem.effect_id_male + "'>" +
|
||
"effect_id_female: <input type='number' name='effect_id_female' value='" + baseitem.effect_id_female + "'>" +
|
||
"clothing_on_walk: <input type='number' name='clothing_on_walk' value='" + baseitem.clothing_on_walk + "'>" +
|
||
"<br><button >Save</button><br></form>" +
|
||
"</div>";
|
||
$("#editaritem").draggable({ containment: "window" });
|
||
}
|
||
|
||
function RemoveEditItem() {
|
||
document.getElementById("PHBPlugin-editItem").innerHTML = "";
|
||
}
|
||
|
||
} catch (ee) {
|
||
console.log(ee);
|
||
} |