mirror of
https://github.com/esx-framework/esx_core.git
synced 2026-08-29 09:18:53 +00:00
Update script.js
This commit is contained in:
xorzo
@@ -1,399 +1,74 @@
|
||||
const w = window
|
||||
const doc = document
|
||||
|
||||
// Gets the current icon it needs to use.
|
||||
const types = {
|
||||
["success"]: {
|
||||
["icon"]: "check_circle",
|
||||
},
|
||||
["error"]: {
|
||||
["icon"]: "error",
|
||||
},
|
||||
["info"]: {
|
||||
["icon"]: "info",
|
||||
}
|
||||
}
|
||||
|
||||
$(function () {
|
||||
w.addEventListener('message', function(e) {
|
||||
$(".text").text('')
|
||||
const start = new Date()
|
||||
const max = e.data.length
|
||||
const val = Math.floor(max/100)
|
||||
let current = ""
|
||||
let blackc = {'color': '#000'};
|
||||
let redc = {'color': '#F00'};
|
||||
let greenc = {'color': '#0F0'};
|
||||
let bluec = {'color': '#00F'};
|
||||
let yellowc = {'color': '#ff0'};
|
||||
let greyc = {'color': '#808080'};
|
||||
let darkgreyc = {'color': '#a9a9a9'};
|
||||
let orangec = {'color': '#FFA500'};
|
||||
let purplec = {'color': '#800080'};
|
||||
let whitec = {'color': '#FFF'};
|
||||
// the color codes example `i ~r~love~s~ donuts`
|
||||
const codes = {
|
||||
"~r~": "red",
|
||||
"~b~": "blue",
|
||||
"~g~": "green",
|
||||
"~y~": "yellow",
|
||||
"~p~": "purple",
|
||||
"~c~": "grey",
|
||||
"~m~": "#212121",
|
||||
"~u~": "black",
|
||||
"~o~": "orange"
|
||||
}
|
||||
|
||||
if (e.data.type === "info") {
|
||||
doc.getElementById("notifyInfo").style.display = "block";
|
||||
let finalarr = []
|
||||
|
||||
w.addEventListener("message", (event) => {
|
||||
notification({
|
||||
type: event.data.type,
|
||||
message: event.data.message,
|
||||
length: event.data.length,
|
||||
});
|
||||
});
|
||||
|
||||
const replaceColors = (str, obj) => {
|
||||
let strToReplace = str;
|
||||
|
||||
for (let id in obj) {
|
||||
strToReplace = strToReplace.replace(new RegExp(id, "g"), obj[id]);
|
||||
}
|
||||
|
||||
var arr = e.data.message.split("~")
|
||||
for (let i = 0; i < arr.length; i++) {
|
||||
let arr1 = arr[i]
|
||||
|
||||
let redTrue = arr1.startsWith("r")
|
||||
let greenTrue = arr1.startsWith("g")
|
||||
let whiteTrue = arr1.startsWith("w")
|
||||
let blackTrue = arr1.startsWith("u")
|
||||
let blueTrue = arr1.startsWith("b")
|
||||
let yellowTrue = arr1.startsWith("y")
|
||||
let greyTrue = arr1.startsWith("c")
|
||||
let darkgreyTrue = arr1.startsWith("m")
|
||||
let orangeTrue = arr1.startsWith("o")
|
||||
let purpleTrue = arr1.startsWith("p")
|
||||
return strToReplace
|
||||
}
|
||||
|
||||
if (i == 0) {
|
||||
if (arr1.startsWith("~")) {
|
||||
notification = (data) => {
|
||||
for (color in codes) {
|
||||
if (data["message"].includes(color)) {
|
||||
let objArr = {};
|
||||
objArr[color] = `<span style="color: ${codes[color]}">`;
|
||||
objArr["~s~"] = "</span>";
|
||||
|
||||
} else {
|
||||
let arr3 = $('<span>' + arr[i] + '</span>');
|
||||
arr3.css(whitec)
|
||||
|
||||
finalarr.push(arr3)
|
||||
}
|
||||
}
|
||||
let newStr = replaceColors(data["message"], objArr);
|
||||
|
||||
if (redTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(redc)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (greenTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(greenc)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (whiteTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(whitec)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (blackTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(blackc)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (blueTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(bluec)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (yellowTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(yellowc)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (greyTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(greyc)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (darkgreyTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(darkgreyc)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (orangeTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(orangec)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (purpleTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(purplec)
|
||||
finalarr.push(arr3)
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
$(".text").append(finalarr);
|
||||
finalarr = []
|
||||
RequestAnimUpdate()
|
||||
current = "notifyInfo"
|
||||
} else if (e.data.type === "error") {
|
||||
doc.getElementById("notifyError").style.display = "block";
|
||||
let finalarr = []
|
||||
|
||||
|
||||
|
||||
|
||||
var arr = e.data.message.split("~")
|
||||
for (let i = 0; i < arr.length; i++) {
|
||||
let arr1 = arr[i]
|
||||
|
||||
let redTrue = arr1.startsWith("r")
|
||||
let greenTrue = arr1.startsWith("g")
|
||||
let whiteTrue = arr1.startsWith("w")
|
||||
let blackTrue = arr1.startsWith("u")
|
||||
let blueTrue = arr1.startsWith("b")
|
||||
let yellowTrue = arr1.startsWith("y")
|
||||
let greyTrue = arr1.startsWith("c")
|
||||
let darkgreyTrue = arr1.startsWith("m")
|
||||
let orangeTrue = arr1.startsWith("o")
|
||||
let purpleTrue = arr1.startsWith("p")
|
||||
|
||||
if (i == 0) {
|
||||
if (arr1.startsWith("~")) {
|
||||
|
||||
} else {
|
||||
let arr3 = $('<span>' + arr[i] + '</span>');
|
||||
arr3.css(whitec)
|
||||
|
||||
finalarr.push(arr3)
|
||||
}
|
||||
}
|
||||
|
||||
if (redTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(redc)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (greenTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(greenc)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (whiteTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(whitec)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (blackTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(blackc)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (blueTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(bluec)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (yellowTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(yellowc)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (greyTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(greyc)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (darkgreyTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(darkgreyc)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (orangeTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(orangec)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (purpleTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(purplec)
|
||||
finalarr.push(arr3)
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
$(".text").append(finalarr);
|
||||
RequestAnimUpdate()
|
||||
current = "notifyError"
|
||||
} else if (e.data.type === "success") {
|
||||
doc.getElementById("notifySuccess").style.display = "block";
|
||||
let finalarr = []
|
||||
|
||||
|
||||
|
||||
|
||||
var arr = e.data.message.split("~")
|
||||
for (let i = 0; i < arr.length; i++) {
|
||||
let arr1 = arr[i]
|
||||
|
||||
let redTrue = arr1.startsWith("r")
|
||||
let greenTrue = arr1.startsWith("g")
|
||||
let whiteTrue = arr1.startsWith("w")
|
||||
let blackTrue = arr1.startsWith("u")
|
||||
let blueTrue = arr1.startsWith("b")
|
||||
let yellowTrue = arr1.startsWith("y")
|
||||
let greyTrue = arr1.startsWith("c")
|
||||
let darkgreyTrue = arr1.startsWith("m")
|
||||
let orangeTrue = arr1.startsWith("o")
|
||||
let purpleTrue = arr1.startsWith("p")
|
||||
|
||||
if (i == 0) {
|
||||
if (arr1.startsWith("~")) {
|
||||
|
||||
} else {
|
||||
let arr3 = $('<span>' + arr[i] + '</span>');
|
||||
arr3.css(whitec)
|
||||
|
||||
finalarr.push(arr3)
|
||||
}
|
||||
}
|
||||
|
||||
if (redTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(redc)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (greenTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(greenc)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (whiteTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(whitec)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (blackTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(blackc)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (blueTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(bluec)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (yellowTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(yellowc)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (greyTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(greyc)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (darkgreyTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(darkgreyc)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (orangeTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(orangec)
|
||||
|
||||
finalarr.push(arr3)
|
||||
} else if (purpleTrue) {
|
||||
x = i + 1
|
||||
|
||||
|
||||
let arr3 = $('<span>' + arr[x] + '</span>');
|
||||
arr3.css(purplec)
|
||||
finalarr.push(arr3)
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
$(".text").append(finalarr);
|
||||
RequestAnimUpdate()
|
||||
current = "notifySuccess"
|
||||
data["message"] = newStr
|
||||
}
|
||||
}
|
||||
|
||||
function RequestAnimUpdate() {
|
||||
const now = new Date()
|
||||
const diff = now.getTime() - start.getTime();
|
||||
const prc = Math.round((diff/max)*100)
|
||||
if (prc <= 100) {
|
||||
RequestUpdateProgress(prc)
|
||||
setTimeout(RequestAnimUpdate, val)
|
||||
} else {
|
||||
doc.getElementById(current).style.display = "none"
|
||||
}
|
||||
}
|
||||
const notification = $(`
|
||||
<div class="notify ${data.type}">
|
||||
<div class="innerText">
|
||||
<span class="material-symbols-outlined icon">${types[data.type]["icon"]}</span>
|
||||
<p class="text">${data["message"]}</p>
|
||||
</div>
|
||||
</div>
|
||||
`).appendTo(`#root`);
|
||||
|
||||
function RequestUpdateProgress(prc) {
|
||||
$(".prog").css("width", prc + "%")
|
||||
}
|
||||
})
|
||||
})
|
||||
setTimeout(() => {
|
||||
notification.fadeOut(700);
|
||||
}, data.length);
|
||||
|
||||
return notification;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user