Advertisement
Guest User

potentital nav

a guest
Jul 17th, 2018
75
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.73 KB | None | 0 0
  1. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  2. <?php
  3. // All is inside the body tag
  4. require_once("rbuxlogin.php");
  5. require_once("modelcategory.php");
  6. if (!isset($modelCategory))
  7. $modelCategory = new ModelCategory();
  8. $filterCat = array("top_only" => '1');
  9. $mainCategories = $modelCategory->getCategories($filterCat);
  10. // get user's current interests
  11. $featureCenteredNavbarLogo = false; // overridden from fbuxconfig
  12. ?>
  13. <?php
  14.  
  15. $homeURL = $dashboardUrl;
  16. //if (isset($paramArray['caller'])){
  17. // if ($paramArray['caller'] == 'landing')
  18. // $homeURL = $rBUXIntroURL;
  19. //}
  20. if ($rBUXAPI->isLoggedIn()) {
  21. ?>
  22. <script>
  23. var userInterestsList = [];
  24. <?php
  25. $userInterestsList = $rBUXAPI->getUserCategories($rBUXID);
  26. foreach ($userInterestsList as $userInterest){ ?>
  27. userInterestsList.push("<?=$userInterest;?>");
  28. <?php }
  29. $showUserParam = "eparam=".encodeParams("rBUXID=".urlencode($rBUXID));
  30. $userProfileURL = "rPostForm('$rBUXShowUserPage','$showUserParam', 'POST', '_self');";
  31. ?>
  32. </script>
  33. <form class="controlbox" name="log-out" id="logout" method="POST">
  34. <input type="hidden" name="op" value="logout"/>
  35. <input type="hidden" name="loginType" value=""/>
  36. <?php //getFormHiddenInput(); ?>
  37. </form>
  38. <?php }
  39. function shouldShowCategory($catID)
  40. {
  41. global $userInterestsList;
  42. global $marketShowInterestsOnly;
  43. //error_log("shouldShowCategory marketShowInterestsOnly: ".($marketShowInterestsOnly ? "YES": "NO"));
  44. if (!$marketShowInterestsOnly)
  45. return true;
  46. foreach ($userInterestsList as $userInterest){
  47. error_log("shouldShowCategory show userInterest: $userInterest");
  48. if ($userInterest == $catID) {
  49. error_log(" shouldShowCategory show catID: $catID");
  50. return true;
  51. }
  52. }
  53. return false;
  54. }
  55.  
  56. ?>
  57. <!-- Main navbar -->
  58. <style>
  59. .nav-mid-fill{
  60. width: 100%;
  61. /*overflow: hidden;*/
  62. }
  63.  
  64. .rbux-mid-fill {
  65. display: block;
  66. overflow: hidden;
  67. padding-right:10px;
  68. padding-left:10px;
  69. }
  70.  
  71. @media only screen and (max-width: 320px){
  72. .rbux-mid-fill {
  73. padding: 0px;
  74. }
  75.  
  76. .small-screen-padding {
  77. padding-left: 10px;
  78. }
  79. }
  80.  
  81. @media only screen and (max-height: 510px) {
  82. .dropdown-menu > li {
  83. margin-bottom: -4px;
  84. margin-top: -4px;
  85. }
  86. }
  87.  
  88. .rbux-nav-right{
  89. float: right;
  90. }
  91. .rbux-nav-left{
  92. float: left;
  93. }
  94.  
  95. #search-div {
  96. height: 50px;
  97. }
  98.  
  99. .search-div {
  100. float: right;
  101. margin-top: 7px;
  102. margin-right: 40px;
  103. /*border: 1px solid #ccc;
  104. border-radius: 4px 25px 25px 4px;*/
  105. height: 40px;
  106. padding-right: 15px;
  107. padding-top: 1px;
  108. position: relative;
  109. z-index: 1000;
  110. width: 100px;
  111. transition: 1s width;
  112. height: 40px;
  113. }
  114.  
  115. #search-icon {
  116. float: right;
  117. /* margin-left: 10px;
  118. margin-top: 11px;*/
  119. height: 32px;
  120. width: 32px;
  121. border: 1px solid #ccc;
  122. border-radius: 50%;
  123. text-align: center;
  124. padding-top: 8px;
  125. padding-left: 2px;
  126. margin-top: 0.5px;
  127. <?php if(!isMobilePlatform()) {?>
  128. margin-right: -15px;
  129. <?php } else { ?>
  130. /*margin-right: -4px;*/
  131. padding-right: 2px;
  132. /*margin-bottom: 1px;*/
  133. <?php } ?>
  134. }
  135.  
  136. .searchbar-text {
  137. float: left;
  138. width: 0%;
  139. opacity: 0;
  140. border: none;
  141. padding-top: 9px;
  142. padding-bottom: 5px;
  143. padding-left: 10px;
  144. padding-right: 10px;
  145. transition: 1s width;
  146. height: 35px;
  147. }
  148.  
  149. #x {
  150. margin-top: 10px;
  151. margin-right: 10px;
  152. display: none;
  153. transition: 1s display;
  154. }
  155.  
  156. @media only screen and (max-width: 900px){
  157. #search-div {
  158. margin-right: 0px;
  159. }
  160. }
  161.  
  162. @media only screen and (max-width: 600px){
  163. #search-div {
  164. margin-right: -40px;
  165. }
  166. }
  167.  
  168. @media only screen and (max-width: 500px){
  169. #search-div {
  170. margin-right: -60px;
  171. }
  172.  
  173. <?php if(!isMobilePlatform()) {?>
  174. .search-div {
  175. width: 80% !important;
  176. }
  177. <?php } ?>
  178. }
  179.  
  180.  
  181. </style>
  182. <div class="row" style="overflow-x:hidden; width:100%; margin:0;">
  183. <!-- <div class="navbar navbar-default header-highlight"> -->
  184. <div id="navbar-top" class="navbar navbar-fixed-top header-highlight navbar-rbux nav-mid-fill elevation1" style="align-items: center;padding-left:0px;">
  185. <ul class="nav navbar-nav rbux-nav-left" style="margin-left: 10px;">
  186. <?php if (isset($hasSidebarMenu) && $rBUXAPI->isLoggedIn()) { /*Scott took out tooltip - it was in the way data-popup="tooltip" title="Show main" */ ?>
  187. <li class='hidden-xs' >
  188. <a class="sidebar-control sidebar-main-hide" data-placement="bottom" data-container="body" >
  189. <i class="icon-paragraph-justify3"></i>
  190. </a>
  191. </li>
  192. <li class="hidden-sm hidden-md hidden-lg hidden-xl"> <?php /* visible-xs-block" > */ ?>
  193. <a class="sidebar-mobile-main-toggle" style="padding-left: 10px;padding-top:12px;padding-right:0px; display: inline-block !important;">
  194. <i class="icon-paragraph-justify3"></i>
  195. </a>
  196. <a href="<?php $homeURL; ?>"
  197. style="padding-left: 10px;padding-top:12px;padding-right:0px; display: inline-block !important;" id="nav-items">
  198. <img id="navbarLogoImage" src="images/<?=$logofile?>.png" alt="" style="padding-left:10px; padding-right:0px;height:24px;margin-top:-4px;">
  199. </a>
  200. </li>
  201.  
  202. <?php }else{ ?>
  203. <li class="visible-xs-block">
  204. <a class="navbar-brand" href="<?php echo $homeURL; ?>" style="padding-left: 10px;padding-right:0px;">
  205. <img id="navbarLogoImage" src="images/<?=$logofile?>.png" alt="">
  206. </a>
  207. </li>
  208. <?php /*if (!$featureBreadcrumbs){ ?>
  209. <li>
  210. <a href="<?=$rBUXMainUrl?>" class="" data-placement="bottom" data-container="body">
  211. <i class="fa fa-home fa-lg" style="font-size:28px;"></i>
  212. </a>
  213. </li>
  214. <?php }*/ ?>
  215. <?php } ?>
  216. <li class="hidden-xs">
  217. <?php if (!$featureCenteredNavbarLogo) { ?>
  218. <a class="navbar-brand" href="<?php echo $homeURL; ?>" style="padding-left: 4px;padding-right: 4px;">
  219. <img id="navbarLogoImage" src="images/<?=$logofile?>.png" alt="">
  220. </a>
  221. <?php } ?>
  222.  
  223. </li>
  224. </ul>
  225. <?php /************
  226. <ul class="nav navbar-nav navbar-center">
  227. <?php if ($featureCenteredNavbarLogo) { ?>
  228. <li>
  229. <a class="navbar-brand" href="<?php echo $homeURL; ?>">
  230. <img id="navbarLogoImage" src="images/<?=$logofile?>.png" alt="">
  231. </a>
  232. <?php if ($betatest && $rBUXURL != "https://rbux.com"){ ?>
  233. <small><i class='fa fa-bug' ></i> <?=$betaTestName?></small>
  234. <?php } ?>
  235. </li>
  236.  
  237. <?php }?>
  238. </ul>
  239. ***************/ ?>
  240. <style>
  241. .signInLink {
  242. }
  243. .btn-nav-signUp {
  244. color: #222 !important;
  245. }
  246. .btn-nav-signUp:focus,
  247. .btn-nav-signUp.focus,
  248. .btn-nav-signUp:hover {
  249. background-color: #ccc !important;
  250. border-color: #aaa !important;
  251. }
  252.  
  253. </style>
  254. <?php if (!isset($vendorNavBar)) { ?>
  255.  
  256. <ul class="nav navbar-nav rbux-nav-right" id="navbar-mobile">
  257. <?php if (!$rBUXAPI->isLoggedIn()) { ?>
  258. <li class="hidden-xs" style="padding-top:11px; " >
  259. <a href='javascript:callLogin(false, false);' class='btn btn-xs btn-link btn-nav-link signInLink'
  260. style='padding-top:2px;padding-bottom:2px;' >Sign in</a>
  261. </li>
  262. <li class="hidden-xs" style="padding-top:11px;padding-right:10px; ">
  263. <a class="btn btn-xs btn-default btn-nav-signUp" href='javascript:callSignup(false, false);'
  264. style='padding-top:2px;padding-bottom:2px;'><?php echo "Join rBux" ?></a>
  265. </li>
  266. <?php } ?>
  267. <?php if ($rBUXAPI->isLoggedIn()) { ?>
  268. <li class="hidden-md hidden-sm hidden-xs">
  269. <div class="avatar-less-margin" style="display:inline-block;padding-top:7px;">
  270. <a class=" " href="javascript:<?=$userProfileURL; ?>"><?php $rBUXAPI->displayAvatar(32, 0); ?></a>
  271. </div>
  272. </li>
  273. <?php } ?>
  274. <li class="dropdown dropdown-user">
  275. <a class="dropdown-toggle" data-toggle="dropdown" style="padding-top:0px;padding-bottom:0px;padding-left:0px;">
  276. <?php if ($rBUXAPI->isLoggedIn()) { ?>
  277. <span class="avatar-less-margin hidden-lg hidden-xl" style=""><?php $rBUXAPI->displayAvatar(32, 0); ?>
  278. </span>
  279. <span class="avatar-less-margin hidden-md hidden-sm hidden-xs" style="padding-top:13px; padding-bottom: 13px;" >
  280. <?php
  281. $mlfullName = $rBUXAPI->getMemberDisplayName($rBUXAPI->getFirstName(), $rBUXAPI->getLastName(), $rBUXAPI->getUserName(), $rBUXAPI->getPrivacy());
  282. $mlusername = $rBUXAPI->getMemberDisplayUserName($mlfullName, $rBUXAPI->getUserName());
  283. $userTitle = $rBUXAPI->getMemberDisplayTitle($mlfullName, $mlusername);
  284. echo $userTitle;
  285. ?>
  286. </span>
  287. <span class="" style="padding-top:13px; padding-bottom: 13px;" >
  288. <i class="fa fa-angle-down btn-nav-link" ></i>
  289. </span>
  290. <?php }else{ ?>
  291. <div class="avatar-less-margin" style="padding-top:13px; padding-bottom: 13px;font-weight: 900;" >
  292. <i class="icon-paragraph-justify3 btn-nav-link"></i>
  293. </div>
  294. <?php } ?>
  295. </a>
  296. <ul class="dropdown-menu dropdown-menu-right"
  297. style="position:absolute; z-index:65001; margin:2px 0 0; background-color:white; border:1px solid #ddd; border-radius:3px">
  298. <!-- <ul class="dropdown-menu dropdown-menu-right"> -->
  299. <?php if ($rBUXAPI->isLoggedIn()) { ?>
  300. <?php /**
  301. <li><a href="auser.php"><i class="icon-user-plus"></i> My profile</a></li>
  302. <li><a href="auser.php"><i class="icon-coins"></i> My balance</a></li>
  303. <!-- <li><a href="#"><span class="badge bg-teal-400 pull-right">58</span> <i class="icon-comment-discussion"></i> Messages</a></li> -->
  304. <li class="divider"></li>
  305. ****************************/ ?>
  306. <?php /******************
  307. <li><a href="<?php echo $memberReportsUrl; ?>" target='_self'><i class="icon-coins"></i> Reports</a></li>
  308. *************/ ?>
  309. <li><a href="javascript:<?=$userProfileURL; ?>" target='_self'><i class="icon-user"></i> My Profile</a></li>
  310. <li><a href='<?=$rBUXUserNotifySettingsPage; ?>' target='_self'><i class="icon-exclamation"></i> Notification Settings</a></li>
  311. <li><a href="<?=$memberAccountUrl; ?>?op=interests" target='_self'><i class="icon-heart6"></i> My Interests</a></li>
  312. <li><a href="<?=$memberAccountUrl; ?>" target='_self'><i class="icon-cog5"></i> Account Settings</a></li>
  313.  
  314. <li role="separator" class="divider"></li>
  315. <?php }else{ ?>
  316. <li><a href='javascript:callLogin(false, false);' ><i class="icon-key"></i> Sign in</a></li>
  317. <li><a href='javascript:callSignup(false, false);' ><i class="icon-pencil"></i> Join rBux</a></li>
  318.  
  319. <?php } ?>
  320. <?php if (isset($noBreadcrumbMenu)) { ?>
  321. <li><a href="<?php echo $rBUXIntroSite; ?>support""><i class="icon-comment-discussion position-left"></i> Support</a></li>
  322. <?php } ?>
  323. <li><a href="<?php echo $rBUXIntroURL; ?>?op=showlanding">What is rBux?</a></li>
  324. <li><a href="<?php echo $rBUXIntroSite; ?>privacy">Privacy Policy</a></li>
  325. <li><a href="<?php echo $rBUXIntroSite; ?>copyrights">Copyright Notices</a></li>
  326. <li class="divider"></li>
  327. <li><a href="<?=$rBUXIntroURL;?>partner">Become a Partner</a></li>
  328. <li><a href="<?=$rBUXMainUrl.$rBUXVendorAdminPage?>" >Partner Dashboard</a></li>
  329. <?php
  330. /*** <li class="divider"></li>
  331. <li><a href="<?php echo $rBUXMarketSite; ?>index.php?route=affiliate/login"><i class="icon-basket"></i>Partner</a></li>
  332. *******/ ?>
  333. <?php if ($rBUXAPI->isLoggedIn()) { ?>
  334. <li class="divider"></li>
  335. <li><a href="javascript:logout();"><i class="icon-switch2"></i> Sign Out</a></li>
  336. <?php }
  337. if ($isMobileApp) { ?>
  338. <li class="divider"></li>
  339. <li><a href="javascript:location.reload(true);" >Refresh</a></li>
  340. <?php } ?>
  341. </ul>
  342. </li>
  343. </ul>
  344.  
  345. <?php } ?>
  346. <?php if ($showSearchNavBar) { ?>
  347. <ul class="nav rbux-mid-fill id="navSearchbarID">
  348. <li>
  349. <div class="col-sm-12" id="search-div">
  350. <!-- <form action="" class="search-form" onSubmit="return false;">
  351. <div class="form-group has-feedback">
  352. <input type="text" class="form-control" style="width:100%" name="searchvendor3" oninput="searchVendorProducts()" id="searchvendor3" placeholder="Search...">
  353. <span class="glyphicon glyphicon-search form-control-feedback small-screen-padding"></span>
  354. </div>
  355. </form> -->
  356. <!-- aids -->
  357. <form>
  358. <div class="form-group search-div">
  359. <!-- <span><i class="fa fa-lg fa-times" id="x"></i></span>
  360. --> <span class="glyphicon glyphicon-search" id="search-icon" data-state="0"></span>
  361. <input type="text" disabled="" class="searchbar-text" name="searchvendor3" oninput="searchVendorProducts()" id="searchvendor3" placeholder="Search">
  362. </div>
  363. </form>
  364. </div>
  365. </li>
  366. </ul>
  367. <?php } ?>
  368.  
  369. </div>
  370. <!-- Categories Navbar -->
  371. <div class="nav-categories header-highlight elevation1" id="category-navbar" hidden data-state='0'>
  372. <div class="nav-categories-content slider-content container">
  373. <div class="nav-categories-container">
  374. <div class="nav-topic-item-content hidden-xs">
  375. <a onclick="setMarketViewPanel('new'); openTopic('new');"
  376. title="Newest Products Added." class="nav-categories-item topic-nav-link-text nav-categories-item-imposter">
  377. New
  378. <span class="nav-topic-item-underline" id="nav-topic-text-new"></span>
  379. </a>
  380. </div>
  381. <div class="nav-topic-item-content hidden-xs">
  382. <a onclick="setMarketViewPanel('featured'); openTopic('featured');" title="Products you may like."
  383. class="nav-categories-item topic-nav-link-text nav-categories-item-imposter">
  384. Featured
  385. <span class="nav-topic-item-underline" id="nav-topic-text-featured"></span>
  386. </a>
  387. </div>
  388. <div class="nav-topic-item-content hidden-xs">
  389. <a onclick="setMarketViewPanel('refer'); openTopic('refer');" title="Most Referred Products."
  390. class="nav-categories-item topic-nav-link-text nav-categories-item-imposter">
  391. Popular
  392. <span class="nav-topic-item-underline" id="nav-topic-text-refer"></span>
  393. </a>
  394. </div>
  395. <div class="nav-topic-item-content hidden-xs">
  396. <a onclick="setMarketViewPanel('trending'); openTopic('trending');" title="Most Recent Referrals."
  397. class="nav-categories-item topic-nav-link-text nav-categories-item-imposter">
  398. Trending
  399. <span class="nav-topic-item-underline" id="nav-topic-text-trending"></span>
  400. </a>
  401. </div>
  402. &nbsp;&nbsp;&nbsp;&nbsp;
  403.  
  404. <div class="nav-categories-item-content hidden-xs hidden-sm">
  405. <a href="#" class="nav-categories-item text-gray-shadow nav-categories-item-imposter"
  406. onclick="setMarketViewCategory('');openCategory('')">
  407. &nbsp;All&nbsp;
  408. <span class="nav-categories-item-underline" id="nav-categories-text-"></span>
  409. </a>
  410. </div>
  411.  
  412. <?php foreach ($mainCategories as $category_id) { ?>
  413. <?php //Get's the image for the current category_id by creating a querry
  414. $catID = $category_id['category_id'];
  415. $categoryName = $category_id['name'];
  416.  
  417. $image = $modelCategory->getCategoryImage($catID);
  418. $imageDirectory = $rBUXMarketSite.$rBUXMarketImageFolder.$image['image'];
  419. //If no image has been selected for the category, default image
  420. if (!@getimagesize($imageDirectory)) {
  421. $imageDirectory = $rBUXMarketSite.$rBUXMarketImageFolder."catalog/sportsrec140.jpg";
  422. }
  423. //Get's the name for the current category_id by creating a querry
  424. //This is done because category data is held in different tables, and categoryList is not organised
  425. //$categoryDetails = $modelCategory->getCategoryDescriptions($catID);
  426. //$categoryName = $categoryDetails[1]['name'];
  427.  
  428. $addit = true;
  429. if ($catID == Default_SuggestionVendorID || $catID == Default_Category_Suggestion){ //|| $catID == Default_Category_Other
  430. $addit = false;
  431. }
  432. if ($addit) {
  433. $hiddenstate = !shouldShowCategory($catID) ? 'hide' : '';
  434. ?>
  435. <div class="nav-categories-item-content category-item-class hidden-xs hidden-sm <?=$hiddenstate?>" id="nav-categories-div-<?=$catID?>" data-category="<?=$catID?>">
  436. <a href="#" class="nav-categories-item text-gray-shadow nav-categories-item-imposter"
  437. onclick="setMarketViewCategory('<?=$catID?>');openCategory('<?=$catID?>')">
  438. <?=$categoryName;?>
  439. <span class="nav-categories-item-underline" id="nav-categories-text-<?=$catID?>"></span>
  440. </a>
  441. </div>
  442. <?php }
  443. } ?>
  444.  
  445. <!-- dropdown stuff for mobile -->
  446. <div class="nav-categories-item-content dropdown sorting-drop" id="sorting1" style="height: 22px !important; margin-right: 10px;">
  447. <a href="#" class="nav-categories-item topic-nav-link-text nav-categories-item-imposter" data-toggle="dropdown" style="font-weight: 500 !important; margin: 0px 0px 0px 0px !important;">
  448. <span id="currentArrangeTitleID">Arrange</span>
  449. <span class="caret"></span>
  450. </a>
  451. <ul class="dropdown-menu elevation1 grad-white checkable-dropdown" id="topic-dropdown-menu">
  452. <li><a href="javascript:setMarketViewPanel('new'); openTopic('new');" class="topic-nav-link-text hidden-sm" id="nav-topic-menu-new">
  453. <i class="fa fa-check"></i> <span>New</span></a></li>
  454. <li><a href="javascript:setMarketViewPanel('featured'); openTopic('featured');" class="topic-nav-link-text hidden-sm" id="nav-topic-menu-featured">
  455. <i class="fa fa-check"></i> <span>Featured</span></a></li>
  456. <li><a href="javascript:setMarketViewPanel('refer'); openTopic('refer');" class="topic-nav-link-text hidden-sm" id="nav-topic-menu-refer">
  457. <i class="fa fa-check"></i> <span>Popular</span></a></li>
  458. <li><a href="javascript:setMarketViewPanel('trending'); openTopic('trending');" class="topic-nav-link-text hidden-sm" id="nav-topic-menu-trending">
  459. <i class="fa fa-check"></i> <span>Trending</span></a></li>
  460. </ul>
  461. </div>
  462. <div class="nav-categories-item-content dropdown hidden-md hidden-lg hidden-xl sorting-drop" id="sorting2" style="height: 22px !important;">
  463. <a href="#" class="nav-categories-item text-gray-shadow nav-categories-item-imposter" data-toggle="dropdown" style="font-weight: 500 !important; margin: 0px 0px 0px 0px !important;">
  464. <span id="currentCategoryTitleID">Filters</span>
  465. <span class="caret"></span>
  466. </a>
  467. <ul id="categories-menu" class="dropdown-menu elevation1 grad-white checkable-dropdown " id="categories-dropdown-menu">
  468. <li><a id="nav-categories-menu-" href="javascript:setMarketViewCategory('');openCategory('');" class="text-gray-shadow ">
  469. <i class="fa fa-check"></i> <span>All Categories</span></a>
  470. </li>
  471. <?php foreach ($mainCategories as $category_id) { ?>
  472. <?php //Get's the image for the current category_id by creating a querry
  473. $catID = $category_id['category_id'];
  474. $categoryName = $category_id['name'];
  475. //$categoryDetails = $modelCategory->getCategoryDescriptions($catID);
  476. //$categoryName = $categoryDetails[1]['name'];
  477. if ($catID == Default_SuggestionVendorID || $catID == Default_Category_Suggestion){ // && $catID == Default_Category_Other
  478. $addit = false;
  479. }
  480. if ($addit) {
  481. $hiddenstate = !shouldShowCategory($catID) ? 'hide' : '';
  482. ?>
  483. <li class="category-item-class" id="nav-categories-li-<?=$catID?>" data-category="<?=$catID?>">
  484. <a id="nav-categories-menu-<?=$catID?>" href="javascript:setMarketViewCategory('<?=$catID?>');openCategory('<?=$catID?>')" class="text-gray-shadow ">
  485. <i class="fa fa-check"></i> <span><?=$categoryName;?></span>
  486. </a>
  487. </li>
  488. <?php }
  489. } ?>
  490. </ul>
  491. <span class="nav-categories-item-underline"></span>
  492. </div>
  493.  
  494. <div class="nav-categories-item-content">
  495. &nbsp;&nbsp;
  496. <a id="marketViewFiltersButtonID" data-toggle="modal" class="text-gray-shadow" href="#marketOptionsModal" title="Narrow the listings results to your preferences." style="">
  497. <b><i class="icon-cog3"></i></b></a>
  498. </div>
  499. </div>
  500. </div>
  501. <?php if ($betatest && $rBUXURL != "https://rbux.com")
  502. echo "<div style='position:absolute;left:0px;top:0px;z-index:50000'><small><i class='fa fa-bug' ></i><span class=''> ".$betaTestName."</span></small></div>";
  503. ?>
  504. </div>
  505.  
  506. </div>
  507. <?php /*** <!-- /main navbar --> ****/ ?>
  508.  
  509. <script type="text/javascript">
  510. $("#sorting1").click(function() {
  511. if ($(".nav-categories").data('state') === '0') {
  512. $(".nav-categories").css({
  513. height: '41px'
  514. });
  515. $(".nav-categories").data('state', '1');
  516. } else {
  517. $(".nav-categories").css({
  518. height: '250px'
  519. });
  520. $(".nav-categories").data('state', '0');
  521. }
  522. });
  523.  
  524. $("#sorting2").click(function() {
  525. if ($(".nav-categories").data('state') === '0') {
  526. $(".nav-categories").css({
  527. height: '41px'
  528. });
  529. $(".nav-categories").data('state', '1');
  530. } else {
  531. $(".nav-categories").css({
  532. height: '400px'
  533. });
  534. $(".nav-categories").data('state', '0');
  535. }
  536. });
  537.  
  538. // note if state === 0, dont show search, if state === 1 show
  539. <?php if(!isMobilePlatform()) {?>
  540. $("#search-icon").click(function() {
  541. if ($("#search-icon").data('state') === '0') {
  542. $(".search-div").css({
  543. width: '85%',
  544. border: '1px solid #ccc',
  545. borderRadius: '4px 25px 25px 4px',
  546. marginRight: '50px'
  547. });
  548. $("#search-icon").removeClass("glyphicon glyphicon-search");
  549. $("#search-icon").addClass("fa fa-lg fa-times");
  550. $("#search-icon").css({
  551. border: 'none'
  552. });
  553. $(".searchbar-text").css({
  554. width: '83%',
  555. opacity: '1'
  556. });
  557. $(".searchbar-text").removeAttr('disabled');
  558. $('.searchbar-text').focus();
  559. $("#fake-input").css({
  560. display: 'none'
  561. });
  562. $("#search-icon").data('state', '1');
  563. } else {
  564. $(".search-div").css({
  565. border: 'none',
  566. width: '200px'
  567. });
  568. $("#search-icon").removeClass("fa fa-lg fa-times");
  569. $("#search-icon").addClass("glyphicon glyphicon-search");
  570. $("#search-icon").css({
  571. border: '1px solid #ccc',
  572. borderRadius: '50%'
  573. });
  574. $(".searchbar-text").css({
  575. width: '0%',
  576. opacity: '0'
  577. });
  578. $(".searchbar-text").attr('disabled', 'disabled');
  579. $("#search-icon").data('state', '0');
  580. }
  581. })
  582.  
  583. <?php } else if(!$rBUXAPI->isLoggedIn()) { ?>
  584.  
  585. $("#search-icon").click(function() {
  586. if ($("#search-icon").data('state') === '0') {
  587. $(".search-div").css({
  588. width: '80%',
  589. border: '1px solid #ccc',
  590. borderRadius: '4px 25px 25px 4px',
  591. marginRight: '50px'
  592. });
  593. $("#search-icon").removeClass("glyphicon glyphicon-search");
  594. $("#search-icon").addClass("fa fa-lg fa-times");
  595. $("#search-icon").css({
  596. border: 'none',
  597. marginTop: '2px',
  598. marginLeft: '5px'
  599. });
  600. $(".navbar-brand").css({
  601. display: 'none'
  602. });
  603. $(".searchbar-text").css({
  604. width: '80%',
  605. height: "35px",
  606. opacity: '1'
  607. });
  608. $(".searchbar-text").removeAttr('disabled');
  609. $(".searchbar-text").focus();
  610. $("#search-icon").data('state', '1');
  611. } else {
  612. $(".search-div").css({
  613. border: 'none',
  614. width: '100px'
  615. })
  616. $("#search-icon").removeClass("fa fa-lg fa-times");
  617. $("#search-icon").addClass("glyphicon glyphicon-search");
  618. $("#search-icon").css({
  619. border: '1px solid #ccc',
  620. borderRadius: '50%',
  621. marginLeft: '0px'
  622. });
  623. $(".navbar-brand").css({
  624. display: 'block'
  625. });
  626. $(".searchbar-text").css({
  627. width: '0%',
  628. opacity: '0'
  629. });
  630. $(".searchbar-text").attr('disabled', 'disabled');
  631. $("#search-icon").data('state', '0');
  632. }
  633. })
  634.  
  635. <?php } else { ?>
  636.  
  637. $("#search-icon").click(function() {
  638. if ($("#search-icon").data('state') === '0') {
  639. $(".search-div").css({
  640. width: '80%',
  641. border: '1px solid #ccc',
  642. borderRadius: '4px 25px 25px 4px'
  643. })
  644. $("#search-icon").removeClass("glyphicon glyphicon-search");
  645. $("#search-icon").addClass("fa fa-lg fa-times");
  646. $("#search-icon").css({
  647. border: 'none',
  648. marginTop: '2px',
  649. marginLeft: '5px'
  650. });
  651. $("#nav-items").css({
  652. display: 'none'
  653. });
  654. $(".searchbar-text").css({
  655. width: '80%',
  656. height: '35px',
  657. opacity: '1'
  658. });
  659. $(".searchbar-text").removeAttr('disabled');
  660. $(".searchbar-text").focus();
  661. $("#search-icon").data('state', '1');
  662. } else {
  663. $(".search-div").css({
  664. border: 'none',
  665. width: "10%"
  666. })
  667. $("#search-icon").removeClass("fa fa-lg fa-times");
  668. $("#search-icon").addClass("glyphicon glyphicon-search");
  669. $("#search-icon").css({
  670. border: '1px solid #ccc',
  671. borderRadius: '50%',
  672. marginLeft: '0px'
  673. });
  674. $("#nav-items").css({
  675. display: 'inline-block'
  676. });
  677. $(".searchbar-text").css({
  678. width: '0%',
  679. opacity: '0'
  680. });
  681. $(".searchbar-text").attr('disabled', 'disabled');
  682. $("#search-icon").data('state', '0');
  683. }
  684. })
  685.  
  686. <?php } ?>
  687. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement