layout improved; About page completed
[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 <?php // Invalid name in URL ?>
7 <?php if (isset($video['err'])):
8         if ($video['err'] == 'INVALID_NAME'):
9                 $suggestion = site_url(sprintf("video/watch/%d/%s", $video['id'], 
10                         $video['name']))
11                 ?>
12                 <p>Invalid URL <em><?php echo current_url() ?></em> .</p>
13                 <p>Did you mean <a href="<?php echo $suggestion ?>">
14                         <?php echo $suggestion ?></a> ?</p>
15         <?php elseif($video['err'] == 'INVALID_ID'): ?>
16                 <p>Invalid ID in URL.</p>
17         <?php endif ?>
18         
19 <?php // Correct URL ?>
20 <?php else: ?>
21         <h1><?php echo $video['title'] ?></h1>
22         
23         <div id="video-widget-tabs">
24                 <ul>
25                         <li>
26                                 <a id="switch-to-ns-html5" href="#video-widget">HTML5</a>
27                         </li>
28                         <li>
29                                 <a id="switch-to-ns-vlc" href="#video-widget">VLC</a>
30                         </li>
31                 </ul>
32                 
33                 <div id="video-widget"></div>
34         </div>
35         
36         <div id="video-info" style="clear: both">
37         <div id="video-upload-info">
38                 <?php echo $this->lang->line('ui_uploaded_by') ?>
39                         <span id="video-date"><?php echo $video['user_name'] ?></span>
40                         <?php echo $this->lang->line('ui_on_date') ?>
41                         <span id="video-date"><?php echo $video['date'] ?></span>
42         </div>
43         
44         <div id="video-popularity">
45                 <div id="video-views">
46                         <?php echo $video['views'] . ' '
47                                 . ($video['views'] == 1 ? 
48                                         $this->lang->line('ui_view') : 
49                                         $this->lang->line('ui_views') );
50                         ?>
51                 </div>
52                 
53                 <div><span id="video-likes">
54                         <?php echo $video['likes'] . ' '
55                                 . ($video['likes'] == 1 ? 
56                                         $this->lang->line('ui_like') : 
57                                         $this->lang->line('ui_likes') );
58                         ?></span>,
59                 <span id="video-dislikes">
60                         <?php echo $video['dislikes'] . ' '
61                                 . ($video['dislikes'] == 1 ? 
62                                         $this->lang->line('ui_dislike') : 
63                                         $this->lang->line('ui_dislikes') );
64                         ?>
65                 </span></div>
66         </div>
67         
68         <div id="video-description"><?php echo $video['description'] ?></div>
69         
70         <dl id="video-category">
71                 <dt><?php echo ucwords($this->lang->line('ui_category'))
72                         . ': ' ?></dt>
73                 <dd><?php echo $video['category_title'] ?></dd>
74         </dl>
75         
76         <dl id="video-tags">
77                 <dt><?php echo ucwords($this->lang->line('ui_tags')). ': ' ?></dt>
78                 <dd><?php if (isset($video['tags'])): 
79                 foreach ($video['tags'] as $tag => $score): ?>
80                 <a href="<?php echo site_url('catalog/search/'. $tag) ?>" class="video-tag">
81                         <?php echo "$tag " // TODO print score in future ?>
82                 </a>
83                 <?php endforeach; endif ?></dd>
84         </dl>
85         
86         <dl id="video-license">
87                 <dt><?php echo ucwords($this->lang->line('ui_license')).': ' ?></dt>
88                 <dd><?php echo $video['license'] ?></dd>
89         </dl>
90         </div>
91         
92
93 <?php endif // if (isset($video['err'])): ?>
94
95 <?php // Javascript bindings when document is ready ?>
96 <script type="text/javascript">
97         $(function() {
98                 // TODO remove this 2 bindings
99                 $('#a_ns-vlc').click(function() {
100                         //retrieveNsVlcPlugin('<? //echo $video['url'][0] ?>');
101                 });             
102                 $('#a_ns-html5').click(function() {
103                         //retrieveNsHtml5Plugin('<?php //echo $video['url'][0] ?>')
104                 });
105                 
106                 // Switch video plugin facilities
107                 $('#video-widget-tabs')
108                         .tabs();
109                 $('#switch-to-ns-html5')
110                         .click(function() {
111                                 $('#video-widget')
112                                         .nsvideo('type', 'ns-html5');
113                         });
114                 $('#switch-to-ns-vlc')
115                         .click(function() {
116                                 $('#video-widget')
117                                         .nsvideo('type', 'ns-vlc');
118                         });
119                 
120                 // Video widget
121                 $('#video-widget')
122                         .nsvideo({
123                                 type: "<?php echo $plugin_type ?>",
124                                 src: <?php echo json_encode($video['assets']) ?>,
125                                 //width: videoWidth,
126                                 //height: videoHeight
127                                 minWidth: 640,
128                                 maxWidth: 1024,
129                                 initialDuration: "<?php echo $video['duration'] ?>",
130                                 
131                                 resize: function() {
132                                         $('#video-widget-tabs')
133                                                 .css('width', $('#video-widget').css('width'));
134                                 }
135                         });
136         });
137 </script>