Subversion Repositories SmartDukaan

Rev

Rev 7662 | Rev 7750 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 7662 Rev 7744
Line 1... Line 1...
1 
## This velocity file will generate all slides for a given entity. It will get just {$expentity}  from java and generate the content.
 1 
## This velocity file will generate all slides for a given entity. It will get just {$expentity}  from java and generate the content.
2 
#set( $expslides = $expentity.getExpandedSlides() )
 2 
#set( $expslides = $expentity.getExpandedSlides() )
- 
 
 3 
#set( $hasVideo = 0)
3 
#set($entityid = $expentity.getID())
 4 
#set($entityid = $expentity.getID())
4 
#set($urlpart1 = "http://static")
 5 
#set($urlpart1 = "http://static")
5 
#set($urlpart2 = "." + $domain)
 6 
#set($urlpart2 = "." + $domain)
6 
#set($staticnum = $entityid%3)
 7 
#set($staticnum = $entityid%3)
7 
#set($defaulturl = $urlpart1 + $staticnum + $urlpart2)
 8 
#set($defaulturl = $urlpart1 + $staticnum + $urlpart2)
Line 66... Line 67...
66 
<!-- /slideGuideNav -->
 67 
<!-- /slideGuideNav -->
67 
 
 68 
 
68 
## Javascript if generated to keep the state of current video in a slide
69 
## Javascript if generated to keep the state of current video in a slide
69 
<script language="JavaScript">
 70 
<script language="JavaScript">
70 
    <!--
 71 
    <!--
- 
 
 72 
currentVideoIds = {};
71 
#foreach ( $expslide in $expslides )
 73 
#foreach ( $expslide in $expslides )
72 
#if($expslide.getSlideDefinitionID() == 130001)
 74 
#if($expslide.getSlideDefinitionID() == 130001)
73 
#set( $videoRefs = $allimagelabels)
 75 
#set( $videoRefs = $allvideolabels)
74 
#set( $medias = $allmedias)
 76 
#set( $medias = $allmedias)
75 
#else
 77 
#else
76 
#set( $videoRefs = $expslide.getFreeformContent().getYoutubeLabels())
 78 
#set( $videoRefs = $expslide.getFreeformContent().getYoutubeLabels())
77 
#set( $medias = $expslide.getFreeformContent().getMedias())
 79 
#set( $medias = $expslide.getFreeformContent().getMedias())
78 
#end
 80 
#end
Line 80... Line 82...
80 
#set( $slideId = $velocityCount)
 82 
#set( $slideId = $velocityCount)
81 
#if($videoRefs && $videoRefs.size() != 0)
 83 
#if($videoRefs && $videoRefs.size() != 0)
82 
#set( $videoLabel = $videoRefs.get(0) )
 84 
#set( $videoLabel = $videoRefs.get(0) )
83 
#set( $video = $medias.get($videoLabel) )
 85 
#set( $video = $medias.get($videoLabel) )
84 
#set( $youtubeId = $video.getYoutubeId())
 86 
#set( $youtubeId = $video.getYoutubeId())
85 
var currentVideoId$slideId = "$youtubeId";
 87 
currentVideoIds["$slideId"] = "$youtubeId";
86 
#end
 88 
#end
87 
#end
 89 
#end
88 
#end
 90 
#end
89 
 
 91 
 
- 
 
 92 
