X-Git-Url: http://p2p-next.cs.pub.ro/gitweb/?a=blobdiff_plain;f=application%2Fviews%2Fvideo%2Fwatch_view.php;h=4477f8fe943aaf1721e705257ed288e1cd82bc70;hb=66dc2204a919e2c29b2aa9330ea18026d58540d9;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..4477f8f 100644
--- a/application/views/video/watch_view.php
+++ b/application/views/video/watch_view.php
@@ -3,89 +3,260 @@
 	siteUrl = '<?php echo site_url() ?>';
 </script>
 
-<div id="body">
-	<?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="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><a href="<?php echo site_url('catalog/category/'. $video['category_name']) ?>"><?php echo $video['category_title'] ?></a> &rsaquo; <?php echo $video['title'] ?></h1>
+	
+	<div id="video-widget-tabs">
 		<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>
+			<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"><?php echo $plugin_content ?></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'] . ' '
-				. ($video['views'] == 1 ? 
-					$this->lang->line('ui_view') : 
-					$this->lang->line('ui_views') );
-			?>
-		</div>
-		<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">
-			<?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">
-			<?php echo ucwords($this->lang->line('ui_category'))
-				. ': '. $video['category_title'] ?>
-		</div>
-		<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) ?>">
-				<?php echo "$tag($score)" ?>
-			</a>
-			<?php endforeach; endif ?>
-		<div id="video_license">
-			<?php echo ucwords($this->lang->line('ui_license'))
-				. ': '. $video['license'] ?>
+		<div id="video-widget"></div>
+	</div>
+	
+	<div style="clear: both"></div>
+	
+	<div id="video-footer">
+		<div id="video-info" style="clear: both">
+			<div id="video-upload-info">
+				<?php echo $this->lang->line('ui_uploaded_by') ?>
+					<span id="video-user"><a href="<?php echo site_url("user/profile/{$video['username']}") ?>"><?php echo $video['username'] ?></a></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>
+				
+				<div><a class="link-vote" data-action="like" href="#"><?php echo $this->lang->line('video_like') ?></a>
+					<a class="link-vote" data-action="dislike" href="#"><?php echo $this->lang->line('video_dislike') ?></a>
+					<span id="video-likes"><?php echo $video['likes'] ?></span> <?php
+						echo $this->lang->line('ui_likes') ?>,
+					<span id="video-dislikes"><?php echo $video['dislikes'] ?></span> <?php
+						echo $this->lang->line('ui_dislikes'); ?>
+				</div>
+			</div>
+			
+			<div id="video-shorted-description" class="video-description"><?php echo $video['shorted_description'] ?></div>
+			
+			<div id="video-info-details">
+				<div id="video-description" class="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 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-torrents">
+					<dt><?php echo $this->lang->line('ui_download_torrents') ?>: </dt>
+				  <?php foreach ($video['assets'] as $asset): ?>
+					<dd><a href="<?php echo $asset['src'] ?>"><?php echo $asset['def'] ?></a></dd>
+				  <?php endforeach ?>
+				</dl>
+
+				<dl id="video-license">
+					<dt><?php echo ucwords($this->lang->line('ui_license')).': ' ?></dt>
+					<dd><?php echo $video['license'] ?></dd>
+				</dl>
+			</div>
+			
+			<a id="a-show-info-details" data-val="more" href="#"><?php echo $this->lang->line('video_show_more') ?></a>
 		</div>
-		
+	
+		<div id="video-comments"><?php echo $comments ?></div>
+	</div>
 
-	<?php endif // if (isset($video['err'])): ?>
+<?php endif // if (isset($video['err'])): ?>
 </div>
 
 <?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']) ?>,
+
+				showState: false,
+				
+				minWidth: 640,
+				maxWidth: 1024,
+				initialDuration: "<?php echo $video['duration'] ?>",
+				
+				resize: function() {
+					$('#video-widget-tabs')
+						.css('width', $('#video-widget').css('width'));
+				}
+			});
+		
+		$('.link-vote')
+			.click(function(event) {
+				var user_id = "<?php echo $user_id ?>";
+				var action, idOutput;
+				if ($(this).data('action') == 'like')
+				{
+					var action = 'like';
+					var idOutput = '#video-likes';
+				}
+				else
+				{
+					var action = 'dislike';
+					var idOutput = '#video-dislikes';
+				}
+				//alert(action + " " + user_id);
+				
+				event.preventDefault();
+				
+				if (user_id.length != 0)
+				{
+					$.ajax({
+						type: "GET",
+						url: "<?php echo site_url("video/ajax_vote") ?>/"
+							+ action
+							+ "<?php echo "/{$video['id']}" ?>",
+						data: {t: ""+Math.random()},
+						dataType: "text",
+						success: function(text) {
+							if (text)
+								$(idOutput).html(text);
+							else
+								alert('<?php echo $this->lang->line('ui_msg_repeated_action_restriction') ?>');
+						}
+					});
+				}
+				else
+					alert('<?php echo $this->lang->line('ui_msg_login_restriction') ?>');
+			})
+			.button();
+		
+		$('#link-like')
+			.click(function() {
+				user_id = "<?php echo $user_id ?>";
+				
+				if (user_id)
+				{
+					$.ajax({
+						type: "GET",
+						url: "<?php echo site_url("video/ajax_vote/like/{$video['id']}") ?>",
+						dataType: "text",
+						success: function(text) {
+							if (text)
+								$('#video-likes').html(text);
+							else
+								alert('<?php echo $this->lang->line('ui_msg_repeated_action_restriction') ?>');
+						}
+					});
+				}
+				else
+					alert('<?php echo $this->lang->line('ui_msg_login_restriction') ?>');
+			})
+			.button();
+		$('#link-dislike')
+			.click(function() {
+				user_id = "<?php echo $user_id ?>";
+				
+				if (user_id)
+				{
+					$.ajax({
+						type: "GET",
+						url: "<?php echo site_url("video/ajax_vote/dislike/{$video['id']}/$user_id") ?>",
+						data: {t: ""+Math.random()},
+						dataType: "text",
+						success: function(text) {
+							$('#video-dislikes').html(text);
+						}
+					});
+				}
+				else
+					alert('<?php echo $this->lang->line('ui_msg_login_restriction') ?>');
+			})
+			.button();
+			
+		$('#video-info-details').hide();
+		
+		$('#a-show-info-details')
+//			.button({
+//				icons: {
+//					primary: 'ui-icon-triangle-1-s'
+//				},
+//				text: false
+//			})
+			.click(function(event) {
+				event.preventDefault(true);
+				$('#video-shorted-description').toggle();
+				$('#video-info-details').fadeToggle();
+				
+				//console.log($(this).button('option', 'icons'));
+				if ($(this).data('val') == 'more')
+				{
+					$(this).data('val', 'less');
+					$(this).html('<?php echo $this->lang->line('video_show_less') ?>');
+				}
+				else
+				{
+					$(this).data('val', 'more');
+					$(this).html('<?php echo $this->lang->line('video_show_more') ?>');
+				}
+			});
 	});
 </script>
\ No newline at end of file