xp-dev.com Git - namibia/blob - public/js/app/brochure_menu.js

   1 ;(function(){
   2   $(document).ready(function(){
   3     var $_menu, $_mobimenu, $_portalMenu, $_MobiPortalMenu, $_headerBottom, $_mobileheaderbottom ;
   4
   5     $_menu = $([
   6         '<div id="BrochureMenu" class="nav-bar span12">',
   7           '<div id="menu">',
   8             '<ul>',
   9               '<li class="select_page"><a href="/#/" title="">Home</a></li>',
  10               '<li><a href="/#/about_us" title="">ABOUT US</a></li>',
  11               '<li><a href="/documents/Terms_and_Conditions.pdf" target="_blank" title="">Terms &amp; Conditions</a></li>',
  12               '<li><a href="/#/faq" title="">FAQ</a></li>',
  13               '<li><a href="/#/contact_us" title="">CONTACT US</a></li>',
  14               '<li><a id="log" href="/#/login" title="">LOGIN</a></li>',
  15             '</ul>',
  16           '</div>',
  17         '</div>'
  18       ].join(''));
  19
  20
  21     $_mobimenu = $([
  22
  23                                 '<div id="MobiBrochureMenu">',
  24                                 '<div class="span12">',
  25                                         '<h1 class="bottom-heading"></h1>',
  26
  27                                         '<div class="btn-group drop-down-menu-btn">',
  28                                                 '<a class="btn btn-danger dropdown-toggle mobile-dropdown-btn" data-toggle="dropdown">',
  29                                                 '</a>',
  30
  31                                                 '<ul class="dropdown-menu pull-right mobi-nav">',
  32                                                         '<img class="drop-down-arrow" src="imgs/drop_down_arrow.png" alt="">',
  33                                                         '<li><a href="#/">HOME</a></li>',
  34                                         '<li><a href="#/about_us">ABOUT US</a></li>',
  35                                     '<li><a target="_blank" href="documents/Terms_and_Conditions.pdf">TERMS & CONDITIONS</a></li>',
  36                                      '<li><a href="/#/faq" title="">FAQ</a></li>',
  37                                       '<li id="login_mobi"><a href="#/login">LOGIN</a></li>',
  38                                       '<li><a href="#/contact_us">CONTACT US</a></li>',
  39                                                 '</ul>',
  40                                         '</div>',
  41
  42                                 '</div>',
  43                                 '</div>'
  44
  45               ].join(''));
  46
  47
  48     handleHashChange = function()
  49       {
  50         if(
  51           location.hash == '#/' ||
  52           location.hash == '#/dealerhome' ||
  53           location.hash == '#/login' ||
  54           location.hash == '#/faq' ||
  55           location.hash == '#/about_us'||
  56           location.hash == '#/contact_us'
  57
  58         )
  59         {
  60           $_portalMenu = $('#PortalMenu');
  61           $_portalMenu.hide();
  62
  63           $_MobiPortalMenu = $('#MobiPortalMenu');
  64           $_MobiPortalMenu.hide();
  65
  66           $('#PublicMenu').remove();
  67           $('#MobiPublicMenu').remove();
  68
  69           // have to remove menu it keeps appending
  70           $('#BrochureMenu').remove();
  71           $('#MobiBrochureMenu').remove();
  72
  73           $_headerBottom = $('.header-bottom');
  74           $_mobileheaderbottom = $('.mobile-header-bottom');
  75
  76           $_headerBottom.append( $_menu );
  77           $_mobileheaderbottom.append( $_mobimenu );
  78
  79           $_menu.find('.select_page').removeClass('select_page');
  80           $_menu.find('a[href="/' + location.hash +'"]' ).closest('li').addClass('select_page');
  81         }
  82       };
  83
  84     $(window).on('pageChange', handleHashChange);
  85     handleHashChange();
  86   });
  87
  88 })();