played = {};
90 
function onYouTubePlayerReady(playerId) {
 93 
function onYouTubePlayerReady(playerId) {
91 
#foreach ( $expslide in $expslides )
 - 
 
92 
#if($expslide.getSlideDefinitionID() == 130001)
 - 
 
93 
#set( $videoRefs = $allimagelabels)
 - 
 
94 
#set( $medias = $allmedias)
 - 
 
95 
#else
 - 
 
96 
#set( $videoRefs = $expslide.getFreeformContent().getYoutubeLabels())
 - 
 
97 
#set( $medias = $expslide.getFreeformContent().getMedias())
 - 
 
98 
#end
 - 
 
99 
#if($videoRefs)
 - 
 
100 
#set( $slideId = $velocityCount)
 - 
 
101 
#if($videoRefs.size() != 0)
 - 
 
102 
#set( $videoLabel = $videoRefs.get(0) )
 - 
 
103 
#set( $video = $medias.get($videoLabel) )
 - 
 
104 
#set( $youtubeId = $video.getYoutubeId())
 - 
 
105 
#if($youtubeId)
 - 
 
106 
if(playerId == "player$slideId") {
 94 
	if(playerId.split("player").length!=2) {
107 
ytplayer = document.getElementById("ytPlayer$slideId");
 95 
		ytplayer = document.getElementById(playerId);
108 
ytplayer.addEventListener("onStateChange", "onPlayerStateChange$slideId");
 96 
		ytplayer.addEventListener("onStateChange", "onPlayerStateChange");
109 
ytplayer.cueVideoById(currentVideoId$slideId);
 97 
		ytplayer.cueVideoById(playerId.split("recommended")[1]);
110 
}
 98 
	}
111 
#end
 - 
 
112 
#end
 - 
 
113 
#end
 - 
 
114 
#end
 - 
 
115 
}
 99 
}
116 
 
 100 
 
117 
 
 - 
 
118 
#foreach( $expslide in $expslides )
 - 
 
119 
#if($expslide.getSlideDefinitionID() == 130001)
 - 
 
120 
#set( $videoRefs = $allimagelabels)
 - 
 
121 
#set( $medias = $allmedias)
 - 
 
122 
#else
 - 
 
123 
#set( $videoRefs = $expslide.getFreeformContent().getYoutubeLabels())
 - 
 
124 
#set( $medias = $expslide.getFreeformContent().getMedias())
 - 
 
125 
#end
 - 
 
126 
#if($videoRefs)
 - 
 
127 
#set( $slideId = $velocityCount)
 - 
 
128 
#if($videoRefs.size() != 0)
 - 
 
129 
#set( $videoLabel = $videoRefs.get(0) )
 - 
 
130 
#set( $video = $medias.get($videoLabel) )
 - 
 
131 
#set( $youtubeId = $video.getYoutubeId())
 - 
 
132 
 
 - 
 
133 
played$slideId = 0;
 - 
 
134 
function onPlayerStateChange$slideId(newState) {
 101 
function onPlayerStateChange(newState) {
135 
  if(newState==0){
 102 
  if(newState==0){
136 
    ytplayer = document.getElementById("ytPlayer$slideId");
 103 
    ytplayer = document.getElementById("ytPlayer");
137 
    ytplayer.cueVideoById(currentVideoId$slideId);
 104 
    ytplayer.cueVideoById(currentVideoId);
138 
  }
 105 
  }
139 
  if (played$slideId == 0 && newState==1) {
 106 
  if (played[currentVideoId] == 0 && newState==1) {
140 
    played$slideId = 1;
 107 
    played[currentVideoId] = 1;
141 
    trackEventWithGA('Product', 'Video-play', $('title').text().split('|')[0].trim() + " | $youtubeId");
 108 
    trackEventWithGA('Product', 'Video-play', $('title').text().split('|')[0].trim() + " | " + currentVideoId);
142 
  }
 109 
  }
143 
}
 110 
}
144 
#end
 - 
 
145 
#end
 - 
 
146 
#end
 - 
 
147 
-->
 - 
 
148 
</script>
 111 
</script>
149 
<!-- slideGuideProduct -->
 112 
<!-- slideGuideProduct -->
150 
 
 113 
 
151 
## Checks wether images and videos or both are available in the slide. Also sets variables accordingly
114 
## Checks wether images and videos or both are available in the slide. Also sets variables accordingly
152 
## if no image or video is available, default image will be published on the slide
115 
## if no image or video is available, default image will be published on the slide
Line 166... Line 129...
166 
#end
 129 
