How to minimize sightly code

Avatar

Avatar
Give Back 3
Level 2
sampath_kumar_g
Level 2

Likes

4 likes

Total Posts

17 posts

Correct reply

0 solutions
Top badges earned
Give Back 3
Give Back
Ignite 1
Validate 1
Boost 3
View profile

Avatar
Give Back 3
Level 2
sampath_kumar_g
Level 2

Likes

4 likes

Total Posts

17 posts

Correct reply

0 solutions
Top badges earned
Give Back 3
Give Back
Ignite 1
Validate 1
Boost 3
View profile
sampath_kumar_g
Level 2

01-07-2021

<sly data-sly-use.clientLib="/libs/granite/sightly/templates/clientlib.html"/>
<sly data-sly-include="/libs/wcm/core/components/init/init.jsp"/>
<sly data-sly-call="${clientlib.all @ categories='sdm.pages,sdm.about, sdm_WB, sdm.topnav'}"/>
<sly data-sly-use.multiItems="com.sdm.community.core.models.About">
<sly data-sly-use.model="com.sdm.community.core.models.ViewAll">
<sly hidden data-sly-use.treatments="com.sdm.community.core.models.DiseaseCondition">

<script type="text/javascript">
//createAccordians("");
$( document ).ready(function() {
changeText('${properties.conditionName @CONTEXT="scriptString"}','');

var currentLocation = window.location.href;

if(currentLocation.indexOf("treatmentworkbook") > -1)
{
var condition = '${properties.conditionNameForTreatment @CONTEXT="scriptString"}';
condition = condition.replace(/-|\s/g,"").toLowerCase();
} else
{
var condition = '${properties.conditionName @CONTEXT="scriptString"}';
condition = condition.replace(/-|\s/g,"").toLowerCase();
}

//var condition = '${properties.conditionName @CONTEXT="scriptString"}';
// condition = condition.replace(/-|\s/g,"").toLowerCase();

$.ajax({
url: "/bin/careoptiontool",
type: 'get',
dataType: 'html',
data: { conditionName: condition },
async: false,
success: function(resultArray) {
localStorage.setItem('CareOptions', resultArray);
//var retrievedObject = localStorage.getItem('SearchData');
}
});


$("#careoptions").click(function(){
$(".information").hide();

});

$("#about").click(function(){
$(".information").show();

});

$('#hourGlass').css('display','none');
$('#contentWrapper').css('visibility','visible');

$('#tabs').css('visibility','visible');
$('.subTabTitle1').css('visibility','visible');
$('#tabs3').css('visibility','visible');


});
function showTreatmentScreeningToolTip(item){
/*uncomment this code for when tool tips are approved leave showOn commented out*/
console.log("Inside popup function");
var condition = document.querySelectorAll("#conditionname")[0].innerText;
// condition = condition.replace(/-|\s/g,"").toLowerCase();
//Careoptions data page List
$(document).ready(function() {
var resultArray = localStorage.getItem('CareOptions');
var homeList = [];
var earlyList = [];
var moreAdvancedList = [];
var surgeryList = [];
var result = resultArray.split("<>");
//console.log(result);
if(result && (result !='' || result !="") ) {
for (var i = 0; i < result.length; i++) {
var input1 = result[i].split("::::");
//console.log("input1"+input1);
if(input1[0].indexOf("Home") != -1){
homeList.push(input1);
}
if(input1[0].indexOf("Surgery") != -1){
surgeryList.push(input1);
}
if(input1[0].indexOf("Early") != -1){
earlyList.push(input1);
}
if(input1[0].indexOf("MoreAdvanced") != -1){
moreAdvancedList.push(input1);
}
}
}

var element = $(item);
var id = element.attr("id");
var sp = id.split("-");
var check = $('.care-option-cell-check').css('display');
if (check !="none"){
return false;
}
else{
var parse_id_pattern = /^(.*)-(.*)$/;
var id_match = parse_id_pattern.exec(id);
var list = id_match[1];
var index = id_match[2];
var input = "";
if(list.toLowerCase() == "early"){
input = earlyList[sp[1]];
}else if(list.toLowerCase() == "home"){
input = homeList[sp[1]];
}
else if(list.toLowerCase() == "moreadvanced"){
input = moreAdvancedList[sp[1]];
}
else if(list.toLowerCase() == "surgery"){
input = surgeryList[sp[1]];
}

//static

console.log("[10]:"+ ncdesc);
var ncdesc = input[10];

var cdesc = input[9];
console.log("[9]:"+ cdesc);
ncdesc = ncdesc.replace(/<br\s*[\/]?>/gi, "\n");
cdesc = cdesc.replace(/<br\s*[\/]?>/gi, "\n");
var ddl = $("#ContentViewDDL").val();
var ddl_pattern = /\&ContentViewDDL=(.*?)(\&|\#|$)/i;
var ddl_match = ddl_pattern.exec(ddl);
var ddl_value = "Non-Clinical";
if(ddl_match && ddl_match[1]){
ddl_value = ddl_match[1];
}
var cost = input[7];
cost = cost.replace("cost", "");

var cproven = input[6];
var age = input[0].split("=");
console.log("InputAGE0000::::"+age[1]);
var minage = age[1];
var maxage = input[1];
var impact = input[2];
var lot = input[3];
var lotu = input[4];
var url = input[19];
console.log("URL:"+ url);
$("#ContentViewDDL").change(function(){
var ele = document.getElementById("ContentViewDDL");
var contentview = ele.options[ele.selectedIndex].text;
var newlink = $("#"+id).clone();
var newid= id+"C";
$("#"+id).attr("id",newid);
$("#"+newid).after(newlink);
$("#"+newid).remove();
$("[id="+id+"]").poshytip({
className : 'tip-darkgray',
content : buildConditionToolTip("careoptions",element.attr("name"),ncdesc,cdesc,contentview,"treatments",cost,cproven,condition,element.attr("name"),minage,maxage,impact,lot,lotu, url),
alignTo : 'target',
alignX : 'center',
alignY : 'bottom',
offsetX : 10,
offsetY : 3,
showTimeout : 100,
timeOnScreen : 20000
});
//$("[id="+id+"]").trigger('mouseenter');
});
var ele = document.getElementById("ContentViewDDL");
var contentview = ele.options[ele.selectedIndex].text;
$("[id="+id+"]").poshytip({
className : 'tip-darkgray',
content : buildConditionToolTip("careoptions",element.attr("name"),ncdesc,cdesc,contentview,"treatments",cost,cproven,condition,element.attr("name"),minage,maxage,impact,lot,lotu, url),
alignTo : 'target',
alignX : 'center',
alignY : 'bottom',
offsetX : 10,
offsetY : 3,
showTimeout : 100,
timeOnScreen : 20000
});
}
$("[id="+id+"]").trigger('mouseenter');

});
//var conditionname = article.dataset.conditionname;
}
getCount();
</script>
<script>
$(document).ready(function(){
var currentLocation = window.location.href;

if(currentLocation.indexOf("careoptionstoolpage") == -1){
var condition = document.querySelectorAll("#conditionname")[0].innerText;
condition = condition.replace(/-|\s/g,"").toLowerCase();
}else {
condition = "";
}


if($("#tabs").tabs('option', 'active') == 1){
var condition = document.querySelectorAll("#conditionname")[0].innerText;
$("#condition_input").val(condition);
$(".information").hide();
loadCareOptions();
care_options_loaded = true;
}
$("#ui-id-3").click(function(){
var condition = document.querySelectorAll("#conditionname")[0].innerText;
$("#condition_input").val(condition);
if(!care_options_loaded){
loadCareOptions();
care_options_loaded = true;
}
});
});
/*********************************************************/
//Construct the compare view table and inject it into the page
/*********************************************************/
function buildCompareViewTable(id_array){

$(document).ready(function(){
var condition = document.querySelectorAll("#conditionname")[0].innerText;
var originalCondition = document.querySelectorAll("#conditionname")[0].innerText;
// var condition = "${properties.conditionName @CONTEXT="scriptString"}";
condition = condition.replace(/-|\s/g,"").toLowerCase();
console.log("Inside compare");

$("#condition_input").val(condition);
var table = $("<table class=\"tableCompare\" id=\"compareTable\">");

var head = $("<tr></tr>");
head.append($("<th class='compare-table-head'></th>"));
var description = $("<tr></tr>");
description.append($("<td width='10%' class='titleColumn'>Description</td>"));
var makesSense= $("<tr></tr>");
makesSense.append($("<td width='10%' class='titleColumn'>When Does This Make Sense?</td>"));
var benefits = $("<tr></tr>");
benefits.append($("<td width='10%' class='titleColumn'>Benefits</td>"));
var risks = $("<tr></tr>");
risks.append($("<td width='10%' class='titleColumn'>Risks</td>"));
var cost = $("<tr></tr>");
cost.append($("<td width='10%' class='titleColumn'>Cost</td>"));
var proven = $("<tr></tr>");
proven.append($("<td width='10%' class='titleColumn'>Clinically Proven</td>"));
var check = [];
/* for each checked cell, create table elements and append to the new table*/
for(var i = 0; i<id_array.length; i++){

var element = $("#" + id_array[i]);

var percent = 0;
var divwidth = 0;
if(treatmentsChecked == 2){
percent = "44.5%";
divwidth ="100%";
}
else if((treatmentsChecked == 3)){
percent = "29.6%";
divwidth ="100%;"
}
else{
percent = "22.25%";
divwidth ="100%";
}
var name = element.attr("name");

check.push(name);

var id = element.attr("id");
var sp1 = id.split("-");
//checkedList[name] = id;
var nameinUrl=encodeURIComponent(name);
var wbpath = "/content/sdm/publishing/treatmentworkbook.html?conditionName="+condition+"&treatmentName="+nameinUrl;
/*create table head div and append to table*/

var headCol= $("<td width="+percent+" style=\"word-break: break-word;background: #DDECEF;font-weight: bold;\"><div style=\"width:"+divwidth+";word-break: break-all;\"><a href="+wbpath+" style=\"color: #6D929B;text-decoration: underline; text-align:center; width:auto;\">" + name + "</a></div></td>");
head.append(headCol);

$.ajax({
url: "/bin/careoptiontool",
type: 'get',
dataType: 'html',
data: { conditionName: condition },
async: false,
success: function(resultArray) {
//var retrievedObject = localStorage.getItem('SearchData');
var homeList = [];
var earlyList = [];
var moreAdvancedList = [];
var surgeryList = [];

var result = resultArray.split("<>");

if(result && (result !='' || result !="") ) {

for (var i = 0; i < result.length; i++) {


var input1 = result[i].split("::::");
if(input1[0].indexOf("Home") != -1){
homeList.push(input1);
}
if(input1[0].indexOf("Surgery") != -1){
surgeryList.push(input1);
}
if(input1[0].indexOf("Early") != -1){
earlyList.push(input1);
}
if(input1[0].indexOf("MoreAdvanced") != -1){
moreAdvancedList.push(input1);
}
}

}
var parse_id_pattern = /^(.*)-(.*)$/;
var id_match = parse_id_pattern.exec(id);
var list = id_match[1];
var index = id_match[2];

 

var props = "";
if(list.toLowerCase() == "early"){
props = earlyList[sp1[1]];
}else if(list.toLowerCase() == "home"){
props = homeList[sp1[1]];
}
else if(list.toLowerCase() == "moreadvanced"){
props = moreAdvancedList[sp1[1]];
}
else if(list.toLowerCase() == "surgery"){
props = surgeryList[sp1[1]];
}

 

/* create array of the properties and get necessary values
var props = inputString.split(":");
for(var j = 0; j < props.length; j++){
props[j] = props[j].replace(/\&\#58;/g, ":");
} */
//var nonclinicalDeslong = "hello";
var nonclinicalDeslong = props[10];
var clinicalDeslong = props[9];
var clinicalMakesSense = props[13];
var nonclinicalMakesSense = props[14];
var nonclinicalBenefits = props[15];
var clinicalBenefits = props[16];
var nonclinicalRisks = props[17];
var clinicalRisks = props[18];

var cost_val = props[7].replace(/.*,/,"");
var clinicallyProven_val = props[6];

var clinicalSplit = $("<div class=\"clinicalContent\"><br> The following is clinical content only.<br></div>");
var ddl = $("#ContentViewDDL").val();
var ddl_pattern = /\&ContentViewDDL=(.*?)(\&|\#|$)/i;
var ddl_match = ddl_pattern.exec(ddl);
var ddl_value = "Non-Clinical";
if(ddl_match && ddl_match[1]){
ddl_value = ddl_match[1];
}

var descriptionColumn = $("<td width="+percent+" style=\"word-wrap:break-word; vertical-align:top;\"><div class='nonClinical' style=\"width:"+divwidth+";word-wrap: break-word;\">" + nonclinicalDeslong + "</div><div class='nonClinical'>" +
"<div class=\"clinicalContent\" style=\"width:"+divwidth+";word-wrap: break-word;\"><br> The following is clinical content only.<br></div>" +
"</div><div class='clinicalContentVal' style=\"word-wrap: break-word;\">" + clinicalDeslong + "</div></td>" );
description.append(descriptionColumn);


var makesSenseColumn = $("<td width="+percent+" style=\"word-wrap:break-word;vertical-align:top;\"><div class='nonClinical' style=\"width:"+divwidth+";word-wrap: break-word;\">" + nonclinicalMakesSense + "</div><div class='nonClinical'>" +
"<div class=\"clinicalContent\" style=\"width:"+divwidth+";word-wrap: break-word;\"><br> The following is clinical content only.<br></div>" +
"</div><div class='clinicalContentVal' style=\"word-wrap: break-word;\">" + clinicalMakesSense + "</div></td>" );
makesSense.append(makesSenseColumn);


var benefitsColumn = $("<td width="+percent+" style=\"word-wrap:break-word; vertical-align:top;\"><div class='nonClinical' style=\"width:"+divwidth+";word-wrap: break-word;\">" + nonclinicalBenefits + "</div><div class='nonClinical'>" +
"<div class=\"clinicalContent\" style=\"width:"+divwidth+";word-wrap: break-word;\"><br> The following is clinical content only.<br></div>" +
"</div><div class='clinicalContentVal' style=\"word-wrap: break-word;\">" + clinicalBenefits + "</div></td>" );
benefits.append(benefitsColumn);

 

var risksColumn = $("<td width="+percent+" style=\"word-wrap:break-word; vertical-align:top;\" ><div class='nonClinical' style=\"width:"+divwidth+";word-wrap: break-word;\">" + nonclinicalRisks + "</div><div class='nonClinical'>" +
"<div class=\"clinicalContent\" style=\"width:"+divwidth+";word-wrap: break-word;\"><br>The following is clinical content only.<br></div>" +
"</div><div class='clinicalContentVal' style=\"word-wrap: break-word;\">" + clinicalRisks + "</div></td>" );

risks.append(risksColumn);

var costColumn;
costColumn = $("<td width="+percent+" style=\"text-align:center\">" + cost_val + "</td>" );
cost.append(costColumn);

var clinicallyProvenColumn = $("<td width="+percent+"></td>");
if(clinicallyProven_val.toLowerCase() == "yes"){
clinicallyProvenColumn = $("<td style=\"text-align:center\">" + "<img src=\"/apps/sdm/clientlibs/clientlibs/images/circleGreen.png\" title=\"Green: Indicates the treatment is clinically proven \nRed: Indicates the treatment is unproven \nYellow: Indicates there is insufficient data to determine if the treatment is proven or unproven \">" + "</td>" );
}
if(clinicallyProven_val.toLowerCase() == "no"){
clinicallyProvenColumn = $("<td width="+percent+" style=\"text-align:center\">" + "<img src=\"/apps/sdm/clientlibs/clientlibs/images/circleRed.png\" title=\"Green: Indicates the treatment is clinically proven \nRed: Indicates the treatment is unproven \nYellow: Indicates there is insufficient data to determine if the treatment is proven or unproven \">" + "</td>" );
}
if(clinicallyProven_val.toLowerCase() == "insufficient evidence"){
clinicallyProvenColumn = $("<td width="+percent+" style=\"text-align:center\">" + "<img src=\"/apps/sdm/clientlibs/clientlibs/images/circleYellow.png\" title=\"Green: Indicates the treatment is clinically proven \nRed: Indicates the treatment is unproven \nYellow: Indicates there is insufficient data to determine if the treatment is proven or unproven \">" + "</td>" );
}
proven.append(clinicallyProvenColumn);

} //success ending
}); //ajax ending

}

compareReport(check,originalCondition,'Compare');
table.append(head).append(description).append(makesSense).append(benefits).append(risks).append(cost).append(proven);
$("#compareTable").replaceWith(table);
$("#ContentViewDDL").trigger("change");


});

}
</script>
<div class="hourGlass" id="hourGlass" style="visibility: hiddden;text-align: center;position: absolute;top: 300px;left: 0px;width: 100%;height: 1;">
<img style="width: 25; height: 25;" src="/apps/sdm/clientlibs/clientlibs/images/ajax-loader-bw.gif">
</div>
<div class="contentWrapperStandard" id="contentWrapper" style="visibility: hidden;">

<sly data-sly-test="${properties.checkConditionPage && !properties.checkTreatmentPage && !properties.checkPreventiveCarePage && !properties.checkRightCarePage}">

<div id="conditionname" class="pageTitle">${properties.conditionName @ context='html'}</div>
<p class="altPageTitle">
<sly data-sly-list.head="${multiItems.alternatenames.listChildren}">
<sly data-sly-test="${headList.count > 1}">
<sly data-sly-test="${headList.first}">Alternative Names: </sly>
<sly data-sly-test="${headList.last}">and</sly>
<sly data-sly-test="${!headList.last && !headList.first}">,</sly>
${head.alternatenames}
</sly>
<sly data-sly-test="${headList.count == 1}">
<sly data-sly-test="${headList.first}">Alternative Names: </sly>
${head.alternatenames}
</sly>
</sly>
</p>

</sly>
<sly data-sly-test="${!properties.checkConditionPage && properties.checkTreatmentPage && !properties.checkPreventiveCarePage && !properties.checkRightCarePage}">

<div class="pageTitle">${properties.treatmentName @ context='html'}
<p>
Condition: <a id="conditionname" href="${properties.conditionslinkpage @ extension='html'}"><span style="color: #0077C8;">${properties.conditionNameForTreatment @ context='html'}<span></span></span></a>
</p>
</div>
<p class="altPageTitle">
<sly data-sly-list.alttreat="${multiItems.alternatenamesfortreatment.listChildren}">
<sly data-sly-test="${alttreatList.count > 1}">
<sly data-sly-test="${alttreatList.first}">Alternative Names: </sly>
<sly data-sly-test="${alttreatList.last}">and</sly>
<sly data-sly-test="${!alttreatList.last && !alttreatList.first}">,</sly>
${alttreat.alternatenamesfortreatment}
</sly>
<sly data-sly-test="${alttreatList.count == 1}">
<sly data-sly-test="${alttreatList.first}">Alternative Names: </sly>
${alttreat.alternatenamesfortreatment}
</sly>
</sly>
</p>

</sly>
<sly data-sly-test="${!properties.checkConditionPage && !properties.checkTreatmentPage && properties.checkPreventiveCarePage && !properties.checkRightCarePage}">

<div class="pageTitle">${properties.preventiveCareName @ context='html'}
<p>
Condition:<a id="conditionname" href="${properties.pclinkpage @ extension='html'}"><span style="color: #0077C8;">${properties.pclinkpagename @ context='html'}<span></span></span></a>
</p>
</div>
<p class="altPageTitle">
<sly data-sly-list.preven="${multiItems.alternatenamesforpreventivecare.listChildren}">
<sly data-sly-test="${prevenList.count > 1}">
<sly data-sly-test="${prevenList.first}">Alternative Names: </sly>
<sly data-sly-test="${prevenList.last}">and</sly>
<sly data-sly-test="${!prevenList.last && !prevenList.first}">,</sly>
${preven.alternatenamesforpreventivecare}
</sly>
<sly data-sly-test="${prevenList.count == 1}">
<sly data-sly-test="${prevenList.first}">Alternative Names: </sly>
${preven.alternatenamesforpreventivecare}
</sly>
</sly>
</p>

</sly>
<sly data-sly-test="${!properties.checkConditionPage && !properties.checkTreatmentPage && !properties.checkPreventiveCarePage && properties.checkRightCarePage}">

<div id="conditionname" class="pageTitle">${properties.rightCareTitle @ context='html'}</div>
<p class="altPageTitle testing" id="test">
<sly data-sly-list.rightcare="${multiItems.alternatenamesrc.listChildren}">
<sly data-sly-test="${rightcareList.count > 1}">
<sly data-sly-test="${rightcareList.first}">Alternative Names: </sly>
<sly data-sly-test="${rightcareList.last}">and</sly>
<sly data-sly-test="${!rightcareList.last && !rightcareList.first}">,</sly>
${rightcare.alternatenamesrc}
</sly>
<sly data-sly-test="${rightcareList.count == 1}">
<sly data-sly-test="${rightcareList.first}">Alternative Names: </sly>
${rightcare.alternatenamesrc}
</sly>
</sly>
</p>

</sly>
</div>
<!-- Tabs - Begin -->
<div id="tabs" style="visibility:hidden;" class="contentWrapperStandard">
<ul>
<sly data-sly-test="${!properties.checkCareOptionTools}"</sly>
<li id="about">
<a href="#tabs-1" >About</a>
</li>
</sly>
<li id="careoptions" class="hello">
<a href="#tabs-2" class="remove">Care Options Tool</a>
</li>
<li>
<div id="validating" class="care-option-tab-error" style="background: white; display: none;">Care Options view is not available for this preventive screening</div>
</li>
<sly data-sly-test="${properties.checkCareOptionTools}"</sly>
<li>
<div class="care-option-tool-error">Choose A Condition From Condition Dropdown </div>
</li>
</sly>

</ul>
<sly data-sly-test="${properties.checkConditionPage && !properties.checkTreatmentPage && !properties.checkPreventiveCarePage && !properties.checkRightCarePage && !properties.checkCareOptionTools}">
<div id="tabs-1">
<!-- Toggle height - Begin -->
<div class="toggleHeightContainer">
<h3>
<a href="#" class="" >Did You Know This About
<span>${properties.conditionName @ context='html'}
</span>?
</a>
<a id = "Did You Know This About ${properties.conditionName @ context='html'}_wb_id" class="addToReport" href='javascript&colon;void(0)' onclick="reportChangeText('${properties.conditionName @ context='html'}','','Did You Know This About ${properties.conditionName @ context='html'}','Condition',this);" >Add To Report</a>
</h3>
<div id="keyFacts1" class="toggleHeightContainerKeyFacts" >
<div class="nonClinical">${properties.keyfacts_nonclinical @ context='html'}
<br>
</div>
<div class="clinicalContent" style="display:none">
<br > The following is clinical content only.</br>
</div>
<div class="clinicalContentVal" style="display:none">
<br>${properties.keyfacts_clinical @ context='html'}
</div>
</div>
</div>
</div>
</sly>
<!-- Toggle height - Ends -->
<sly data-sly-test="${!properties.checkConditionPage && properties.checkTreatmentPage && !properties.checkPreventiveCarePage && !properties.checkRightCarePage && !properties.checkCareOptionTools}">
<div id="tabs-1">
<div class="toggleHeightContainer">
<h3>
<a href="#">Did You Know This About
<span>${properties.treatmentName @ context='html'}</span>?
</a>
<a id="Did You Know This About ${properties.treatmentName @ context='html'}_wb_id" class="addToReport" href="javascript&colon;void(0)" onclick="reportChangeText('${properties.conditionNameForTreatment @ context='html'}','${properties.treatmentName @ context='html'}','Did You Know This About ${properties.treatmentName @ context='html'}','Treatment',this);">Add To Report</a>
</h3>
<div id="keyFacts1" class="toggleHeightContainerKeyFacts">
<div class="nonClinical">
${properties.keyfacts_nonclinical_treatment @ context='html'}
</div>
<div class="clinicalContent" style="display:none">
<br>The following is clinical content only.<br>
</div>
<div class="clinicalContentVal" style="display:none">
<br>${properties.keyfacts_clinical_treatment @ context='html'}
</div>
</div>
</div>
<div class="toggleHeightContainer" data-sly-test="${!multiItems.isNoconditionpage}">
<h3>
<a href="#" class="" >Did You Know This About
<span>${properties.conditionNameForTreatment @ context='html'}
</span>?
</a>
<a id = "Did You Know This About ${properties.conditionNameForTreatment @ context='html'}_wb_id" class="addToReport" href='javascript&colon;void(0)' onclick="reportChangeText('${properties.conditionNameForTreatment @ context='html'}','','Did You Know This About ${properties.conditionNameForTreatment @ context='html'}','Condition',this);" >Add To Report</a>
</h3>
<div id="keyFacts1" class="toggleHeightContainerKeyFacts" >
<div class="nonClinical">${multiItems.keyfacts_nonclinical_condition @ context='html'}
<br>
</div>
<div class="clinicalContent" style="display:none">
<br > The following is clinical content only.</br>
</div>
<div class="clinicalContentVal" style="display:none">
<br>${multiItems.keyfacts_clinical_condition @ context='html'}
</div>
</div>
</div>
</div>
</sly>
<sly data-sly-test="${!properties.checkConditionPage && !properties.checkTreatmentPage && properties.checkPreventiveCarePage && !properties.checkRightCarePage && !properties.checkCareOptionTools}">
<div class="toggleHeightContainer">
<h3>
<a href="#" class="" >Did You Know This About
<span>${properties.preventiveCareName @ context='html'}
</span>?
</a>
<a id = "Did You Know This About ${properties.preventiveCareName @ context='html'}_wb_id" class="addToReport" href='javascript&colon;void(0)' onclick="reportChangeText('No Condition','${properties.preventiveCareName @ context='html'}','Did You Know This About ${properties.preventiveCareName @ context='html'}','Screening',this);" >Add To Report</a>
</h3>
<div id="keyFacts1" class="toggleHeightContainerKeyFacts" >
<div class="nonClinical">${properties.keyfacts_nonclinical_pc @ context='html'}
<br>
</div>
<div class="clinicalContent" style="display:none">
<br > The following is clinical content only.</br>
</div>
<div class="clinicalContentVal" style="display:none">
<br>${properties.keyfacts_clinical_pc @ context='html'}
</div>
</div>
</div>
</sly>
<sly data-sly-test="${!properties.checkConditionPage && !properties.checkTreatmentPage && !properties.checkPreventiveCarePage && properties.checkRightCarePage && !properties.checkCareOptionTools}">
<div id="tabs-1">
<!-- Toggle height - Begin -->
<div class="toggleHeightContainer">
<h3>
<a href="#" class="" >Did You Know This About
<span>${properties.rightCareTitle @ context='html'}
</span>?
</a>
<a id = "Did You Know This About ${properties.rightCareTitle @ context='html'}_wb_id" class="addToReport" href='javascript&colon;void(0)' onclick="reportChangeText('${properties.rightCareTitle @ context='html'}','','Did You Know This About ${properties.rightCareTitle @ context='html'}','Rightcare',this);" >Add To Report</a>
</h3>
<div id="keyFacts1" class="toggleHeightContainerKeyFacts" >
<div class="nonClinical">${properties.keyfacts_nonclinical_rc @ context='html'}
<br>
</div>
<div class="clinicalContent" style="display:none">
<br > The following is clinical content only.</br>
</div>
<div class="clinicalContentVal" style="display:none">
<br>${properties.keyfacts_clinical_rc @ context='html'}
</div>
</div>
</div>
</div>
</sly>


</div>

</sly>
<!-- Tabs - Ends -->
<!-- Content - Ends -->
<!-- Footer - Begin -->

Accepted Solutions (0)

Answers (0)