X-Git-Url: http://p2p-next.cs.pub.ro/gitweb/?a=blobdiff_plain;f=application%2Fviews%2Fvideo%2Fwatch_view.php;h=36ae1e0097b2511ecdebb9159b99b2db2d44de1e;hb=d4b234f611d405b8a7935a86f50ec071779c2729;hp=98aac30c72f715069bbddecdfc5bac92433cc9c8;hpb=0db52dbd375c6569d868015adf8f2bca1316ba6f;p=living-lab-site.git

diff --git a/application/views/video/watch_view.php b/application/views/video/watch_view.php
index 98aac30..36ae1e0 100644
--- a/application/views/video/watch_view.php
+++ b/application/views/video/watch_view.php
@@ -1,51 +1,139 @@
-<script type="text/javascript">siteUrl = '<?php echo site_url() ?>';</script>
+<?php //Javascript initializations, globals ?>
+<script type="text/javascript">
+	siteUrl = '<?php echo site_url() ?>';
+</script>
 
-<div id="body">
-	<!-- Invalid name in URL-->
-	<?php if (isset($video['err'])):
-		if ($video['err'] == 'INVALID_NAME'):
-			$suggestion = site_url(sprintf("video/watch/%d/%s", $video['id'], 
-				$video['name']))
-			?>
-			<p>Invalid URL <em><?php echo current_url() ?></em> .</p>
-			<p>Did you mean <a href="<?php echo $suggestion ?>">
-				<?php echo $suggestion ?></a> ?</p>
-		<?php elseif($video['err'] == 'INVALID_ID'): ?>
-			<p>Invalid ID in URL.</p>
-		<?php endif ?>
-		
-	<!-- Correct URL-->
-	<?php else: ?>
-		<h1><?php echo $video['title'] ?></h1>
-		
+<div id="watch-main">
+<?php // Invalid name in URL ?>
+<?php if (isset($video['err'])):
+	if ($video['err'] == 'INVALID_NAME'):
+		$suggestion = site_url(sprintf("video/watch/%d/%s", $video['id'], 
+			$video['name']))
+		?>
+		<p>Invalid URL <em><?php echo current_url() ?></em> .</p>
+		<p>Did you mean <a href="<?php echo $suggestion ?>">
+			<?php echo $suggestion ?></a> ?</p>
+	<?php elseif($video['err'] == 'INVALID_ID'): ?>
+		<p>Invalid ID in URL.</p>
+	<?php endif ?>
+	
+<?php // Correct URL ?>
+<?php else: ?>
+	<h1><?php echo $video['title'] ?></h1>
+	
+	<div id="video-widget-tabs">
 		<ul>
-			<li><a href="javascript: void(0)" onclick="getNsVlcPlugin('<? echo $video['torrents'][0] ?>')">VLC</a></li>
-		
-			<li><a href="javascript: void(0)" onclick="getNsHtml5Plugin('<?php echo 'tribe://'. $video['torrents'][0] ?>')">HTML5</a></li>
+			<li>
+				<a id="switch-to-ns-html5" href="#video-widget">HTML5</a>
+			</li>
+			<li>
+				<a id="switch-to-ns-vlc" href="#video-widget">VLC</a>
+			</li>
 		</ul>
 		