#end
167 
#if($expslide.getFreeformContent().getYoutubeLabels())
 130 
#if($expslide.getFreeformContent().getYoutubeLabels())
168 
#set ( $videoRefs = $expslide.getFreeformContent().getYoutubeLabels())
 131 
#set ( $videoRefs = $expslide.getFreeformContent().getYoutubeLabels())
169 
#if( $videoRefs && $videoRefs.size() !=0 )
 132 
#if( $videoRefs && $videoRefs.size() !=0 )
170 
#set($isVideo = 1)
 133 
#set($isVideo = 1)
- 
 
 134 
#set($hasVideo = 1)
171 
#set($videoCount = $videoRefs.size())
 135 
#set($videoCount = $videoRefs.size())
172 
#else
 136 
#else
173 
#set($isVideo = 0)
 137 
#set($isVideo = 0)
174 
#end
 138 
#end
175 
#else
 139 
#else
Line 294... Line 258...
294 
  </div>
 258 
  </div>
295 
      <div class="demo">
 259 
      <div class="demo">
296 
	   <div id="vtab-media-$velocityCount">
 260 
	   <div id="vtab-media-$velocityCount">
297 
        <ul>
 261 
        <ul>
298 
	#if($slideDefinitionID == 130001)
 262 
	#if($slideDefinitionID == 130001)
299 
		#set($default = 0)
 - 
 
300 
	#if($allvideolabels && $allvideolabels.size() !=0 )
 263 
	#if($allvideolabels && $allvideolabels.size() !=0 )
301 
		#set($isVideo = 1)
 264 
		#set($isVideo = 1)
302 
		#set($videoCount = $allvideolabels.size())
 265 
		#set($videoCount = $allvideolabels.size())
303 
	#end
 266 
	#end
304 
	#if($allimagelabels && $allimagelabels.size() !=0)
 267 
	#if($allimagelabels && $allimagelabels.size() !=0)
305 
		#set($isImage = 1)
 268 
		#set($isImage = 1)
306 
		#set($imageCount = $allimagelabels.size())
 269 
		#set($imageCount = $allimagelabels.size())
307 
	#end
 270 
	#end
308 
	#set($default = 0)
 - 
 
309 
	#if($isImage == 0)
 - 
 
310 
		#if($isVideo == 0)
 - 
 
311 
			#set($default = 1)
 - 
 
312 
		#end
 - 
 
313 
	#end
 - 
 
314 
 
 - 
 
315 
	#end
 271 
	#end
316
272
317 
#if($isImage == 1)
 273 
#if($isImage == 1)
318 
         <li><a href="#vtab-media-img-$velocityCount">Images #if($imageCount && $imageCount > 0)($imageCount)#end</a></li>
 274 
         <li><a href="#vtab-media-img-$velocityCount">Images #if($imageCount && $imageCount > 0)($imageCount)#end</a></li>
319 
#end
 275 
#end
320 
#if($isVideo == 1)
 276 
#if($isImage == 0)
321 
         <li><a href="#vtab-media-vid-$velocityCount">Videos #if($videoCount && $videoCount > 0)($videoCount)#end</a></li>
 - 
 
322 
#end
- 
 
323 
#if($default == 1)
 - 
 
324 
         <li><a href="#vtab-media-img-$velocityCount">Images</a></li>
 277 
         <li><a href="#vtab-media-img-$velocityCount">Images</a></li>
325 
#end
 278 
#end
- 
 
 279 
#if($isVideo == 1)
- 
 
 280 
         <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>
- 
 
 281 
#end
326 
        </ul>
 282 
        </ul>
327 
#if($default == 1)
 283 
#if($isImage == 0)
328 
        <div id="vtab-media-img-$velocityCount">
 284 
        <div id="vtab-media-img-$velocityCount">
329 
<script language="JavaScript">
 285 
<script language="JavaScript">
330 
<!--
286 
<!--
331 
var NumberOfImages_$velocityCount = 1;
 287 
