270 lines
11 KiB
JavaScript
270 lines
11 KiB
JavaScript
|
function openPrivilegePopup() {
|
||
|
|
document.querySelector(".dark-bg-privilege").style.display = "block";
|
||
|
|
document.querySelector(".gift-popup-privilege").style.display = "block";
|
||
|
|
}
|
||
|
|
|
||
|
|
function closePrivilegePopup() {
|
||
|
|
document.querySelector(".dark-bg-privilege").style.display = "none";
|
||
|
|
document.querySelector(".gift-popup-privilege").style.display = "none";
|
||
|
|
}
|
||
|
|
|
||
|
|
function openThankyouPopup() {
|
||
|
|
document.querySelector(".dark-bg-privilege").style.display = "block";
|
||
|
|
document.querySelector(".thankyou-popup-privilege").style.display = "flex";
|
||
|
|
document.querySelector(".gift-popup-privilege").style.display = "none";
|
||
|
|
}
|
||
|
|
|
||
|
|
function closeThankyouPopup() {
|
||
|
|
document.querySelector(".dark-bg-privilege").style.display = "none";
|
||
|
|
document.querySelector(".thankyou-popup-privilege").style.display = "none";
|
||
|
|
}
|
||
|
|
|
||
|
|
function openJuggernautPopup() {
|
||
|
|
alert("Coming soon...");
|
||
|
|
|
||
|
|
// document.querySelector("#production-house-popup").style.display = "block";
|
||
|
|
// document.querySelector(".dark-bg-privilege").style.display = "block";
|
||
|
|
// document.querySelector("#screenplay-writing-popup").style.display = "none";
|
||
|
|
|
||
|
|
// document.querySelector("#production-heading-1").style.color = "#33B0CA";
|
||
|
|
// document.querySelector("#production-heading-1").style.borderBottom =
|
||
|
|
// "1px solid #33B0CA";
|
||
|
|
|
||
|
|
// document.querySelector("#production-heading-2").style.color = "#33B0CA";
|
||
|
|
// document.querySelector("#production-heading-2").style.borderBottom =
|
||
|
|
// "1px solid #33B0CA";
|
||
|
|
|
||
|
|
// document.querySelector("#screenplay-heading-1").style.color = "#000";
|
||
|
|
// document.querySelector("#screenplay-heading-1").style.borderBottom = "none";
|
||
|
|
|
||
|
|
// document.querySelector("#screenplay-heading-2").style.color = "#000";
|
||
|
|
// document.querySelector("#screenplay-heading-2").style.borderBottom = "none";
|
||
|
|
}
|
||
|
|
|
||
|
|
function openScreenplayPopup() {
|
||
|
|
document.querySelector("#screenplay-writing-popup").style.display = "block";
|
||
|
|
document.querySelector(".dark-bg-privilege").style.display = "block";
|
||
|
|
document.querySelector("#production-house-popup").style.display = "none";
|
||
|
|
|
||
|
|
document.querySelector("#production-heading-1").style.color = "#000";
|
||
|
|
document.querySelector("#production-heading-1").style.borderBottom = "none";
|
||
|
|
|
||
|
|
document.querySelector("#production-heading-2").style.color = "#000";
|
||
|
|
document.querySelector("#production-heading-2").style.borderBottom = "none";
|
||
|
|
|
||
|
|
document.querySelector("#screenplay-heading-1").style.color = "#33B0CA";
|
||
|
|
document.querySelector("#screenplay-heading-1").style.borderBottom =
|
||
|
|
"1px solid #33B0CA";
|
||
|
|
|
||
|
|
document.querySelector("#screenplay-heading-2").style.color = "#33B0CA";
|
||
|
|
document.querySelector("#screenplay-heading-2").style.borderBottom =
|
||
|
|
"1px solid #33B0CA";
|
||
|
|
}
|
||
|
|
|
||
|
|
function closeProductionPopup() {
|
||
|
|
document.querySelector("#production-house-popup").style.display = "none";
|
||
|
|
document.querySelector(".dark-bg-privilege").style.display = "none";
|
||
|
|
}
|
||
|
|
|
||
|
|
function closeScreenplayPopup() {
|
||
|
|
document.querySelector("#screenplay-writing-popup").style.display = "none";
|
||
|
|
document.querySelector(".dark-bg-privilege").style.display = "none";
|
||
|
|
}
|
||
|
|
|
||
|
|
function openJuggernautPopupMobile() {
|
||
|
|
alert("Coming soon...");
|
||
|
|
// document.getElementById("juggernaut-wrapper-mobile").style.display = "block";
|
||
|
|
}
|
||
|
|
|
||
|
|
function hideJuggernautMobile() {
|
||
|
|
document.getElementById("juggernaut-wrapper-mobile").style.display = "none";
|
||
|
|
}
|
||
|
|
|
||
|
|
function toggleProductionHouse() {
|
||
|
|
document.querySelector(".production-btn").classList.add("active-tab-mobile");
|
||
|
|
document
|
||
|
|
.querySelector(".screenplay-btn")
|
||
|
|
.classList.remove("active-tab-mobile");
|
||
|
|
document.getElementById("production-house-wrapper-mobile").style.display =
|
||
|
|
"block";
|
||
|
|
document.getElementById("screenplay-writing-wrapper-mobile").style.display =
|
||
|
|
"none";
|
||
|
|
}
|
||
|
|
function toggleScreenplayWriting() {
|
||
|
|
document
|
||
|
|
.querySelector(".production-btn")
|
||
|
|
.classList.remove("active-tab-mobile");
|
||
|
|
document.querySelector(".screenplay-btn").classList.add("active-tab-mobile");
|
||
|
|
document.getElementById("screenplay-writing-wrapper-mobile").style.display =
|
||
|
|
"block";
|
||
|
|
document.getElementById("production-house-wrapper-mobile").style.display =
|
||
|
|
"none";
|
||
|
|
}
|
||
|
|
|
||
|
|
// Screenplay Writing
|
||
|
|
|
||
|
|
const choosePackageDropdown = document.getElementById(
|
||
|
|
"choose-package-dropdown"
|
||
|
|
);
|
||
|
|
const packageName = document.getElementById("package-name");
|
||
|
|
const validityValue = document.getElementById("validity-value");
|
||
|
|
const priceValue = document.getElementById("price-value");
|
||
|
|
const aiValue = document.getElementById("ai-value");
|
||
|
|
const langValue = document.getElementById("lang-value");
|
||
|
|
const iterateValue = document.getElementById("iterate-value");
|
||
|
|
const scheduleChckbox = document.getElementById("schedule-chckbox");
|
||
|
|
const comparePackages = document.getElementById("compare-packages");
|
||
|
|
const allPackages = document.getElementById("all-packages");
|
||
|
|
const toggleTripleJump = document.getElementById("toggle-triple-jump");
|
||
|
|
const toggleHIghJump = document.getElementById("toggle-high-jump");
|
||
|
|
|
||
|
|
choosePackageDropdown.addEventListener("change", function () {
|
||
|
|
const selectedPackage = choosePackageDropdown.value;
|
||
|
|
switch (selectedPackage) {
|
||
|
|
case "long-jump":
|
||
|
|
packageName.style.marginLeft = "auto";
|
||
|
|
toggleTripleJump.style.display = "none";
|
||
|
|
toggleHIghJump.style.display = "none";
|
||
|
|
allPackages.style.display = "block";
|
||
|
|
comparePackages.style.display = "none";
|
||
|
|
packageName.textContent = "Long Jump";
|
||
|
|
validityValue.textContent = "90";
|
||
|
|
priceValue.textContent = "149";
|
||
|
|
aiValue.textContent = "50";
|
||
|
|
langValue.textContent = "1";
|
||
|
|
iterateValue.textContent = "2";
|
||
|
|
scheduleChckbox.checked = false;
|
||
|
|
break;
|
||
|
|
case "triple-jump":
|
||
|
|
packageName.style.marginLeft = "auto";
|
||
|
|
toggleTripleJump.style.display = "none";
|
||
|
|
toggleHIghJump.style.display = "none";
|
||
|
|
allPackages.style.display = "block";
|
||
|
|
comparePackages.style.display = "none";
|
||
|
|
packageName.textContent = "Triple Jump";
|
||
|
|
validityValue.textContent = "180";
|
||
|
|
priceValue.textContent = "274";
|
||
|
|
aiValue.textContent = "1000";
|
||
|
|
langValue.textContent = "3";
|
||
|
|
iterateValue.textContent = "2";
|
||
|
|
scheduleChckbox.checked = true;
|
||
|
|
break;
|
||
|
|
case "high-jump":
|
||
|
|
packageName.style.marginLeft = "auto";
|
||
|
|
toggleTripleJump.style.display = "none";
|
||
|
|
toggleHIghJump.style.display = "none";
|
||
|
|
allPackages.style.display = "block";
|
||
|
|
comparePackages.style.display = "none";
|
||
|
|
packageName.textContent = "High Jump";
|
||
|
|
validityValue.textContent = "365";
|
||
|
|
priceValue.textContent = "339";
|
||
|
|
aiValue.textContent = "2000";
|
||
|
|
langValue.textContent = "3";
|
||
|
|
iterateValue.textContent = "2";
|
||
|
|
scheduleChckbox.checked = true;
|
||
|
|
break;
|
||
|
|
case "compare":
|
||
|
|
comparePackages.style.display = "block";
|
||
|
|
toggleTripleJump.style.display = "block";
|
||
|
|
toggleHIghJump.style.display = "block";
|
||
|
|
allPackages.style.display = "none";
|
||
|
|
packageName.textContent = "Long Jump";
|
||
|
|
packageName.style.marginLeft = "0";
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// Production House
|
||
|
|
|
||
|
|
const choosePackageDropdown2 = document.getElementById(
|
||
|
|
"choose-package-dropdown2"
|
||
|
|
);
|
||
|
|
const packageName2 = document.getElementById("package-name2");
|
||
|
|
const toggleTripleJump2 = document.getElementById("toggle-triple-jump2");
|
||
|
|
const toggleHIghJump2 = document.getElementById("toggle-high-jump2");
|
||
|
|
const validityValue2 = document.getElementById("validity-value2");
|
||
|
|
const priceValue2 = document.getElementById("price-value2");
|
||
|
|
const numValue = document.getElementById("num-value");
|
||
|
|
const noLangValue = document.getElementById("no-lang-value");
|
||
|
|
const schBudValue = document.getElementById("sch-bud-value");
|
||
|
|
const chrIntroChbx = document.getElementById("char-intro-chbx");
|
||
|
|
const lineNarrChbx = document.getElementById("line-narr-chbx");
|
||
|
|
const chrWiseChbx = document.getElementById("chr-wise-chbx");
|
||
|
|
const conPageValue = document.getElementById("con-page-value");
|
||
|
|
const conLppValue = document.getElementById("con-lpp-value");
|
||
|
|
const beatScnValue = document.getElementById("beat-scn-value");
|
||
|
|
const comparePackages2 = document.getElementById("compare-packages2");
|
||
|
|
const allPackages2 = document.getElementById("all-packages2");
|
||
|
|
|
||
|
|
choosePackageDropdown2.addEventListener("change", function () {
|
||
|
|
const selectedPackage2 = choosePackageDropdown2.value;
|
||
|
|
switch (selectedPackage2) {
|
||
|
|
case "radiate":
|
||
|
|
packageName2.textContent = "Radiate";
|
||
|
|
validityValue2.textContent = "30";
|
||
|
|
priceValue2.textContent = "149";
|
||
|
|
numValue.textContent = "30";
|
||
|
|
noLangValue.textContent = "2";
|
||
|
|
schBudValue.textContent = "2";
|
||
|
|
chrIntroChbx.checked = false;
|
||
|
|
lineNarrChbx.checked = false;
|
||
|
|
chrWiseChbx.checked = false;
|
||
|
|
conPageValue.textContent = "0";
|
||
|
|
conLppValue.textContent = "0";
|
||
|
|
beatScnValue.textContent = "100";
|
||
|
|
|
||
|
|
packageName2.style.marginLeft = "auto";
|
||
|
|
toggleTripleJump2.style.display = "none";
|
||
|
|
toggleHIghJump2.style.display = "none";
|
||
|
|
allPackages2.style.display = "block";
|
||
|
|
comparePackages2.style.display = "none";
|
||
|
|
break;
|
||
|
|
case "regional":
|
||
|
|
packageName2.textContent = "Regional";
|
||
|
|
validityValue2.textContent = "180";
|
||
|
|
priceValue2.textContent = "1499";
|
||
|
|
numValue.textContent = "150";
|
||
|
|
noLangValue.textContent = "5";
|
||
|
|
schBudValue.textContent = "5";
|
||
|
|
chrIntroChbx.checked = true;
|
||
|
|
lineNarrChbx.checked = true;
|
||
|
|
chrWiseChbx.checked = true;
|
||
|
|
conPageValue.textContent = "150";
|
||
|
|
conLppValue.textContent = "1";
|
||
|
|
beatScnValue.textContent = "500";
|
||
|
|
|
||
|
|
packageName2.style.marginLeft = "auto";
|
||
|
|
toggleTripleJump2.style.display = "none";
|
||
|
|
toggleHIghJump2.style.display = "none";
|
||
|
|
allPackages2.style.display = "block";
|
||
|
|
comparePackages2.style.display = "none";
|
||
|
|
break;
|
||
|
|
case "global":
|
||
|
|
packageName2.textContent = "Global";
|
||
|
|
validityValue2.textContent = "365";
|
||
|
|
priceValue2.textContent = "14999";
|
||
|
|
numValue.textContent = "1200";
|
||
|
|
noLangValue.textContent = "8";
|
||
|
|
schBudValue.textContent = "10";
|
||
|
|
chrIntroChbx.checked = true;
|
||
|
|
lineNarrChbx.checked = true;
|
||
|
|
chrWiseChbx.checked = true;
|
||
|
|
conPageValue.textContent = "1200";
|
||
|
|
conLppValue.textContent = "1";
|
||
|
|
beatScnValue.textContent = "5000";
|
||
|
|
|
||
|
|
packageName2.style.marginLeft = "auto";
|
||
|
|
toggleTripleJump2.style.display = "none";
|
||
|
|
toggleHIghJump2.style.display = "none";
|
||
|
|
allPackages2.style.display = "block";
|
||
|
|
comparePackages2.style.display = "none";
|
||
|
|
break;
|
||
|
|
case "compare":
|
||
|
|
comparePackages2.style.display = "block";
|
||
|
|
toggleTripleJump2.style.display = "block";
|
||
|
|
toggleHIghJump2.style.display = "block";
|
||
|
|
allPackages2.style.display = "none";
|
||
|
|
packageName2.textContent = "Radiate";
|
||
|
|
packageName2.style.marginLeft = "0";
|
||
|
|
}
|
||
|
|
});
|