search implementation completed; video ordering feature when browsing by category...
[living-lab-site.git] / application / views / header.php
1 <?php 
2         if (! isset($selected_menu))
3                 $selected_menu = '';
4         if (! isset($search_query))
5                 $search_query = '';
6         if (! isset($search_category_name))
7                 $search_category_name = NULL;
8 ?>
9
10 <ul
11         id="nav-menu">
12         <li class="menu-left"><a href="<?php echo site_url() ?>"
13
14
15         <?php echo ($selected_menu == 'home' ? 'class="selected"' : '') ?>><?php echo $this->lang->line('ui_nav_menu_home') ?>
16         </a></li>
17
18         <li class="menu-left"><a
19                 href="<?php echo site_url('install-plugins') ?>"
20
21
22                 <?php echo ($selected_menu == 'install-plugins' ? 'class="selected"' : '') ?>><?php echo $this->lang->line('ui_nav_menu_install_plugins') ?>
23         </a></li>
24
25         <li class="menu-left"><a href="<?php echo site_url('about') ?>"
26
27
28         <?php echo ($selected_menu == 'about' ? 'class="selected"' : '') ?>><?php echo $this->lang->line('ui_nav_menu_about') ?>
29         </a></li>
30
31         <li class="menu-left"><a href="<?php echo site_url('help') ?>"
32
33
34         <?php echo ($selected_menu == 'help' ? 'class="selected"' : '') ?>><?php echo $this->lang->line('ui_nav_menu_help') ?>
35         </a></li>
36
37         <li class="menu-left"><a href="<?php echo site_url('contact') ?>"
38
39
40         <?php echo ($selected_menu == 'contact' ? 'class="selected"' : '') ?>><?php echo $this->lang->line('ui_nav_menu_contact') ?>
41         </a></li>
42
43         <!--<li class="menu-right"><a href="#<?php //echo site_url('register') ?>"
44                 <?php echo ($selected_menu == 'register' ? 'class="selected"' : '') ?>><?php echo $this->lang->line('ui_nav_menu_register') ?></a></li>
45                 
46         <li class="menu-right"><a href="#<?php //echo site_url('login') ?>" 
47                 <?php echo ($selected_menu == 'login' ? 'class="selected"' : '') ?>><?php echo $this->lang->line('ui_nav_menu_log_in') ?></a></li>-->
48 </ul>
49
50 <div id="header">
51         <!-- TODO: resize logo image-->
52         <a href="<?php echo site_url() ?>" id="logo"><img
53                 src="<?php echo site_url('img/p2p-next--big.png') ?>" alt="P2P-Next"
54                 width="119" height="48" /> </a>
55         
56         
57         
58         
59         <?php echo form_open('catalog/search', array('id'=>'quick-search')); ?>
60                 <label for="search"><?php 
61                         if ($search_category_name === NULL)
62                                 echo $this->lang->line('ui_search') . ':';
63                         else
64                                 echo $this->lang->line('ui_search_in') . ' <em>'
65                                 . $search_category_title . '</em>:';
66                 ?>
67                 </label>
68                 <input type="text" id="search" name="search" value="<?php echo $search_query ?>" />
69                 <input type="submit" id="button-quick-search" value="<?php echo $this->lang->line('ui_search') ?>" />
70                 <a href="#" id="button-js-quick-search" style="display:none">
71                         <?php echo $this->lang->line('ui_search') ?>
72                 </a>
73         </form>
74 </div>
75
76 <script type="text/javascript">
77         $(function() {
78                 $('#button-quick-search')
79                         .hide();
80
81                 // Fake JS submit via CI URI segments
82                 var fakeSubmit = function() {
83                         var searchQuery = $('#search').val();
84
85                         if (searchQuery.length < 4)
86                         {
87                                 alert('<?php echo $this->lang->line('error_search_query_too_short') ?>');
88                                 return;
89                         }
90                         
91                         searchQuery = searchQuery.replace(/\*/g, '_AST_');  // *
92                         searchQuery = searchQuery.replace(/\+/g, '_AND_');      // +
93                         //searchQuery = searchQuery.replace(/\-/g, '_');        // -
94                         searchQuery = searchQuery.replace(/\s/g, '+');  // <white spaces>
95                         searchQuery = searchQuery.replace(/>/g, '_GT_');        // >
96                         searchQuery = searchQuery.replace(/\</g, '_LT_');       // <
97                         searchQuery = searchQuery.replace(/\(/g, '_PO_');       // (
98                         searchQuery = searchQuery.replace(/\)/g, '_PC_');       // )
99                         searchQuery = searchQuery.replace(/~/g, '_LOW_');       // ~ 
100                         searchQuery = searchQuery.replace(/"/g, '_QUO_');       // " 
101                         searchQuery = encodeURI(searchQuery);
102                         
103                         window.location = "<?php echo site_url('catalog/search') ?>/" 
104                                 + searchQuery + '/0'
105                                 + "<?php echo ($search_category_name === NULL ? '' : '/'. $search_category_name) ?>";
106                 };
107                 
108                 $('#button-js-quick-search')
109                         .show()
110                         .button({
111                                 icons: {
112                         primary: "ui-icon-search"
113                     },
114                     text: false
115                         })
116                         .click(function(event) {
117                                 fakeSubmit();
118                         });
119
120                 $('#search')
121                         .keypress(function(event) {
122                                 if (event.which == 13)
123                                 {
124                                         fakeSubmit();
125
126                                         event.preventDefault();
127                                         return false;
128                                 }
129                         });
130         });
131
132 </script>