var NumberOfImages_$velocityCount = 1;
332 
var img_$velocityCount = new Array(NumberOfImages_$velocityCount)
 288 
var img_$velocityCount = new Array(NumberOfImages_$velocityCount)
Line 417... Line 373...
417 
        </div>
 373 
        </div>
418 
       </div>
 374 
       </div>
419 
       <!-- slide show end -->
375 
       <!-- slide show end -->
420 
      </div>
 376 
      </div>
421 
#end
 377 
#end
- 
 
 378 
 
- 
 
 379 
	   </div>
- 
 
 380 
	 </div>
- 
 
 381 
<script type="text/javascript">
- 
 
 382 
  $(function() {
- 
 
 383 
    $("#vtab-media-$velocityCount").tabs();
- 
 
 384 
  });
- 
 
 385 
  allYoutubeIds = [];
- 
 
 386 
</script>
- 
 
 387 
<!-- demo end -->
- 
 
 388 
<div class="clearBoth"></div>
- 
 
 389 
	 </div>
- 
 
 390 
#end
- 
 
 391 
#end
- 
 
 392 
#if ($expertReviews)
- 
 
 393 
<!-- Expert Review-->
- 
 
 394 
<div style="border-top:1px solid #67ABD3;padding:20px 10px;margin:15px">
- 
 
 395 
	<h3>What Experts Say</h3>
- 
 
 396 
	#foreach($expertReview in $expertReviews)
- 
 
 397 
		<div style="padding-top:10px;">
- 
 
 398 
			<div><i>$expertReview.getReviewContent()</i></div>
- 
 
 399 
			<b style="font-size:11px">$expertReview.getSource()</b>
- 
 
 400 
		</div>
- 
 
 401 
	#end
- 
 
 402 
    <!-- /Expert Review -->
- 
 
 403 
</div>
- 
 
 404 
#end
- 
 
 405 
 
422 
#if($isVideo == 1)
 406 
#if($hasVideo == 1)
- 
 
 407 
<!-- Recommended Videos-->
- 
 
 408 
<div id="recommendedvids" style="border-top:1px solid #67ABD3;padding:20px 10px;margin:15px">
- 
 
 409 
	#set($counter = 0)
- 
 
 410 
	<h3>Recommended Videos</h3>
423 
      <div id="vtab-media-vid-$velocityCount">
 411 
	      <div id="vtab-media-vid">
424 
<script language="JavaScript">
 412 
<script language="JavaScript">
425 
<!--
413 
<!--
426 
#set( $videoRefs = $expslide.getFreeformContent().getYoutubeLabels())
 - 
 
427 
#if($slideDefinitionID == 130001)
 - 
 
428 
#set( $videoRefs = $allvideolabels)
 414 
#set( $videoRefs = $allvideolabels)
429 
#end
 - 
 
430 
var NumberOfVideos_$velocityCount = $videoRefs.size();
 415 
var NumberOfVideos = $videoRefs.size();
431 
var video_title_$velocityCount = new Array(NumberOfVideos_$velocityCount);
 416 
var video_title = new Array(NumberOfVideos);
432 
#set( $medias = $expslide.getFreeformContent().getMedias())
 - 
 
433 
#if($slideDefinitionID == 130001)
 - 
 
434 
#set( $medias = $allmedias)
 417 
#set( $medias = $allmedias)
435 
#end
 - 
 
436 
#set($count=0)
 418 
#set($count=0)
437 
#foreach( $videoLabel in $videoRefs )
 419 
#foreach( $videoLabel in $videoRefs )
438 
#set( $video = $medias.get($videoLabel) )
 420 
#set( $video = $medias.get($videoLabel) )
439 
#set($videoTitle = $video.getTitle())
 421 
#set($videoTitle = $video.getTitle())
440 
#set( $youtubeId = $video.getYoutubeId())
 422 
