working at video comments
[living-lab-site.git] / application / views / video / watch_view.php
1 <?php //Javascript initializations, globals ?>
2 <script type="text/javascript">
3         siteUrl = '<?php echo site_url() ?>';
4 </script>
5
6 <div id="main">
7 <?php // Invalid name in URL ?>
8 <?php if (isset($video['err'])):
9         if ($video['err'] == 'INVALID_NAME'):
10                 $suggestion = site_url(sprintf("video/watch/%d/%s", $video['id'], 
11                         $video['name']))
12                 ?>
13                 <p>Invalid URL <em><?php echo current_url() ?></em> .</p>
14                 <p>Did you mean <a href="<?php echo $suggestion ?>">
15                         <?php echo $suggestion ?></a> ?</p>
16         <?php elseif($video['err'] == 'INVALID_ID'): ?>
17                 <p>Invalid ID in URL.</p>
18         <?php endif ?>
19         
20 <?php // Correct URL ?>
21 <?php else: ?>
22         <h1><a href="<?php echo site_url('catalog/category/'. $video['category_name']) ?>"><?php echo $video['category_title'] ?></a> &rsaquo; <?php echo $video['title'] ?></h1>
23         
24         <div id="video-widget-tabs">
25                 <ul>
26                         <li>
27                                 <a id="switch-to-ns-html5" href="#video-widget">HTML5</a>
28                         </li>
29                         <li>
30                                 <a id="switch-to-ns-vlc" href="#video-widget">VLC</a>
31                         </li>
32                 </ul>
33                 
34                 <div id="video-widget"></div>
35         </div>
36         
37         <div id="video-info" style="clear: both">
38         <div id="video-upload-info">
39                 <?php echo $this->lang->line('ui_uploaded_by') ?>
40                         <span id="video-user"><a href="<?php echo site_url("user/profile/{$video['username']}") ?>"><?php echo $video['username'] ?></a></span>
41                         <?php echo $this->lang->line('ui_on_date') ?>
42                         <span id="video-date"><?php echo $video['date'] ?></span>
43         </div>
44         
45         <div id="video-popularity">
46                 <div id="video-views">
47                         <?php echo $video['views'] . ' '
48                                 . ($video['views'] == 1 ? 
49                                         $this->lang->line('ui_view') : 
50                                         $this->lang->line('ui_views') );
51                         ?>
52                 </div>
53                 
54                 <div><!--<a id="link-like" href="#"><?php echo $this->lang->line('video_like') ?></a>
55                         <a id="link-dislike" href="#"><?php echo $this->lang->line('video_dislike') ?></a>-->
56                         <a class="link-vote" data-action="like" href="#"><?php echo $this->lang->line('video_like') ?></a>
57                         <a class="link-vote" data-action="dislike" href="#"><?php echo $this->lang->line('video_dislike') ?></a>
58                         <span id="video-likes"><?php echo $video['likes'] ?></span> <?php
59                                 echo $this->lang->line('ui_likes') ?>,
60                         <span id="video-dislikes"><?php echo $video['dislikes'] ?></span> <?php
61                                 echo $this->lang->line('ui_dislikes'); ?>
62                 </div>
63         </div>
64         
65         <div id="video-description"><?php echo $video['description'] ?></div>
66         
67         <dl id="video-category">
68                 <dt><?php echo ucwords($this->lang->line('ui_category'))
69                         . ': ' ?></dt>
70                 <dd><?php echo $video['category_title'] ?></dd>
71         </dl>
72         
73         <dl id="video-tags">
74                 <dt><?php echo ucwords($this->lang->line('ui_tags')). ': ' ?></dt>
75                 <dd><?php if (isset($video['tags'])): 
76                 foreach ($video['tags'] as $tag => $score): ?>
77                 <a href="<?php echo site_url('catalog/search/'. $tag) ?>" class="video-tag">
78                         <?php echo "$tag " // TODO print score in future ?>
79                 </a>
80                 <?php endforeach; endif ?></dd>
81         </dl>
82         
83         <dl id="video-license">
84                 <dt><?php echo ucwords($this->lang->line('ui_license')).': ' ?></dt>
85                 <dd><?php echo $video['license'] ?></dd>
86         </dl>
87         </div>
88         
89
90 <?php endif // if (isset($video['err'])): ?>
91 </div>
92
93 <?php // Javascript bindings when document is ready ?>
94 <script type="text/javascript">
95         $(function() {
96                 // TODO remove this 2 bindings
97                 $('#a_ns-vlc').click(function() {
98                         //retrieveNsVlcPlugin('<? //echo $video['url'][0] ?>');
99                 });             
100                 $('#a_ns-html5').click(function() {
101                         //retrieveNsHtml5Plugin('<?php //echo $video['url'][0] ?>')
102                 });
103                 
104                 // Switch video plugin facilities
105                 $('#video-widget-tabs')
106                         .tabs();
107                 $('#switch-to-ns-html5')
108                         .click(function() {
109                                 $('#video-widget')
110                                         .nsvideo('type', 'ns-html5');
111                         });
112                 $('#switch-to-ns-vlc')
113                         .click(function() {
114                                 $('#video-widget')
115                                         .nsvideo('type', 'ns-vlc');
116                         });
117                 
118                 // Video widget
119                 $('#video-widget')
120                         .nsvideo({
121                                 type: "<?php echo $plugin_type ?>",
122                                 src: <?php echo json_encode($video['assets']) ?>,
123
124                                 showState: false,
125                                 
126                                 minWidth: 640,
127                                 maxWidth: 1024,
128                                 initialDuration: "<?php echo $video['duration'] ?>",
129                                 
130                                 resize: function() {
131                                         $('#video-widget-tabs')
132                                                 .css('width', $('#video-widget').css('width'));
133                                 }
134                         });
135                 
136                 $('.link-vote')
137                         .click(function() {
138                                 var user_id = "<?php echo $user_id ?>";
139                                 var action, idOutput;
140                                 if ($(this).data('action') == 'like')
141                                 {
142                                         var action = 'like';
143                                         var idOutput = '#video-likes';
144                                 }
145                                 else
146                                 {
147                                         var action = 'dislike';
148                                         var idOutput = '#video-dislikes';
149                                 }
150                                 //alert(action + " " + user_id);
151                                 
152                                 if (user_id.length != 0)
153                                 {
154                                         $.ajax({
155                                                 type: "GET",
156                                                 url: "<?php echo site_url("video/ajax_vote") ?>/"
157                                                         + action
158                                                         + "<?php echo "/{$video['id']}/$user_id" ?>",
159                                                 data: {t: ""+Math.random()},
160                                                 dataType: "text",
161                                                 success: function(text) {
162                                                         if (text)
163                                                                 $(idOutput).html(text);
164                                                         else
165                                                                 alert('<?php echo $this->lang->line('ui_msg_repeated_action_restriction') ?>');
166                                                 }
167                                         });
168                                 }
169                                 else
170                                         alert('<?php echo $this->lang->line('ui_msg_login_restriction') ?>');
171                         })
172                         .button();
173                 
174                 $('#link-like')
175                         .click(function() {
176                                 user_id = "<?php echo $user_id ?>";
177                                 
178                                 if (user_id)
179                                 {
180                                         $.ajax({
181                                                 type: "GET",
182                                                 url: "<?php echo site_url("video/ajax_vote/like/{$video['id']}/$user_id") ?>",
183                                                 dataType: "text",
184                                                 success: function(text) {
185                                                         if (text)
186                                                                 $('#video-likes').html(text);
187                                                         else
188                                                                 alert('<?php echo $this->lang->line('ui_msg_repeated_action_restriction') ?>');
189                                                 }
190                                         });
191                                 }
192                                 else
193                                         alert('<?php echo $this->lang->line('ui_msg_login_restriction') ?>');
194                         })
195                         .button();
196                 $('#link-dislike')
197                         .click(function() {
198                                 user_id = "<?php echo $user_id ?>";
199                                 
200                                 if (user_id)
201                                 {
202                                         $.ajax({
203                                                 type: "GET",
204                                                 url: "<?php echo site_url("video/ajax_vote/dislike/{$video['id']}/$user_id") ?>",
205                                                 data: {t: ""+Math.random()},
206                                                 dataType: "text",
207                                                 success: function(text) {
208                                                         $('#video-dislikes').html(text);
209                                                 }
210                                         });
211                                 }
212                                 else
213                                         alert('<?php echo $this->lang->line('ui_msg_login_restriction') ?>');
214                         })
215                         .button();
216         });
217 </script>