form {
/* display: none; */
}
h2 {
font-size: 2rem; font-size: 32px;
}
.circleContainer {
display: flex; position: relative;
}
.circleLine {
width: 100%; height: 14px;
/* background: #0d2354; */
position: absolute; overflow: hidden; border-bottom: 1px solid gray; z-index: 1;
}
.circleDiv {
flex: 1;
}
.circle {
border: 3px solid #0d2354; border-radius: 50px; background: #ffffff; height: 28px; width: 28px; line-height: 22px; text-align: center; z-index: 2; position: relative; margin: 0 auto;
}
.circleText {
font-size: 14px; text-align: center;
}
.currentCircle {
background: #0d2354; color: #ffffff;
}
.borderTemp {
/* border: 2px solid #5f5fff; */
/* background: rgba(225,227,247,0.5); */
padding: 20px; margin: 10px; width: 100%; max-width: 900px; transition: width 0.3s ease;
}
.radio-container {
border: 1px solid gray; padding: 20px; border-radius: 10px;
}
.questionField {
border: 1px solid #0064FF; border-radius: 10px; padding: 30px;
}
.lcToolBtn {
margin: 10px;
}
.btnDiv {
text-align: center;
}
.backBtn {
background: #d9d9d9 !important; border: 3px solid #c3c3c3; color: #7d7c7c;
}
.slctPlease {
color: red; display: none;
}
.hidee {
transition: opacity 0.5s ease; display: none;
/* opacity: 0.5; */
}
.showw {
/* transition: opacity 0.5s ease; */
display: block !important;
/* opacity: 1; */
animation: fadeIn 0.5s; -webkit-animation: fadeIn 0.5s; -moz-animation: fadeIn 0.5s; -o-animation: fadeIn 0.5s; -ms-animation: fadeIn 0.5s;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-ms-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
document.addEventListener("DOMContentLoaded", function(){
// $(".lcTool").hide();
// $(".side-menu-wrap").hide();
// var x = $("#lcTool");
// $("#lcTool").remove();
// $(".bg-primary").after(x)
})
// $(".lcToolBtn").on("click", function(){
// //this should be <button></button>
// console.log(this);
// var next = this.getAttribute("next");
//
// //hide the div from this buttonPress
// this.parentNode.parentNode.parentNode.classList.remove("showw");
//
// // show appropriate div
// document.getElementById(next).style.opacity = 1;
// document.getElementById(next).classList.add("showw");
//
// // manipulating real kentico format console.log(this); //<button></button>
// theVal = this.getAttribute("val");
// $("input[value='" + theVal + "']").click();
//
// });
var currentSelection = {
next: "",
removeDiv: "",
theVal: ""
};
$(".lcToolRadio").on("click", function(){
//this should be <button></button>
// console.log(this);
currentSelection.next = this.parentNode.getAttribute("next");
// console.log("next:", next);
//hide the div from this buttonPress
// this.parentNode.parentNode.parentNode.classList.remove("showw");
// NEW hide the div from the RADIO click
currentSelection.removeDiv = this.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode;
// this.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.classList.remove("showw");
// "this" is the radio input element
// show appropriate div
// document.getElementById(next).classList.add("showw");
// manipulating real kentico format console.log(this); //<button></button>
currentSelection.theVal = this.parentNode.getAttribute("val");
// $("input[value='" + theVal + "']").click();
});
$(".next").on("click", function(){
if (window.innerWidth < 993) {
document.getElementById("scrollAnchor").scrollIntoView();
}
if (currentSelection.next == "") {
console.log("nothing yet");
$(".slctPlease").css("display", "block");
} else {
console.log("proceeding");
$(".slctPlease").css("display", "none");
}
//hide current div
currentSelection.removeDiv.classList.remove("showw");
//show next div
console.log(currentSelection.next);
document.getElementById(currentSelection.next).classList.add("showw");
document.getElementById(currentSelection.next).style.opacity = 1;
// maniuplate real kentico form
$("input[value='" + currentSelection.theVal + "']").click();
currentSelection.next = "", currentSelection.removeDiv = "", currentSelection.theVal = "";
})
$(".backBtn").on("click", function(){
$(".slctPlease").css("display", "none");
if (window.innerWidth < 993) {
document.getElementById("scrollAnchor").scrollIntoView();
}
var back = this.getAttribute("back");
console.log(this.parentNode.parentNode.parentNode.parentNode);
this.parentNode.parentNode.parentNode.parentNode.classList.remove("showw");
document.getElementById(back).classList.add("showw");
var radios = $(".lcToolRadio");
for (var i = 0; i < radios.length; i++) {
radios[i].checked = false;
}
currentSelection.next = "", currentSelection.removeDiv = "", currentSelection.theVal = "";
})
var buttonPress = function(id){
id = this.getAttribute("id");
console.log(id);
}
var wildCard = $("input[name^='form-LungCancerTreatment']");
//
// non-small cell lung cancer
// small cell lung cancer
// limited or limited combined
// extensive or extensive combined
// stage 1 or 2
// stage 3
// stage 4
// adenocarcinomaC1
// squamous cell carcinomaC1
// large cell carcinomaC1
// adenocarcinomaC2
// squamous cell carcinomaC2
// large cell carcinomaC2
// adenocarcinoma or large cell carcinomaC3
// squamous cell carcinomaC3
// actionable biomarker
// no actionable biomarker
// over 50D2A
// under 50D2A
// over 50D2B
// under 50D2B
// removes any checked value. use this logic for back button
$("input[name='form-LungCancerTreatmentPlanningTool2021-4734.smallCellType.Value']:checked").prop('checked', false)
for (var i = 0; i < wildCard.length; i++) {
if(wildCard[i].getAttribute("name").includes("") ){
}
}
Page last updated: April 18, 2024