#set( $youtubeId = $video.getYoutubeId())
441 
video_title_$slideno[$count] = "$videoTitle";
 423 
video_title[$count] = "$videoTitle";
442 
#set($count = $count + 1)
 424 
#set($count = $count + 1)
443 
#if($velocityCount == 1)
 - 
 
444 
#set($firstVideoTitle="$videoTitle")
 425 
#set($firstVideoTitle="$videoTitle")
445 
#set($firstVideoId="$youtubeId")
 426 
#set($firstVideoId="$youtubeId")
446 
#end
 427 
#end
447 
#end
 - 
 
448 
var vidNumber$velocityCount = 0;
428 
var vidNumber$velocityCount = 0;
449 
//-->
 429 
//-->
450 
</script>
 430 
</script>
451 
 
 431 
 
452 
      <div class="container">
 432 
      <div class="container" style="width:481px">
453 
       <div class="slider-content">
 433 
       <div class="slider-content" style="width:479px;margin-left:0">
454 
        <div class="slider">
 434 
        <div class="slider" style="width:481px">
455 
         <button style="display: inline; visibility: hidden;" class="prev">&laquo;</button>
 435 
         <button style="display: inline; visibility: hidden;" class="prev">&laquo;</button>
456 
         <button style="display: inline; visibility: visible;" class="next">&raquo;</button>
 436 
         <button style="display: inline; visibility: visible;" class="next">&raquo;</button>
457 
         <div class="sliderScroll">
 437 
         <div class="sliderScroll" style="width:auto">
458 
          <ul style="margin-left: 0px;">
 438 
          <ul style="margin-left: 0px;">
459 
#set($firstVideoType = "")
 439 
#set($firstVideoType = "")
460 
#set($firstYoutubeId = "")
 440 
#set($firstYoutubeId = "")
461 
#set($firstVideoInitCode = "")
 441 
#set($firstVideoInitCode = "")
462 
 
 442 
 
Line 476... Line 456...
476 
	#set($videotype = $video.getType().name())
 456 
	#set($videotype = $video.getType().name())
477 
 
 457 
 
478 
	#if($firstVideoType == "")
 458 
	#if($firstVideoType == "")
479 
		#set($firstVideoType = $videotype)
 459 
		#set($firstVideoType = $videotype)
480 
	#end
 460 
	#end
481
461 
 
482 
	#if($videotype == "VIDEO_WITH_SKIN")
 - 
 
483 
		#set($videoHeight = $skinheight)
 - 
 
484 
		#set($videoWidth = $skinwidth)
 - 
 
485 
	#else
 - 
 
486 
		#set($videoHeight = $screenheight)
 462 
	#set($videoHeight = $screenheight)
487 
		#set($videoWidth = $screenwidth)
 463 
	#set($videoWidth = $screenwidth)
488 
	#end
 - 
 
489
464 
 
490 
	#if($firstVideoInitCode == "")
 465 
	#if($firstVideoInitCode == "")
491 
		#set($firstVideoInitCode = "goToVid('ytPlayer" + $slideno + "', '" + $youtubeId + "', '" + $localcount + "', video_title_" + $slideno + ",'vtab-" + $slideDefinitionID + "', '" + $videotype + "', '" + $videoHeight + "', '" + $videoWidth + "', '" + $screentopcornerx + "', '" + $screentopcornery + "')")
 466 
		#set($firstVideoInitCode = "goToVid('ytPlayer', '" + $youtubeId + "', '" + $localcount + "', video_title, 'vtab-" + $slideDefinitionID + "', '" + $videotype + "', '" + 311 + "', '" + 481 + "', '" + $screentopcornerx + "', '" + $screentopcornery + "')")
492 
	#end
 467 
	#end
