X-Git-Url: http://p2p-next.cs.pub.ro/gitweb/?a=blobdiff_plain;f=application%2Fviews%2Fvideo%2Fwatch_view.php;h=2036a32d591dbb253a46cea3dfd5dce4d33b20a2;hb=74d7b5848a42e30e669cc05db22e83396b3cc107;hp=2de6b43e50394fa3b9d82229dd66418c09e6bfc0;hpb=c3cb1c599db718a4fd81c7df57850fced9f64c02;p=living-lab-site.git

diff --git a/application/views/video/watch_view.php b/application/views/video/watch_view.php
index 2de6b43..2036a32 100644
--- a/application/views/video/watch_view.php
+++ b/application/views/video/watch_view.php
@@ -21,52 +21,56 @@
 	<?php else: ?>
 		<h1><?php echo $video['title'] ?></h1>
 		
-		<ul>
-			<li><a id="a_ns-vlc" href="javascript: void(0)">VLC</a></li>
-		
-			<li><a id="a_ns-html5" href="javascript: void(0)">HTML5</a></li>
-		</ul>
-		
-		<div id="video_plugin"><?php echo $plugin_content ?></div>
+		<div id="video-widget-tabs">
+			<ul>
+				<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-widget"></div>
+		</div>
 		
 		<!--TODO user name-->
-		<!--TODO change format controls-->
-		<div id="video_date"><?php echo $video['date'] ?></div>
-		<div id="video_views">
+		<div id="video-date"><?php echo $video['date'] ?></div>
+		<div id="video-views">
 			<?php echo $video['views'] . ' '
 				. ($video['views'] == 1 ? 
 					$this->lang->line('ui_view') : 
 					$this->lang->line('ui_views') );
 			?>
 		</div>
-		<div id="video_likes">
+		<div id="video-likes">
 			<?php echo $video['likes'] . ' '
 				. ($video['likes'] == 1 ? 
 					$this->lang->line('ui_like') : 
 					$this->lang->line('ui_likes') );
 			?>
 		</div>
-		<div id="video_dislikes">
+		<div id="video-dislikes">
 			<?php echo $video['dislikes'] . ' '
 				. ($video['dislikes'] == 1 ? 
 					$this->lang->line('ui_dislike') : 
 					$this->lang->line('ui_dislikes') );
 			?>
 		</div>
-		<div id="video_description"><?php echo $video['description'] ?></div>
-		<div id="video_category">
+		<div id="video-description"><?php echo $video['description'] ?></div>
+		<div id="video-category">
 			<?php echo ucwords($this->lang->line('ui_category'))
 				. ': '. $video['category_title'] ?>
 		</div>
-		<div id="video_tags">
+		<div id="video-tags">
 			<?php echo ucwords($this->lang->line('ui_tags')). ': ' ?>
 			<?php if (isset($video['tags'])): 
 			foreach ($video['tags'] as $tag => $score): ?>
-			<a href="<?php site_url('catalog/search/'. $tag) ?>">
+			<a href="<?php echo site_url('catalog/search/'. $tag) ?>">
 				<?php echo "$tag($score)" ?>
 			</a>
 			<?php endforeach; endif ?>
-		<div id="video_license">
+		<div id="video-license">
 			<?php echo ucwords($this->lang->line('ui_license'))
 				. ': '. $video['license'] ?>
 		</div>
@@ -77,15 +81,45 @@
 
 <?php // Javascript bindings when document is ready ?>
 <script type="text/javascript">
-	$(document).ready(function() {
+	$(function() {
+		// TODO remove this 2 bindings
 		$('#a_ns-vlc').click(function() {
-			// TODO video definition
-			retrieveNsVlcPlugin('<? echo $video['url'][0] ?>');
-		});
-		
+			//retrieveNsVlcPlugin('<? //echo $video['url'][0] ?>');
+		});		
 		$('#a_ns-html5').click(function() {
-			// TODO video definition
-			retrieveNsHtml5Plugin('<?php echo $video['url'][0] ?>')
+			//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: 1200,
+				maxWidth: 1400
+			})
+			.resize(function(e) {
+				$('#video-widget-tabs')
+					.css('width', $('#video-widget').css('width'));
+				console.log($('#video-widget').css('width'));
+			});
+			
+		$('#video-widget-tabs')
+					.css('width', $('#video-widget').css('width'));
 	});
 </script>
\ No newline at end of file