-		<div id="video_plugin"></div>
-		<!--TODO preload user preferred plugin-->
-		<script type="text/javascript"> getNsHtml5Plugin('<?php echo 'tribe://'. $video['torrents'][0] ?>') </script>
+		<div id="video-widget"></div>
+	</div>
+	
+	<div id="video-info" style="clear: both">
+	<div id="video-upload-info">
+		<?php echo $this->lang->line('ui_uploaded_by') ?>
+			<span id="video-date"><?php echo $video['user_name'] ?></span>
+			<?php echo $this->lang->line('ui_on_date') ?>
+			<span id="video-date"><?php echo $video['date'] ?></span>
+	</div>
+	
+	<div id="video-popularity">
+		<div id="video-views">
+			<?php echo $video['views'] . ' '
+				. ($video['views'] == 1 ? 
+					$this->lang->line('ui_view') : 
+					$this->lang->line('ui_views') );
+			?>
+		</div>
 		
-		<!--TODO user name-->
-		<!--TODO change format controls-->
-		<div id="video_date"><?php echo $video['date'] ?></div>
-		<div id="video_views"><?php echo $video['views'] ?> views</div>
-		<div id="video_likes"><?php echo $video['likes'] ?> likes</div>
-		<div id="video_dislikes"><?php echo $video['dislikes'] ?> dislikes</div>
-		<div id="video_description"><?php echo $video['description'] ?></div>
-		<!-- TODO <div id="video_category">Category: <?php echo $video['category_name'] ?></div>-->
-		<div id="video_tags">Tags:
-		<?php print_r($video['tags']) ?>
-		<?php if (isset($video['tags'])): 
+		<div><span id="video-likes">
+			<?php echo $video['likes'] . ' '
+				. ($video['likes'] == 1 ? 
+					$this->lang->line('ui_like') : 
+					$this->lang->line('ui_likes') );
+			?></span>,
+		<span id="video-dislikes">
+			<?php echo $video['dislikes'] . ' '
+				. ($video['dislikes'] == 1 ? 
+					$this->lang->line('ui_dislike') : 
+					$this->lang->line('ui_dislikes') );
+			?>
+		</span></div>
+	</div>
+	
+	<div id="video-description"><?php echo $video['description'] ?></div>
+	
+	<dl id="video-category">
+		<dt><?php echo ucwords($this->lang->line('ui_category'))
+			. ': ' ?></dt>
+		<dd><?php echo $video['category_title'] ?></dd>
+	</dl>
+	
+	<dl id="video-tags">
+		<dt><?php echo ucwords($this->lang->line('ui_tags')). ': ' ?></dt>
+		<dd><?php if (isset($video['tags'])): 
 		foreach ($video['tags'] as $tag => $score): ?>
-			<a href="<?php site_url('catalog/search/'. $tag) ?>">
-			<?php echo "$tag($score)" ?>
-			</a>
-		<?php endforeach; endif ?>
-		<div id="video_license"><?php echo $video['license'] ?></div>
-		
+		<a href="<?php echo site_url('catalog/search/'. $tag) ?>" class="video-tag">
+			<?php echo "$tag " // TODO print score in future ?>
+		</a>
+		<?php endforeach; endif ?></dd>
+	</dl>
+	
+	<dl id="video-license">
+		<dt><?php echo ucwords($this->lang->line('ui_license')).': ' ?></dt>
+		<dd><?php echo $video['license'] ?></dd>
+	</dl>
+	</div>
+	
+
+<?php endif // if (isset($video['err'])): ?>
+</div>
 
-	<?php endif // if (isset($video['err'])): ?>
-</div>
\ No newline at end of file
+<?php // Javascript bindings when document is ready ?>
+<script type="text/javascript">
+	$(function() {
+		// TODO remove this 2 bindings
+		$('#a_ns-vlc').click(function() {
+			//retrieveNsVlcPlugin('<? //echo $video['url'][0] ?>');
+		});		
+		$('#a_ns-html5').click(function() {
+			//retrieveNsHtml5Plugin('<?php //echo $video['url'][0] ?>')
+		});
+		
+		// Switch video plugin facilities
+		$('#video-widget-tabs')
+			.tabs();
+		$('#switch-to-ns-html5')
+			.click(function() {
+				$('#video-widget')
+					.nsvideo('type', 'ns-html5');
+			});
+		$('#switch-to-ns-vlc')
+			.click(function() {
+				$('#video-widget')
+					.nsvideo('type', 'ns-vlc');
+			});
+		
+		// Video widget
+		$('#video-widget')
+			.nsvideo({
+				type: "<?php echo $plugin_type ?>",
+				src: <?php echo json_encode($video['assets']) ?>,
+				//width: videoWidth,
+				//height: videoHeight
+				minWidth: 640,
+				maxWidth: 1024,
+				initialDuration: "<?php echo $video['duration'] ?>",
+				
+				resize: function() {
+					$('#video-widget-tabs')
+						.css('width', $('#video-widget').css('width'));
+				}
+			});
+	});
+</script>
\ No newline at end of file