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

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