493 
		<li onclick="javascript:goToVid('ytPlayer$slideno', '$youtubeId', '$localcount', video_title_$slideno,'vtab-$slideDefinitionID', '$videotype', '$videoHeight', '$videoWidth', '$screentopcornerx', '$screentopcornery')">$videoLabel</li>
 468 
		<li ytid="$youtubeId" onclick="javascript:goToVid('ytPlayer', '$youtubeId', '$localcount', video_title,'vtab-$slideDefinitionID', '$videotype', '311', '481', '$screentopcornerx', '$screentopcornery')">$videoLabel</li>
494 
#end
 469 
#end
495 
         </ul>
 470 
         </ul>
496 
        </div>
 471 
        </div>
497 
       </div>
 472 
       </div>
498 
      </div>
 473 
      </div>
499 
	  <script type="text/javascript">
 474 
	  <script type="text/javascript">
500 
	  	$(function(){
 475 
	  	$(function(){
501 
			$firstVideoInitCode;
 476 
			$firstVideoInitCode;
502 
		});
 477 
		});
503 
      </script>
 478 
      </script>
504 
	#if($requiresSkinImg)
 - 
 
505 
		#set($backgroundCSSStyle = "background:url(${skinurl}/images/media/${entityid}/${mediaPrefix}-skin-${params.skinImageCreationTime}.jpg) no-repeat;")
 - 
 
506 
	#else
 - 
 
507 
		#set($backgroundCSSStyle = "")
 - 
 
508 
	#end
 - 
 
509 
      <div class="slides">
 479 
      <div class="slides" style="width:481px">
510 
        <span style="height:${skinheight}px; $backgroundCSSStyle width:${skinwidth}px; float:left;">
 480 
        <span style="height:311px; $backgroundCSSStyle width:$481px; float:left;">
511 
          <span id="vedioContainer$velocityCount" style="height:${screenheight}px; width:${screenwidth}px; margin:${screentopcornery}px 0px 0px ${screentopcornerx}px; float:left;">
 481 
          <span id="vedioContainer" style="height:311px; width:481px; margin:${screentopcornery}px 0px 0px ${screentopcornerx}px; float:left;">
512 
            <div id="videoDiv$velocityCount"></div>
 482 
            <div id="videoDiv"></div>
513 
          </span>
 483 
          </span>
514 
        </span>
 484 
        </span>
515 
        <div class="modelName">$firstVideoTitle</div>
 485 
        <div class="modelName">$firstVideoTitle</div>
516 
      </div>
 486 
      </div>
517 
    </div>
 487 
    </div>
518 
  </div>
 488 
  </div>
519 
#end
 - 
 
520 
	   </div>
 - 
 
521 
	 </div>
 - 
 
522 
<script type="text/javascript">
 - 
 
523 
  $(function() {
 - 
 
524 
    $("#vtab-media-$velocityCount").tabs();
 - 
 
525 
  });
 - 
 
526 
</script>
- 
 
527 
<!-- demo end -->
 - 
 
528 
<div class="clearBoth"></div>
 - 
 
529 
	 </div>
 - 
 
530 
#end
 - 
 
531 
#end
 - 
 
532 
#if ($expertReviews)
 - 
 
533 
<!-- Expert Review-->
 - 
 
534 
<div style="border-top:1px solid #67ABD3;padding:20px 10px;margin:15px">
 - 
 
535 
	<h3>What Experts Say</h3>
 - 
 
536 
	#foreach($expertReview in $expertReviews)
 - 
 
537 
		<div style="padding-top:10px;">
 - 
 
538 
			<div><i>$expertReview.getReviewContent()</i></div>
 - 
 
539 
			<b style="font-size:11px">$expertReview.getSource()</b>
 - 
 
540 
		</div>
 - 
 
541 
	#end
 - 
 
542 
    <!-- /Expert Review -->
 - 
 
543 
</div>
 489 
</div>
544 
#end
 490 
#end
545 
    </div>
 491 
    </div>
546 
    <!-- /slideGuideProduct -->
 492 
    <!-- /slideGuideProduct -->
547 
    <div class="clearBoth"></div>
 493 
    <div class="clearBoth"></div>