Rev 8473 | Blame | Compare with Previous | Last modification | View Log | RSS feed
## This velocity file will generate all slides for a given entity. It will get just {$expentity} from java and generate the content.#set( $expslides = $expentity.getExpandedSlides() )#set( $hasVideo = 0)#set($entityid = $expentity.getID())#set($urlpart1 = "http://static")#set($urlpart2 = "." + $domain)#set($staticnum = $entityid%3)#set($defaulturl = $urlpart1 + $staticnum + $urlpart2)#set($staticnum = $staticnum+1)#set($staticnum = $staticnum%3)#set($skinurl = $urlpart1 + $staticnum + $urlpart2)#set($staticnum = $staticnum+1)#set($staticnum = $staticnum%3)#set($numcount = $staticnum)#set($dynamicurl = $urlpart1 + $numcount + $urlpart2)#set($entitytitle = $expentity.getBrand().trim() + ' ' + $expentity.getModelName().trim() + ' ' + $expentity.getModelNumber().trim())#set($requiresSkinImg = false) ##If this product has vedios which require skin image or not#set($allmedias = $expentity.getAllMedias())#set($allimagelabels = $expentity.getAllImageLabels())#set($allvideolabels = $expentity.getAllYoutubeLabels())<!-- slide guide --><div id="slideGuideContent" class="contweak"><div class="controls container-inner"><!-- slideGuideNav --><div id="slideGuideNav" class="sidebar"><div style="width:143px;float:left"></div><ul id="sideNav"><li class="ui-state-default ui-corner-top" style="height: 20px;"><span style="color: #1c94c4; text-decoration: none; height:20px" class="vt"></span></li>## Get necessary data from summary slide. This data will be used later on in the code#foreach( $expslide in $expslides )#if($expslide.getSlideDefinitionID() == 130054)#set($expfeatures = $expslide.getExpandedFeatures())#foreach($expfeature in $expfeatures)#if($expfeature.getFeatureDefinitionID() == 120085)#set($expbullet = $expfeature.getExpandedBullets().get(0))#set($skinheight = $expbullet.getDataObject().getPrimitiveDataObjects().get(0).getValue())#set($skinwidth = $expbullet.getDataObject().getPrimitiveDataObjects().get(1).getValue())#end#if($expfeature.getFeatureDefinitionID() == 120088)#set($expbullets = $expfeature.getExpandedBullets())#foreach($expbullet in $expbullets)#set($videotype = $expbullet.displayText())#end#end#if($expfeature.getFeatureDefinitionID() == 120086)#set($expbullet = $expfeature.getExpandedBullets().get(0))#set($screentopcornerx = $expbullet.getDataObject().getPrimitiveDataObjects().get(0).getValue())#set($screentopcornery = $expbullet.getDataObject().getPrimitiveDataObjects().get(1).getValue())#set($requiresSkinImg = true)#end#if($expfeature.getFeatureDefinitionID() == 120087)#set($expbullet = $expfeature.getExpandedBullets().get(0))#set($screenheight = $expbullet.getDataObject().getPrimitiveDataObjects().get(0).getValue())#set($screenwidth = $expbullet.getDataObject().getPrimitiveDataObjects().get(1).getValue())#end#end#end#if($expslide.getSlideDefinitionID() != 130054 && $expslide.getSlideDefinitionID() != 130088)<li><a href="#vtab-$expslide.getSlideDefinitionID()" class="vt"><span>$expslide.getSlideDefinition().getLabel()</span></a></li>#end#end</ul></div><!-- /slideGuideNav -->## Javascript if generated to keep the state of current video in a slide<script language="javascript" type="text/javascript">currentVideoIds = {};#foreach ( $expslide in $expslides )#if($expslide.getSlideDefinitionID() == 130001)#set( $videoRefs = $allvideolabels)#set( $medias = $allmedias)#else#set( $videoRefs = $expslide.getFreeformContent().getYoutubeLabels())#set( $medias = $expslide.getFreeformContent().getMedias())#end#if($videoRefs)#set( $slideId = $velocityCount)#if($videoRefs && $videoRefs.size() != 0)#set( $videoLabel = $videoRefs.get(0) )#set( $video = $medias.get($videoLabel) )#set( $youtubeId = $video.getYoutubeId())currentVideoIds["$slideId"] = "$youtubeId";#end#end#endplayed = {};function onYouTubePlayerReady(playerId) {ytplayer = document.getElementById(playerId);ytplayer.addEventListener("onStateChange", "onPlayerStateChange");ytplayer.cueVideoById(playerId.split("recommended")[1]);}function onPlayerStateChange(newState) {if(newState==0){ytplayer = document.getElementById("ytPlayer");ytplayer.cueVideoById(currentVideoId);}if (played[currentVideoId] === undefined && newState==1) {played[currentVideoId] = 1;trackEventWithGA('Product', 'Video-play', $('title').text().split('|')[0].trim() + " | " + currentVideoId);}}</script><!-- slideGuideProduct -->## Checks wether images and videos or both are available in the slide. Also sets variables accordingly## if no image or video is available, default image will be published on the slide<div id="slideGuideProduct">#foreach( $expslide in $expslides )#if($expslide.getSlideDefinitionID() != 130054 && $expslide.getSlideDefinitionID() != 130088)#if($expslide.getFreeformContent().getImageLabels())#set( $imageRefs = $expslide.getFreeformContent().getImageLabels())#if( $imageRefs && $imageRefs.size() !=0 )#set($isImage = 1)#set($imageCount = $imageRefs.size())#else#set($isImage = 0)#end#else#set($isImage = 0)#end#if($expslide.getFreeformContent().getYoutubeLabels())#set ( $videoRefs = $expslide.getFreeformContent().getYoutubeLabels())#if( $videoRefs && $videoRefs.size() !=0 )#set($isVideo = 1)#set($hasVideo = 1)#set($videoCount = $videoRefs.size())#else#set($isVideo = 0)#end#else#set($isVideo = 0)#end#set($default = 0)#if($isImage == 0)#if($isVideo == 0)#set($default = 1)#end#end#set($slideDefinitionID = $expslide.getSlideDefinitionID())#set($slideno = $velocityCount)<div class="teaser" id="vtab-$expslide.getSlideDefinitionID()">## Text content of each slide will be displayed here<div class="desc">#set($slideLabel = $expslide.getSlideDefinition().getLabel())<h1>$expentity.getBrand() <span>$expentity.getModelName() $expentity.getModelNumber()</span></h1><ul>#if ( $expslide.getExpandedFeatures() )#set ( $expfeatures = $expslide.getExpandedFeatures() )#foreach( $expfeature in $expfeatures )#set($helpdocid = $expfeature.getFeatureDefinition().getHelpDocDefinitionID())#if( $helpdocid && $helpdocid!=0) #set($helpdocname = $helpdocs.get($helpdocid).getName()) #set($filename = $helpdocname.toLowerCase().replace(' ', '-').replaceAll("/", ""))<li class="mainFeature helpdoc"><span class="tooltip" name="$filename">$expfeature.getFeatureDefinition().getLabel()</span></li>#else<li class="mainFeature">$expfeature.getFeatureDefinition().getLabel()</li>#end#if ( $expfeature.getExpandedBullets() )#set ( $expbullets = $expfeature.getExpandedBullets() )#foreach ( $expbullet in $expbullets)#if($expbullet.isEnumerated())#set($helpdocid = $expbullet.getExpandedEnumDataObject().getEnumValue().getHelpDocDefinitionID())#if( $helpdocid && $helpdocid!=0) #set($helpdocname = $helpdocs.get($helpdocid).getName()) #set($filename = $helpdocname.toLowerCase().replace(' ', '-').replaceAll("/", ""))<li class="mainFeatureValue helpdoc"><span style="position: absolute; left: 8px;" class="feature-bullet-icon left"></span><span class="tooltip" name="$filename">$expbullet.displayText()</span></li>#else<li class="mainFeatureValue"><span style="position: absolute; left: 8px;" class="feature-bullet-icon left"></span>$expbullet.displayText()</li>#end#else#if($expbullet.displayText() && !$expbullet.displayText().equals(""))<li class="mainFeatureValue"><span style="position: absolute; left: 8px;" class="feature-bullet-icon left"></span>$expbullet.displayText()</li>#end#end#if ( $expbullet.getFreeformContent() )#if($expbullet.getFreeformContent().getFreeformText() && !$expbullet.getFreeformContent().getFreeformText().trim().isEmpty())<li class="mainFeaturePunchline">$expbullet.getFreeformContent().getFreeformText()</li>#end#end#end#end#if ( $expfeature.getFreeformContent() )#if($expfeature.getFreeformContent().getFreeformText())#set($lines = $expfeature.getFreeformContent().getFreeformText())#set($lines = $lines.replaceAll("</?li>|</?ul>|</?br>|</?b>|</?p>",""))#foreach($line in $lines.split("\n"))#if(!$line.trim().isEmpty())<li class="mainFeaturePunchline">$line</li>#end#end#end#end#end#end#if ( $expslide.getExpandedChildrenSlides() )#set ( $expchildren = $expslide.getExpandedChildrenSlides() )#foreach( $expchild in $expchildren )#showchildslide ( $expchild 1)#end#end#if ( $expslide.getFreeformContent() )#if($expslide.getSlideDefinitionID() != 130001)#if($expslide.getFreeformContent().getFreeformText())#set($lines = $expslide.getFreeformContent().getFreeformText())#set($lines = $lines.replaceAll("</?li>|</?ul>|</?br>|</?b>|</?p>",""))#set($isfirst = 1)#foreach($line in $lines.split("\n"))#if(!$line.trim().isEmpty())#if($isfirst == 1)<li class="mainPunchline spacing">$line</li>#set($isfirst = 0)#else<li class="mainPunchline">$line</li>#end#end#end#end#else<li class="introduction">$expslide.getFreeformContent().getFreeformText()</li>#end#end</ul>#set($selectedIndex = $expslides.indexOf($expslide) + 1)#if($selectedIndex < $expslides.size() && ($expslides.get($selectedIndex).getSlideDefinitionID() == 130054 || $expslides.get($selectedIndex).getSlideDefinitionID() == 130088))#set($selectedIndex = $selectedIndex + 1)#end#if($selectedIndex < $expslides.size())<div id="nextSlideLink" class="nextSlide-link"><a href="#" nextSlideId = "#vtab-$expslides.get($selectedIndex).getSlideDefinitionID()" class="right nextSlide-anchorLink">$expslides.get($selectedIndex).getSlideDefinition().getLabel() >></a></div>#end<div class="compare-links right"><a class="util_compare">Compare With...</a><a class="util_addnewresearch right">Add to Compare</a>#if($slideDefinitionID == 130001)<div id='social-plugins-div' style="width:206px; height:35px; margin:10px 0px 10px 20px; background-color: #ECEEF5; border: 1px solid #CAD4E7;bottom:0"><div style="width:100px; font-size:11px; height:25px; margin:5px 0px 5px 15px; float: left;"><div id="fb-root"></div><iframe src="http://www.facebook.com/plugins/like.php?href=$params.PRODUCT_URL&layout=button_count&show_faces=true&width=120&action=like&font&colorscheme=light&height=25" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:120px; height:25px;" allowTransparency="true"></iframe></div><span style="float:left; display:inline; margin:5px 0px 5px 0px;" id="plusone"><g:plusone size="medium"></g:plusone></span></div>#end</div></div><div class="demo"><div id="vtab-media-$velocityCount"><ul>#if($slideDefinitionID == 130001)#if($allvideolabels && $allvideolabels.size() !=0 )#set($isVideo = 1)#set($videoCount = $allvideolabels.size())#end#if($allimagelabels && $allimagelabels.size() !=0)#set($isImage = 1)#set($imageCount = $allimagelabels.size())#end#end#if($isImage == 1)<li><a href="#vtab-media-img-$velocityCount">Images #if($imageCount && $imageCount > 0)($imageCount)#end</a></li>#end#if($isImage == 0)<li><a href="#vtab-media-img-$velocityCount">Images</a></li>#end#if($isVideo == 1)<li><a style="font-weight:bold;color:#FF0000" class="mk_videoclick" slidename="$expslide.getSlideDefinition().getLabel()" slidecounter="$velocityCount">Videos #if($videoCount && $videoCount > 0)($videoCount)#end</a></li>#end</ul>#if($isImage == 0)<div id="vtab-media-img-$velocityCount"><script language="javascript" type="text/javascript">var NumberOfImages_$velocityCount = 1;var img_$velocityCount = new Array(NumberOfImages_$velocityCount)#set($count=0)img_$velocityCount[$count] = "${defaulturl}/images/media/${entityid}/${mediaPrefix}-default-${params.DEFAULT_IMAGE_SUFFIX}.jpg"#set($firstImageRef="${defaulturl}/images/media/${entityid}/${mediaPrefix}-default-${params.DEFAULT_IMAGE_SUFFIX}.jpg")var imgNumber$velocityCount = 0;</script><div class="container"><div class="slides"><div><img src="$firstImageRef" name="Image$velocityCount" alt="$entitytitle" title="$entitytitle" /></div></div></div></div>#end#if($isImage == 1)<div id="vtab-media-img-$velocityCount"><!-- slide show start --><!-- Script required for slideshow start --><script language="javascript" type="text/javascript"><!--#set( $imageRefs = $expslide.getFreeformContent().getImageLabels())#if($slideDefinitionID == 130001)#set( $imageRefs = $allimagelabels)#endvar NumberOfImages_$velocityCount = $imageRefs.size();var img_$velocityCount = new Array(NumberOfImages_$velocityCount);var title_$velocityCount = new Array(NumberOfImages_$velocityCount);#set($count=0)#foreach( $imageLabel in $imageRefs )#set( $medias = $expslide.getFreeformContent().getMedias())#if($slideDefinitionID == 130001)#set( $medias = $allmedias)#end#set( $image = $medias.get($imageLabel) )#set($imageName = $image.getFileName())#set($imageNames = $imageName.split("\."))#foreach ($part in $imageNames)#if ($velocityCount == 1) #set ($part1 = $part) #end#if ($velocityCount == 2) #set ($part2 = $part) #end#end#set($imageName = $part1 + "-" + $image.getCreationTime().getTime() + "." + $part2)#set($imageTitle = $image.getTitle())img_$slideno[$count] = "${dynamicurl}/images/media/${entityid}/${mediaPrefix}-$imageName";#set($numcount = $numcount + 1)#set($numcount = $numcount % 3)#set($dynamicurl = $urlpart1 + $numcount + $urlpart2)title_$slideno[$count] = "$imageTitle";#set($count = $count + 1)#if($velocityCount == 1)#set($firstImageRef="${defaulturl}/images/media/${entityid}/${mediaPrefix}-$imageName")#set($firstImageTitle="$imageTitle")#end#endvar imgNumber$velocityCount = 0;//--></script><!-- Script required for slideshow end --><div class="container"><!-- image label scroll start --><div class="slider-content"><div class="slider"><button style="display: inline; visibility: hidden;" class="prev"><<</button><button style="display: inline; visibility: visible;" class="next">>></button><div class="sliderScroll"><ul style="margin-left: 0px;">#foreach( $imageLabel in $imageRefs )#set($localcount = $velocityCount - 1)#if($localcount != 0)<span style="color: rgb(102, 102, 102);">•</span>#end<li onclick="javascript:goToImg('Image$slideno','$localcount',img_$slideno,title_$slideno,'vtab-$slideDefinitionID')">$medias.get($imageLabel).getLabel()</li>#end</ul></div></div></div><!-- image label scroll end --><div class="slides"><div><span></span><img src="$firstImageRef" id="Image$velocityCount" alt="$entitytitle" title="$entitytitle" /></div><div class="modelName">$firstImageTitle</div></div></div><!-- slide show end --></div>#end</div></div><script type="text/javascript">$(function() {$("#vtab-media-$velocityCount").tabs();});allYoutubeIds = [];</script><!-- demo end --><div class="clearBoth"></div></div>#end#end#if ($expertReviews)<!-- Expert Review--><div style="border-top:1px solid #67ABD3;padding:20px 10px;margin:15px"><h3>What Experts Say</h3>#foreach($expertReview in $expertReviews)<div style="padding-top:10px;"><div><i>$expertReview.getReviewContent()</i></div><b style="font-size:11px">$expertReview.getSource()</b></div>#end<!-- /Expert Review --></div>#end#if($hasVideo == 1)<!-- Recommended Videos--><div id="recommendedvids" style="border-top:1px solid #67ABD3;padding:20px 10px;margin:15px">#set($counter = 0)<h3>Recommended Videos</h3><div id="vtab-media-vid"><script language="javascript" type="text/javascript"><!--#set( $videoRefs = $allvideolabels)var NumberOfVideos = $videoRefs.size();var video_title = new Array(NumberOfVideos);#set( $medias = $allmedias)#set($count=0)#foreach( $videoLabel in $videoRefs )#set( $video = $medias.get($videoLabel) )#set($videoTitle = $video.getTitle())#set( $youtubeId = $video.getYoutubeId())video_title[$count] = "$videoTitle";#set($count = $count + 1)#set($firstVideoId="$youtubeId")#end//--></script><div class="container" style="width:481px"><div class="slider-content" style="width:479px;margin-left:0"><div class="slider" style="width:481px"><button style="display: inline; visibility: hidden;" class="prev">«</button><button style="display: inline; visibility: visible;" class="next">»</button><div class="sliderScroll" style="width:auto"><ul style="margin-left: 0px;">#set($firstVideoType = "")#set($firstYoutubeId = "")#set($firstVideoInitCode = "")#foreach( $videoLabel in $videoRefs )#set( $video = $medias.get($videoLabel) )#set( $youtubeId = $video.getYoutubeId())#set($localcount = $velocityCount - 1)#if($firstYoutubeId == "")#set($firstYoutubeId = $youtubeId)#end#if($localcount != 0)<span style="color: rgb(102, 102, 102);">•</span>#end#set($videotype = $video.getType().name())#if($firstVideoType == "")#set($firstVideoType = $videotype)#end#set($videoHeight = $screenheight)#set($videoWidth = $screenwidth)#if($firstVideoInitCode == "")#set($firstVideoInitCode = "goToVid('ytPlayer', '" + $youtubeId + "', '" + $localcount + "', video_title, 'vtab-" + $slideDefinitionID + "', 'VIDEO_WITH_SKIN', '" + 311 + "', '" + 481 + "', '" + $screentopcornerx + "', '" + $screentopcornery + "')")#end<li ytid="$youtubeId" onclick="javascript:goToVid('ytPlayer', '$youtubeId', '$localcount', video_title,'vtab-$slideDefinitionID', 'VIDEO_WITH_SKIN', '311', '481', '$screentopcornerx', '$screentopcornery')">$medias.get($videoLabel).getLabel()</li>#end</ul></div></div></div><script type="text/javascript">$(function(){$firstVideoInitCode;});</script><div class="slides" style="width:481px"><span style="height:311px; $backgroundCSSStyle width:$481px; float:left;"><span id="vedioContainer" style="height:311px; width:481px; margin:${screentopcornery}px 0px 0px ${screentopcornerx}px; float:left;"><div id="videoDiv"></div></span></span></div></div></div></div>#end</div><!-- /slideGuideProduct --><div class="clearBoth"></div></div></div>## MACROS #### Show content of child slide.#macro ( showchildslide $expslide $level)#set($helpdocid = $expslide.getSlideDefinition().getHelpDocDefinitionID())#if($level == 1)#set($class="mainFeature")#else #set($class="subFeature") #end#if( $helpdocid && $helpdocid!=0) #set($helpdocname = $helpdocs.get($helpdocid).getName()) #set($filename = $helpdocname.toLowerCase().replace(' ', '-').replaceAll("/", ""))<li class="$class helpdoc"><span class="tooltip" name="$filename">$expslide.getSlideDefinition().getLabel()</span></li>#else<li class="$class">$expslide.getSlideDefinition().getLabel()</li>#end#if ( $expslide.getExpandedFeatures() )#set ( $expfeatures = $expslide.getExpandedFeatures() )#foreach( $expfeature in $expfeatures )#if($level == 1)#set($class="subFeature")#else #set($class="subsubFeature") #end#set($helpdocid = $expfeature.getFeatureDefinition().getHelpDocDefinitionID())#if( $helpdocid && $helpdocid!=0) #set($helpdocname = $helpdocs.get($helpdocid).getName()) #set($filename = $helpdocname.toLowerCase().replace(' ', '-').replaceAll("/", ""))<li class="$class helpdoc"><span class="tooltip" name="$filename">$expfeature.getFeatureDefinition().getLabel()</span></li>#else<li class="$class">$expfeature.getFeatureDefinition().getLabel()</li>#end#if ( $expfeature.getExpandedBullets() )#set ( $expbullets = $expfeature.getExpandedBullets() )#foreach ( $expbullet in $expbullets )#if($level == 1)#set($class="subFeatureValue")#else #set($class="subsubFeatureValue") #end#if($expbullet.isEnumerated())#set($helpdocid = $expbullet.getExpandedEnumDataObject().getEnumValue().getHelpDocDefinitionID())#if( $helpdocid && $helpdocid!=0) #set($helpdocname = $helpdocs.get($helpdocid).getName()) #set($filename = $helpdocname.toLowerCase().replace(' ', '-').replaceAll("/", ""))<li class="$class helpdoc"><span class="tooltip" name="$filename">$expbullet.displayText()</span></li>#else<li class="$class"> $expbullet.displayText()</li>#end#else<li class="$class"> $expbullet.displayText()</li>#end#if ( $expbullet.getFreeformContent() )#if($expbullet.getFreeformContent().getFreeformText() && !$expbullet.getFreeformContent().getFreeformText().trim().isEmpty())<li class="subFeaturePunchline"> $expbullet.getFreeformContent().getFreeformText()</li>#end#end#end#end#if ( $expfeature.getFreeformContent() )#if($expfeature.getFreeformContent().getFreeformText())#set($lines = $expfeature.getFreeformContent().getFreeformText())#set($lines = $lines.replaceAll("</?li>|</?ul>|</?br>|</?b>|</?p>",""))#foreach($line in $lines.split("\n"))#if(!$line.trim().isEmpty())#if($level == 1)<li class="subFeaturePunchline">$line</li>#else<li class="subsubFeaturePunchline">$line</li>#end#end#end#end#end#end#end#if ( $expslide.getExpandedChildrenSlides() )#set ( $expchildren = $expslide.getExpandedChildrenSlides() )#foreach( $expchild in $expchildren )#showchildslide ( $expchild 2)#end#end#if ( $expslide.getFreeformContent() )#if($expslide.getFreeformContent().getFreeformText())#set($lines = $expslide.getFreeformContent().getFreeformText())#set($lines = $lines.replaceAll("</?li>|</?ul>|</?br>|</?b>|</?p>",""))#set($isfirst = 1)#foreach($line in $lines.split("\n"))#if(!$line.trim().isEmpty())#if($level == 1)#if($isfirst == 1)<li class="mainFeaturePunchline subspacing">$line</li>#set($isfirst = 0)#else<li class="mainFeaturePunchline">$line</li>#end#else#if($isfirst == 1)<li class="subFeaturePunchline subspacing">$line</li>#set($isfirst = 0)#else<li class="subFeaturePunchline">$line</li>#end#end#end#end#end#end#end