working on widget video resizing integration
[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="body">
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><?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                 <!--TODO user name-->
38                 <div id="video-date"><?php echo $video['date'] ?></div>
39                 <div id="video-views">
40                         <?php echo $video['views'] . ' '
41                                 . ($video['views'] == 1 ? 
42                                         $this->lang->line('ui_view') : 
43                                         $this->lang->line('ui_views') );
44                         ?>
45                 </div>
46                 <div id="video-likes">
47                         <?php echo $video['likes'] . ' '
48                                 . ($video['likes'] == 1 ? 
49                                         $this->lang->line('ui_like') : 
50                                         $this->lang->line('ui_likes') );
51                         ?>
52                 </div>
53                 <div id="video-dislikes">
54                         <?php echo $video['dislikes'] . ' '
55                                 . ($video['dislikes'] == 1 ? 
56                                         $this->lang->line('ui_dislike') : 
57                                         $this->lang->line('ui_dislikes') );
58                         ?>
59                 </div>
60                 <div id="video-description"><?php echo $video['description'] ?></div>
61                 <div id="video-category">
62                         <?php echo ucwords($this->lang->line('ui_category'))
63                                 . ': '. $video['category_title'] ?>
64                 </div>
65                 <div id="video-tags">
66                         <?php echo ucwords($this->lang->line('ui_tags')). ': ' ?>
67                         <?php if (isset($video['tags'])): 
68                         foreach ($video['tags'] as $tag => $score): ?>
69                         <a href="<?php echo site_url('catalog/search/'. $tag) ?>">
70                                 <?php echo "$tag($score)" ?>
71                         </a>
72                         <?php endforeach; endif ?>
73                 <div id="video-license">
74                         <?php echo ucwords($this->lang->line('ui_license'))
75                                 . ': '. $video['license'] ?>
76                 </div>
77                 
78
79         <?php endif // if (isset($video['err'])): ?>
80 </div>
81
82 <?php // Javascript bindings when document is ready ?>
83 <script type="text/javascript">
84         $(function() {
85                 // TODO remove this 2 bindings
86                 $('#a_ns-vlc').click(function() {
87                         //retrieveNsVlcPlugin('<? //echo $video['url'][0] ?>');
88                 });             
89                 $('#a_ns-html5').click(function() {
90                         //retrieveNsHtml5Plugin('<?php //echo $video['url'][0] ?>')
91                 });
92                 
93                 // Switch video plugin facilities
94                 $('#video-widget-tabs').tabs();
95                 $('#switch-to-ns-html5')
96                         .click(function() {
97                                 $('#video-widget')
98                                         .nsvideo('type', 'ns-html5');
99                         });
100                 $('#switch-to-ns-vlc')
101                         .click(function() {
102                                 $('#video-widget')
103                                         .nsvideo('type', 'ns-vlc');
104                         });
105                 
106                 // Video widget
107                 $('#video-widget')
108                         .nsvideo({
109                                 type: "<?php echo $plugin_type ?>",
110                                 src: <?php echo json_encode($video['assets']) ?>,
111                                 //width: videoWidth,
112                                 //height: videoHeight
113                                 minWidth: 1200,
114                                 maxWidth: 1400
115                         })
116                         .resize(function(e) {
117                                 $('#video-widget-tabs')
118                                         .css('width', $('#video-widget').css('width'));
119                                 console.log($('#video-widget').css('width'));
120                         });
121                         
122                 $('#video-widget-tabs')
123                                         .css('width', $('#video-widget').css('width'));
124         });
125 </script>