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