Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <?php
- // All is inside the body tag
- require_once("rbuxlogin.php");
- require_once("modelcategory.php");
- if (!isset($modelCategory))
- $modelCategory = new ModelCategory();
- $filterCat = array("top_only" => '1');
- $mainCategories = $modelCategory->getCategories($filterCat);
- // get user's current interests
- $featureCenteredNavbarLogo = false; // overridden from fbuxconfig
- ?>
- <?php
- $homeURL = $dashboardUrl;
- //if (isset($paramArray['caller'])){
- // if ($paramArray['caller'] == 'landing')
- // $homeURL = $rBUXIntroURL;
- //}
- if ($rBUXAPI->isLoggedIn()) {
- ?>
- <script>
- var userInterestsList = [];
- <?php
- $userInterestsList = $rBUXAPI->getUserCategories($rBUXID);
- foreach ($userInterestsList as $userInterest){ ?>
- userInterestsList.push("<?=$userInterest;?>");
- <?php }
- $showUserParam = "eparam=".encodeParams("rBUXID=".urlencode($rBUXID));
- $userProfileURL = "rPostForm('$rBUXShowUserPage','$showUserParam', 'POST', '_self');";
- ?>
- </script>
- <form class="controlbox" name="log-out" id="logout" method="POST">
- <input type="hidden" name="op" value="logout"/>
- <input type="hidden" name="loginType" value=""/>
- <?php //getFormHiddenInput(); ?>
- </form>
- <?php }
- function shouldShowCategory($catID)
- {
- global $userInterestsList;
- global $marketShowInterestsOnly;
- //error_log("shouldShowCategory marketShowInterestsOnly: ".($marketShowInterestsOnly ? "YES": "NO"));
- if (!$marketShowInterestsOnly)
- return true;
- foreach ($userInterestsList as $userInterest){
- error_log("shouldShowCategory show userInterest: $userInterest");
- if ($userInterest == $catID) {
- error_log(" shouldShowCategory show catID: $catID");
- return true;
- }
- }
- return false;
- }
- ?>
- <!-- Main navbar -->
- <style>
- .nav-mid-fill{
- width: 100%;
- /*overflow: hidden;*/
- }
- .rbux-mid-fill {
- display: block;
- overflow: hidden;
- padding-right:10px;
- padding-left:10px;
- }
- @media only screen and (max-width: 320px){
- .rbux-mid-fill {
- padding: 0px;
- }
- .small-screen-padding {
- padding-left: 10px;
- }
- }
- @media only screen and (max-height: 510px) {
- .dropdown-menu > li {
- margin-bottom: -4px;
- margin-top: -4px;
- }
- }
- .rbux-nav-right{
- float: right;
- }
- .rbux-nav-left{
- float: left;
- }
- #search-div {
- height: 50px;
- }
- .search-div {
- float: right;
- margin-top: 7px;
- margin-right: 40px;
- /*border: 1px solid #ccc;
- border-radius: 4px 25px 25px 4px;*/
- height: 40px;
- padding-right: 15px;
- padding-top: 1px;
- position: relative;
- z-index: 1000;
- width: 100px;
- transition: 1s width;
- height: 40px;
- }
- #search-icon {
- float: right;
- /* margin-left: 10px;
- margin-top: 11px;*/
- height: 32px;
- width: 32px;
- border: 1px solid #ccc;
- border-radius: 50%;
- text-align: center;
- padding-top: 8px;
- padding-left: 2px;
- margin-top: 0.5px;
- <?php if(!isMobilePlatform()) {?>
- margin-right: -15px;
- <?php } else { ?>
- /*margin-right: -4px;*/
- padding-right: 2px;
- /*margin-bottom: 1px;*/
- <?php } ?>
- }
- .searchbar-text {
- float: left;
- width: 0%;
- opacity: 0;
- border: none;
- padding-top: 9px;
- padding-bottom: 5px;
- padding-left: 10px;
- padding-right: 10px;
- transition: 1s width;
- height: 35px;
- }
- #x {
- margin-top: 10px;
- margin-right: 10px;
- display: none;
- transition: 1s display;
- }
- @media only screen and (max-width: 900px){
- #search-div {
- margin-right: 0px;
- }
- }
- @media only screen and (max-width: 600px){
- #search-div {
- margin-right: -40px;
- }
- }
- @media only screen and (max-width: 500px){
- #search-div {
- margin-right: -60px;
- }
- <?php if(!isMobilePlatform()) {?>
- .search-div {
- width: 80% !important;
- }
- <?php } ?>
- }
- </style>
- <div class="row" style="overflow-x:hidden; width:100%; margin:0;">
- <!-- <div class="navbar navbar-default header-highlight"> -->
- <div id="navbar-top" class="navbar navbar-fixed-top header-highlight navbar-rbux nav-mid-fill elevation1" style="align-items: center;padding-left:0px;">
- <ul class="nav navbar-nav rbux-nav-left" style="margin-left: 10px;">
- <?php if (isset($hasSidebarMenu) && $rBUXAPI->isLoggedIn()) { /*Scott took out tooltip - it was in the way data-popup="tooltip" title="Show main" */ ?>
- <li class='hidden-xs' >
- <a class="sidebar-control sidebar-main-hide" data-placement="bottom" data-container="body" >
- <i class="icon-paragraph-justify3"></i>
- </a>
- </li>
- <li class="hidden-sm hidden-md hidden-lg hidden-xl"> <?php /* visible-xs-block" > */ ?>
- <a class="sidebar-mobile-main-toggle" style="padding-left: 10px;padding-top:12px;padding-right:0px; display: inline-block !important;">
- <i class="icon-paragraph-justify3"></i>
- </a>
- <a href="<?php $homeURL; ?>"
- style="padding-left: 10px;padding-top:12px;padding-right:0px; display: inline-block !important;" id="nav-items">
- <img id="navbarLogoImage" src="images/<?=$logofile?>.png" alt="" style="padding-left:10px; padding-right:0px;height:24px;margin-top:-4px;">
- </a>
- </li>
- <?php }else{ ?>
- <li class="visible-xs-block">
- <a class="navbar-brand" href="<?php echo $homeURL; ?>" style="padding-left: 10px;padding-right:0px;">
- <img id="navbarLogoImage" src="images/<?=$logofile?>.png" alt="">
- </a>
- </li>
- <?php /*if (!$featureBreadcrumbs){ ?>
- <li>
- <a href="<?=$rBUXMainUrl?>" class="" data-placement="bottom" data-container="body">
- <i class="fa fa-home fa-lg" style="font-size:28px;"></i>
- </a>
- </li>
- <?php }*/ ?>
- <?php } ?>
- <li class="hidden-xs">
- <?php if (!$featureCenteredNavbarLogo) { ?>
- <a class="navbar-brand" href="<?php echo $homeURL; ?>" style="padding-left: 4px;padding-right: 4px;">
- <img id="navbarLogoImage" src="images/<?=$logofile?>.png" alt="">
- </a>
- <?php } ?>
- </li>
- </ul>
- <?php /************
- <ul class="nav navbar-nav navbar-center">
- <?php if ($featureCenteredNavbarLogo) { ?>
- <li>
- <a class="navbar-brand" href="<?php echo $homeURL; ?>">
- <img id="navbarLogoImage" src="images/<?=$logofile?>.png" alt="">
- </a>
- <?php if ($betatest && $rBUXURL != "https://rbux.com"){ ?>
- <small><i class='fa fa-bug' ></i> <?=$betaTestName?></small>
- <?php } ?>
- </li>
- <?php }?>
- </ul>
- ***************/ ?>
- <style>
- .signInLink {
- }
- .btn-nav-signUp {
- color: #222 !important;
- }
- .btn-nav-signUp:focus,
- .btn-nav-signUp.focus,
- .btn-nav-signUp:hover {
- background-color: #ccc !important;
- border-color: #aaa !important;
- }
- </style>
- <?php if (!isset($vendorNavBar)) { ?>
- <ul class="nav navbar-nav rbux-nav-right" id="navbar-mobile">
- <?php if (!$rBUXAPI->isLoggedIn()) { ?>
- <li class="hidden-xs" style="padding-top:11px; " >
- <a href='javascript:callLogin(false, false);' class='btn btn-xs btn-link btn-nav-link signInLink'
- style='padding-top:2px;padding-bottom:2px;' >Sign in</a>
- </li>
- <li class="hidden-xs" style="padding-top:11px;padding-right:10px; ">
- <a class="btn btn-xs btn-default btn-nav-signUp" href='javascript:callSignup(false, false);'
- style='padding-top:2px;padding-bottom:2px;'><?php echo "Join rBux" ?></a>
- </li>
- <?php } ?>
- <?php if ($rBUXAPI->isLoggedIn()) { ?>
- <li class="hidden-md hidden-sm hidden-xs">
- <div class="avatar-less-margin" style="display:inline-block;padding-top:7px;">
- <a class=" " href="javascript:<?=$userProfileURL; ?>"><?php $rBUXAPI->displayAvatar(32, 0); ?></a>
- </div>
- </li>
- <?php } ?>
- <li class="dropdown dropdown-user">
- <a class="dropdown-toggle" data-toggle="dropdown" style="padding-top:0px;padding-bottom:0px;padding-left:0px;">
- <?php if ($rBUXAPI->isLoggedIn()) { ?>
- <span class="avatar-less-margin hidden-lg hidden-xl" style=""><?php $rBUXAPI->displayAvatar(32, 0); ?>
- </span>
- <span class="avatar-less-margin hidden-md hidden-sm hidden-xs" style="padding-top:13px; padding-bottom: 13px;" >
- <?php
- $mlfullName = $rBUXAPI->getMemberDisplayName($rBUXAPI->getFirstName(), $rBUXAPI->getLastName(), $rBUXAPI->getUserName(), $rBUXAPI->getPrivacy());
- $mlusername = $rBUXAPI->getMemberDisplayUserName($mlfullName, $rBUXAPI->getUserName());
- $userTitle = $rBUXAPI->getMemberDisplayTitle($mlfullName, $mlusername);
- echo $userTitle;
- ?>
- </span>
- <span class="" style="padding-top:13px; padding-bottom: 13px;" >
- <i class="fa fa-angle-down btn-nav-link" ></i>
- </span>
- <?php }else{ ?>
- <div class="avatar-less-margin" style="padding-top:13px; padding-bottom: 13px;font-weight: 900;" >
- <i class="icon-paragraph-justify3 btn-nav-link"></i>
- </div>
- <?php } ?>
- </a>
- <ul class="dropdown-menu dropdown-menu-right"
- style="position:absolute; z-index:65001; margin:2px 0 0; background-color:white; border:1px solid #ddd; border-radius:3px">
- <!-- <ul class="dropdown-menu dropdown-menu-right"> -->
- <?php if ($rBUXAPI->isLoggedIn()) { ?>
- <?php /**
- <li><a href="auser.php"><i class="icon-user-plus"></i> My profile</a></li>
- <li><a href="auser.php"><i class="icon-coins"></i> My balance</a></li>
- <!-- <li><a href="#"><span class="badge bg-teal-400 pull-right">58</span> <i class="icon-comment-discussion"></i> Messages</a></li> -->
- <li class="divider"></li>
- ****************************/ ?>
- <?php /******************
- <li><a href="<?php echo $memberReportsUrl; ?>" target='_self'><i class="icon-coins"></i> Reports</a></li>
- *************/ ?>
- <li><a href="javascript:<?=$userProfileURL; ?>" target='_self'><i class="icon-user"></i> My Profile</a></li>
- <li><a href='<?=$rBUXUserNotifySettingsPage; ?>' target='_self'><i class="icon-exclamation"></i> Notification Settings</a></li>
- <li><a href="<?=$memberAccountUrl; ?>?op=interests" target='_self'><i class="icon-heart6"></i> My Interests</a></li>
- <li><a href="<?=$memberAccountUrl; ?>" target='_self'><i class="icon-cog5"></i> Account Settings</a></li>
- <li role="separator" class="divider"></li>
- <?php }else{ ?>
- <li><a href='javascript:callLogin(false, false);' ><i class="icon-key"></i> Sign in</a></li>
- <li><a href='javascript:callSignup(false, false);' ><i class="icon-pencil"></i> Join rBux</a></li>
- <?php } ?>
- <?php if (isset($noBreadcrumbMenu)) { ?>
- <li><a href="<?php echo $rBUXIntroSite; ?>support""><i class="icon-comment-discussion position-left"></i> Support</a></li>
- <?php } ?>
- <li><a href="<?php echo $rBUXIntroURL; ?>?op=showlanding">What is rBux?</a></li>
- <li><a href="<?php echo $rBUXIntroSite; ?>privacy">Privacy Policy</a></li>
- <li><a href="<?php echo $rBUXIntroSite; ?>copyrights">Copyright Notices</a></li>
- <li class="divider"></li>
- <li><a href="<?=$rBUXIntroURL;?>partner">Become a Partner</a></li>
- <li><a href="<?=$rBUXMainUrl.$rBUXVendorAdminPage?>" >Partner Dashboard</a></li>
- <?php
- /*** <li class="divider"></li>
- <li><a href="<?php echo $rBUXMarketSite; ?>index.php?route=affiliate/login"><i class="icon-basket"></i>Partner</a></li>
- *******/ ?>
- <?php if ($rBUXAPI->isLoggedIn()) { ?>
- <li class="divider"></li>
- <li><a href="javascript:logout();"><i class="icon-switch2"></i> Sign Out</a></li>
- <?php }
- if ($isMobileApp) { ?>
- <li class="divider"></li>
- <li><a href="javascript:location.reload(true);" >Refresh</a></li>
- <?php } ?>
- </ul>
- </li>
- </ul>
- <?php } ?>
- <?php if ($showSearchNavBar) { ?>
- <ul class="nav rbux-mid-fill id="navSearchbarID">
- <li>
- <div class="col-sm-12" id="search-div">
- <!-- <form action="" class="search-form" onSubmit="return false;">
- <div class="form-group has-feedback">
- <input type="text" class="form-control" style="width:100%" name="searchvendor3" oninput="searchVendorProducts()" id="searchvendor3" placeholder="Search...">
- <span class="glyphicon glyphicon-search form-control-feedback small-screen-padding"></span>
- </div>
- </form> -->
- <!-- aids -->
- <form>
- <div class="form-group search-div">
- <!-- <span><i class="fa fa-lg fa-times" id="x"></i></span>
- --> <span class="glyphicon glyphicon-search" id="search-icon" data-state="0"></span>
- <input type="text" disabled="" class="searchbar-text" name="searchvendor3" oninput="searchVendorProducts()" id="searchvendor3" placeholder="Search">
- </div>
- </form>
- </div>
- </li>
- </ul>
- <?php } ?>
- </div>
- <!-- Categories Navbar -->
- <div class="nav-categories header-highlight elevation1" id="category-navbar" hidden data-state='0'>
- <div class="nav-categories-content slider-content container">
- <div class="nav-categories-container">
- <div class="nav-topic-item-content hidden-xs">
- <a onclick="setMarketViewPanel('new'); openTopic('new');"
- title="Newest Products Added." class="nav-categories-item topic-nav-link-text nav-categories-item-imposter">
- New
- <span class="nav-topic-item-underline" id="nav-topic-text-new"></span>
- </a>
- </div>
- <div class="nav-topic-item-content hidden-xs">
- <a onclick="setMarketViewPanel('featured'); openTopic('featured');" title="Products you may like."
- class="nav-categories-item topic-nav-link-text nav-categories-item-imposter">
- Featured
- <span class="nav-topic-item-underline" id="nav-topic-text-featured"></span>
- </a>
- </div>
- <div class="nav-topic-item-content hidden-xs">
- <a onclick="setMarketViewPanel('refer'); openTopic('refer');" title="Most Referred Products."
- class="nav-categories-item topic-nav-link-text nav-categories-item-imposter">
- Popular
- <span class="nav-topic-item-underline" id="nav-topic-text-refer"></span>
- </a>
- </div>
- <div class="nav-topic-item-content hidden-xs">
- <a onclick="setMarketViewPanel('trending'); openTopic('trending');" title="Most Recent Referrals."
- class="nav-categories-item topic-nav-link-text nav-categories-item-imposter">
- Trending
- <span class="nav-topic-item-underline" id="nav-topic-text-trending"></span>
- </a>
- </div>
-
- <div class="nav-categories-item-content hidden-xs hidden-sm">
- <a href="#" class="nav-categories-item text-gray-shadow nav-categories-item-imposter"
- onclick="setMarketViewCategory('');openCategory('')">
- All
- <span class="nav-categories-item-underline" id="nav-categories-text-"></span>
- </a>
- </div>
- <?php foreach ($mainCategories as $category_id) { ?>
- <?php //Get's the image for the current category_id by creating a querry
- $catID = $category_id['category_id'];
- $categoryName = $category_id['name'];
- $image = $modelCategory->getCategoryImage($catID);
- $imageDirectory = $rBUXMarketSite.$rBUXMarketImageFolder.$image['image'];
- //If no image has been selected for the category, default image
- if (!@getimagesize($imageDirectory)) {
- $imageDirectory = $rBUXMarketSite.$rBUXMarketImageFolder."catalog/sportsrec140.jpg";
- }
- //Get's the name for the current category_id by creating a querry
- //This is done because category data is held in different tables, and categoryList is not organised
- //$categoryDetails = $modelCategory->getCategoryDescriptions($catID);
- //$categoryName = $categoryDetails[1]['name'];
- $addit = true;
- if ($catID == Default_SuggestionVendorID || $catID == Default_Category_Suggestion){ //|| $catID == Default_Category_Other
- $addit = false;
- }
- if ($addit) {
- $hiddenstate = !shouldShowCategory($catID) ? 'hide' : '';
- ?>
- <div class="nav-categories-item-content category-item-class hidden-xs hidden-sm <?=$hiddenstate?>" id="nav-categories-div-<?=$catID?>" data-category="<?=$catID?>">
- <a href="#" class="nav-categories-item text-gray-shadow nav-categories-item-imposter"
- onclick="setMarketViewCategory('<?=$catID?>');openCategory('<?=$catID?>')">
- <?=$categoryName;?>
- <span class="nav-categories-item-underline" id="nav-categories-text-<?=$catID?>"></span>
- </a>
- </div>
- <?php }
- } ?>
- <!-- dropdown stuff for mobile -->
- <div class="nav-categories-item-content dropdown sorting-drop" id="sorting1" style="height: 22px !important; margin-right: 10px;">
- <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;">
- <span id="currentArrangeTitleID">Arrange</span>
- <span class="caret"></span>
- </a>
- <ul class="dropdown-menu elevation1 grad-white checkable-dropdown" id="topic-dropdown-menu">
- <li><a href="javascript:setMarketViewPanel('new'); openTopic('new');" class="topic-nav-link-text hidden-sm" id="nav-topic-menu-new">
- <i class="fa fa-check"></i> <span>New</span></a></li>
- <li><a href="javascript:setMarketViewPanel('featured'); openTopic('featured');" class="topic-nav-link-text hidden-sm" id="nav-topic-menu-featured">
- <i class="fa fa-check"></i> <span>Featured</span></a></li>
- <li><a href="javascript:setMarketViewPanel('refer'); openTopic('refer');" class="topic-nav-link-text hidden-sm" id="nav-topic-menu-refer">
- <i class="fa fa-check"></i> <span>Popular</span></a></li>
- <li><a href="javascript:setMarketViewPanel('trending'); openTopic('trending');" class="topic-nav-link-text hidden-sm" id="nav-topic-menu-trending">
- <i class="fa fa-check"></i> <span>Trending</span></a></li>
- </ul>
- </div>
- <div class="nav-categories-item-content dropdown hidden-md hidden-lg hidden-xl sorting-drop" id="sorting2" style="height: 22px !important;">
- <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;">
- <span id="currentCategoryTitleID">Filters</span>
- <span class="caret"></span>
- </a>
- <ul id="categories-menu" class="dropdown-menu elevation1 grad-white checkable-dropdown " id="categories-dropdown-menu">
- <li><a id="nav-categories-menu-" href="javascript:setMarketViewCategory('');openCategory('');" class="text-gray-shadow ">
- <i class="fa fa-check"></i> <span>All Categories</span></a>
- </li>
- <?php foreach ($mainCategories as $category_id) { ?>
- <?php //Get's the image for the current category_id by creating a querry
- $catID = $category_id['category_id'];
- $categoryName = $category_id['name'];
- //$categoryDetails = $modelCategory->getCategoryDescriptions($catID);
- //$categoryName = $categoryDetails[1]['name'];
- if ($catID == Default_SuggestionVendorID || $catID == Default_Category_Suggestion){ // && $catID == Default_Category_Other
- $addit = false;
- }
- if ($addit) {
- $hiddenstate = !shouldShowCategory($catID) ? 'hide' : '';
- ?>
- <li class="category-item-class" id="nav-categories-li-<?=$catID?>" data-category="<?=$catID?>">
- <a id="nav-categories-menu-<?=$catID?>" href="javascript:setMarketViewCategory('<?=$catID?>');openCategory('<?=$catID?>')" class="text-gray-shadow ">
- <i class="fa fa-check"></i> <span><?=$categoryName;?></span>
- </a>
- </li>
- <?php }
- } ?>
- </ul>
- <span class="nav-categories-item-underline"></span>
- </div>
- <div class="nav-categories-item-content">
-
- <a id="marketViewFiltersButtonID" data-toggle="modal" class="text-gray-shadow" href="#marketOptionsModal" title="Narrow the listings results to your preferences." style="">
- <b><i class="icon-cog3"></i></b></a>
- </div>
- </div>
- </div>
- <?php if ($betatest && $rBUXURL != "https://rbux.com")
- 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>";
- ?>
- </div>
- </div>
- <?php /*** <!-- /main navbar --> ****/ ?>
- <script type="text/javascript">
- $("#sorting1").click(function() {
- if ($(".nav-categories").data('state') === '0') {
- $(".nav-categories").css({
- height: '41px'
- });
- $(".nav-categories").data('state', '1');
- } else {
- $(".nav-categories").css({
- height: '250px'
- });
- $(".nav-categories").data('state', '0');
- }
- });
- $("#sorting2").click(function() {
- if ($(".nav-categories").data('state') === '0') {
- $(".nav-categories").css({
- height: '41px'
- });
- $(".nav-categories").data('state', '1');
- } else {
- $(".nav-categories").css({
- height: '400px'
- });
- $(".nav-categories").data('state', '0');
- }
- });
- // note if state === 0, dont show search, if state === 1 show
- <?php if(!isMobilePlatform()) {?>
- $("#search-icon").click(function() {
- if ($("#search-icon").data('state') === '0') {
- $(".search-div").css({
- width: '85%',
- border: '1px solid #ccc',
- borderRadius: '4px 25px 25px 4px',
- marginRight: '50px'
- });
- $("#search-icon").removeClass("glyphicon glyphicon-search");
- $("#search-icon").addClass("fa fa-lg fa-times");
- $("#search-icon").css({
- border: 'none'
- });
- $(".searchbar-text").css({
- width: '83%',
- opacity: '1'
- });
- $(".searchbar-text").removeAttr('disabled');
- $('.searchbar-text').focus();
- $("#fake-input").css({
- display: 'none'
- });
- $("#search-icon").data('state', '1');
- } else {
- $(".search-div").css({
- border: 'none',
- width: '200px'
- });
- $("#search-icon").removeClass("fa fa-lg fa-times");
- $("#search-icon").addClass("glyphicon glyphicon-search");
- $("#search-icon").css({
- border: '1px solid #ccc',
- borderRadius: '50%'
- });
- $(".searchbar-text").css({
- width: '0%',
- opacity: '0'
- });
- $(".searchbar-text").attr('disabled', 'disabled');
- $("#search-icon").data('state', '0');
- }
- })
- <?php } else if(!$rBUXAPI->isLoggedIn()) { ?>
- $("#search-icon").click(function() {
- if ($("#search-icon").data('state') === '0') {
- $(".search-div").css({
- width: '80%',
- border: '1px solid #ccc',
- borderRadius: '4px 25px 25px 4px',
- marginRight: '50px'
- });
- $("#search-icon").removeClass("glyphicon glyphicon-search");
- $("#search-icon").addClass("fa fa-lg fa-times");
- $("#search-icon").css({
- border: 'none',
- marginTop: '2px',
- marginLeft: '5px'
- });
- $(".navbar-brand").css({
- display: 'none'
- });
- $(".searchbar-text").css({
- width: '80%',
- height: "35px",
- opacity: '1'
- });
- $(".searchbar-text").removeAttr('disabled');
- $(".searchbar-text").focus();
- $("#search-icon").data('state', '1');
- } else {
- $(".search-div").css({
- border: 'none',
- width: '100px'
- })
- $("#search-icon").removeClass("fa fa-lg fa-times");
- $("#search-icon").addClass("glyphicon glyphicon-search");
- $("#search-icon").css({
- border: '1px solid #ccc',
- borderRadius: '50%',
- marginLeft: '0px'
- });
- $(".navbar-brand").css({
- display: 'block'
- });
- $(".searchbar-text").css({
- width: '0%',
- opacity: '0'
- });
- $(".searchbar-text").attr('disabled', 'disabled');
- $("#search-icon").data('state', '0');
- }
- })
- <?php } else { ?>
- $("#search-icon").click(function() {
- if ($("#search-icon").data('state') === '0') {
- $(".search-div").css({
- width: '80%',
- border: '1px solid #ccc',
- borderRadius: '4px 25px 25px 4px'
- })
- $("#search-icon").removeClass("glyphicon glyphicon-search");
- $("#search-icon").addClass("fa fa-lg fa-times");
- $("#search-icon").css({
- border: 'none',
- marginTop: '2px',
- marginLeft: '5px'
- });
- $("#nav-items").css({
- display: 'none'
- });
- $(".searchbar-text").css({
- width: '80%',
- height: '35px',
- opacity: '1'
- });
- $(".searchbar-text").removeAttr('disabled');
- $(".searchbar-text").focus();
- $("#search-icon").data('state', '1');
- } else {
- $(".search-div").css({
- border: 'none',
- width: "10%"
- })
- $("#search-icon").removeClass("fa fa-lg fa-times");
- $("#search-icon").addClass("glyphicon glyphicon-search");
- $("#search-icon").css({
- border: '1px solid #ccc',
- borderRadius: '50%',
- marginLeft: '0px'
- });
- $("#nav-items").css({
- display: 'inline-block'
- });
- $(".searchbar-text").css({
- width: '0%',
- opacity: '0'
- });
- $(".searchbar-text").attr('disabled', 'disabled');
- $("#search-icon").data('state', '0');
- }
- })
- <?php } ?>
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement