cobuild-angular-stack

<div ng-controller="NavBarController" ng-cloak> <nav ng-if="!fullAccount && isAuthenticated && is2FA" class="navbar navbar-warning publish-message text-center"> <div class="message"><a ui-sref="homeUser.pay">{{'top-nav-message'|translate}}</a></div> </nav> <nav ng-if="isAuthenticated && pendingImport" class="navbar navbar-warning publish-message text-center import"> <div class="message"><a ui-sref="registry">Aun estamos cargando los articulos de tu Mesa, algunas imagenes podrian no verse adecuadamente.</a></div> </nav> <nav class="navbar navbar-default"> <div class="container-fluid"> <a ui-sref-active-eq="active" ui-sref="home" ng-show="!isAdmin"> <div class="logo"><img src="img/logo.png"></div> </a> <div class="navbar-header" data-toggle="collapse" data-target="#navbar" ng-if="(isAuthenticated && is2FA) "> <button type="button" class="navbar-toggle collapsed" aria-expanded="false" aria-controls="navbar"> <span class="inverse-font caret"></span> </button> <button class="btn btn-clear btn-avatar pull-right" type="button" aria-haspopup="true" aria-expanded="true"> <img ng-src="{{$root.imageProfile || '/img/couple.png'}}"> </button> <div class="btn btn-clear btn-avatar pull-right flex-center"> <div ng-show="$root.uniko_aside">{{'table' | translate}}</div> <div ng-show="$root.uniko_aside_profile">{{'account' | translate}}</div> <div ng-show="$root.current.indexOf('products') > -1">{{'catalog' | translate}}</div> <div ng-show="$root.current == 'inspiration'">{{'inspiration' | translate}}</div> </div> </div> <div class="navbar-header" ng-if="!isAuthenticated"> <div class="btn btn-clear pull-right flex-center item-nav cart" ng-show="$root.current.indexOf('guest') > -1 && !cartDisabled && cartUrl" ng-controller="CartController"> <div class="text-center" ui-sref="guest.checkout.cart({url: cartUrl})"><i class="fa fa-shopping-cart car-p"></i></div> </div> <div class="btn btn-clear btn-avatar pull-right flex-center"> <a href="tel:+5215534483840"> Tel. (55) 3448 3840</a> </div> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right hidden-xs dropdown dropdown-toggle" ng-class="{'margin-left': $root.current.indexOf('guest') == -1}" ng-if="isAuthenticated && is2FA" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <li class=" btn-avatar"> <a ui-sref="homeUser.profile"><img ng-src="{{$root.imageProfile || 'img/couple.png'}}"></a> </li> <li class="pull-right btn-monto" ng-controller="GiftReceivedController"> <a ui-sref="gifts"> <div>{{cantReceived|currency:'$ ':2}}</div> <span class="caret"></span> </a> </li> </ul> <ul class="dropdown-menu options"> <li class="item-header" ui-sref-active-eq="active" ui-sref="homeUser.profile"><a>{{'your-data' | translate}}</a></li> <li class="item-header" ui-sref-active-eq="active" ui-sref="homeUser.photos"><a>{{'your-photos' | translate}}</a></li> <li class="item-header" ui-sref-active-eq="active" ui-sref="gifts"><a>{{'gifts-received' | translate}}</a></li> <li class="item-header" ui-sref-active-eq="active" ui-sref="homeUser.pay"><a ng-class="{'payment-account-text': !fullAccount}">{{'payment-account' | translate}}</a></li> <li class="item-header" ui-sref-active-eq="active" ui-sref="cashout"><a>{{'retirement-money' | translate}}</a></li> <li class="item-header"><a href="http://uniko.zendesk.com" target="_blank">{{'help' | translate}}</a></li> <li class="item-header" ui-sref="logout"><a>{{'log-out' | translate}}</a></li> </ul> <ul class="nav navbar-nav navbar-right" ng-if="isAuthenticated && is2FA"> <li data-toggle="collapse" data-target="#navbar" class="item-nav" ui-sref-active-eq="active" ui-sref="registry"> <div class="border hidden-xs"></div> <a>{{'table' | translate}}</a></li> <li data-toggle="collapse" ng-if="!fullAccount" data-target="#navbar" class="item-nav" ng-class="{'payment-account': !fullAccount}"> <div class="border hidden-xs"></div> <a ui-sref="homeUser.pay" class="red-btn">{{'payment-account' | translate}}</a></li> <li data-toggle="collapse" data-target="#navbar" class="item-nav" ng-class="{'active': $root.current == 'products' || $root.current == 'products.new'}" ui-sref="products"> <div class="border hidden-xs"></div> <a>{{'catalog' | translate}}</a></li> <li data-toggle="collapse" data-target="#navbar" class="item-nav visible-xs" ui-sref-active-eq="active" ui-sref="homeUser.profile"> <a>{{'account' | translate}}</a></li> <li data-toggle="collapse" data-target="#navbar" class="item-nav visible-xs" ui-sref="logout"> <a>{{'log-out' | translate}}</a></li> <li data-toggle="collapse" data-target="#navbar" class="item-nav" class="margin-left" ng-show="$root.current.indexOf('guest') > -1 && !cartDisabled && !isAuthenticated && cartUrl" ng-controller="CartController"> <a class="text-center" ui-sref="guest.checkout.cart({url: cartUrl})"><i class="fa fa-shopping-cart car-p"></i></a> </li> </ul> <ul class="nav navbar-nav navbar-right" ng-if="!isAuthenticated"> <li class="btn btn-clear pull-right flex-center item-nav cart" ng-disabled="!cartId" ng-show="$root.current.indexOf('guest') > -1 && !cartDisabled && cartUrl" ng-controller="CartController"> <div class="text-center" ui-sref="guest.checkout.cart({url: cartUrl})"><i class="fa fa-shopping-cart car-p"></i></div> </li> <li ui-sref-active-eq="active" class="pull-right item-nav"> <a href="#"> Tel. (55) 3448 3840 </a> </li> <li data-toggle="collapse" data-target="#navbar" class="item-nav" ui-sref-active-eq="active" ui-sref="search_table"> <div class="border hidden-xs"></div> <a>{{'search_table' | translate}} </a> </li> <li class="item-nav" ui-sref="products_public"> <div class="border hidden-xs"></div> <a>{{'catalog' | translate}}</a> </li> <li data-toggle="collapse" data-target="#navbar" class="item-nav"> <div class="border hidden-xs"></div> <a href="#" class="dropdown-toggle" id="learn-more" target="_blank" id="dropdownLearn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">{{'learn-more' | translate}}<span class="caret"></span></a> <ul class="dropdown-menu" aria-labelledby="dropdownLearn">  <li><a ui-sref="contactus">{{'contact' | translate}}</a></li> <li><a ui-sref="pricing">{{'price' | translate}}</a></li> <li><a href="https://uniko.zendesk.com/hc/es" target="_blank">{{'frequent-questions' | translate}}</a></li> <li><a ui-sref="howitworks">{{'how-works' | translate}}</a></li> </ul> </li> <li data-toggle="collapse" data-target="#navbar" class="item-nav"> <div class="border hidden-xs"></div> <a href="http://blog.unikodf.com/" target="_blank">{{'inspiration' | translate}}</a></li> <li data-toggle="collapse" data-target="#navbar" class="item-nav"> <div class="border hidden-xs"></div> <a ui-sref="start-onboarding({onboardingId:'start-new-account-1'})" send-g-a-display-event="" send-g-a-event-button="" ga-category="click" ga-action="{{'open-table'|translate}}" ga-label="{{'open-table'|translate}}"> {{'open-table' | translate}} </a></li> </ul> </div>  </div>  </nav>  <nav class="navbar navbar-default visible-xs kitchen-secondary" ng-if="isAuthenticated && is2FA"> <div class="container-fluid"> <div class="navbar-header" data-toggle="collapse" data-target="#navbar2"> <button type="button" class="navbar-toggle collapsed pull-left" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="flex-center header-menu"> <div ng-show="$root.current == 'homeUser'">{{'see-cover' | translate}}</div> <div ng-show="$root.current == 'registry'">{{'see-table' | translate}}</div> <div ng-show="$root.current == 'products'">{{'add-catalog' | translate}}</div> <div ng-show="$root.current == 'products.new'">{{'create-gift' | translate}}</div> <div ng-show="$root.current == 'products.show'">{{'see-gift' | translate}}</div> <div ng-show="$root.current == 'homeUser.profile'">{{'profile' | translate}}</div> <div ng-show="$root.current == 'homeUser.photos'">{{'your-photos' | translate}}</div> <div ng-show="$root.current == 'gifts'">{{'gifts-received' | translate}}</div> <div ng-show="$root.current == 'homeUser.pay'" ng-class="{'payment-account-text': !fullAccount}">{{'payment-account' | translate}}</div> <div ng-show="$root.current == 'cashout'">{{'retirement-money' | translate}}</div> </div> </div> <div id="navbar2" class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right visible-xs" ng-show="$root.uniko_aside || $root.current.indexOf('products') > -1">  <li data-toggle="collapse" data-target="#navbar2" class="item-nav" ui-sref-active-eq="active" ui-sref="homeUser"> <a>{{'see-cover' | translate}}</a> </li> <li data-toggle="collapse" data-target="#navbar2" class="item-nav" ui-sref-active-eq="active" ui-sref="registry"> <a>{{'see-table' | translate}}</a> </li> <li data-toggle="collapse" data-target="#navbar2" class="item-nav" ui-sref-active-eq="active" ui-sref="products"> <a>{{'add-catalog' | translate}}</a> </li> <li ng-if="false" data-toggle="collapse" data-target="#navbar2" class="item-nav" ui-sref="import" ui-sref-active-eq="active"> <a>{{'import-tables' | translate}}</a></li> <li data-toggle="collapse" data-target="#navbar2" class="item-nav" ui-sref-active-eq="active" ui-sref="products.new"> <a>{{'create-gift' | translate}}</a></li> <li data-toggle="collapse" data-target="#navbar2" class="item-nav" ng-controller="ShareCtrl" class="ng-scope"> <a ng-click="share()"> {{'share-with-guests' | translate}}</a></li> </ul> <ul class="nav navbar-nav navbar-right" ng-if="!isAuthenticated && is2FA"> <li ui-sref-active-eq="active" class="pull-right item-nav"> <a ng-click="loginModal()">{{'log-in' | translate}}</a> </li> <li class="pull-right item-nav" style="padding: 6px 16px; margin-top: 9px; display: inline-block; background: #3FABB1;" ng-show="$root.current.indexOf('guest') > -1 && !cartDisabled && cartUrl" ng-controller="CartController"> <a style="padding: 0" ui-sref="guest.checkout.cart({url: cartUrl})"> <i style="color: white" class="fa fa-cart-arrow-down" aria-hidden="true"></i><span style="display: inline-block; line-height: 20px; width: 20px; border-radius: 50%; background-color: red">{{totalCart}}</span></a> </li> </ul> <ul class="nav navbar-nav navbar-right visible-xs" ng-show="$root.uniko_aside_profile && is2FA"> <li class="item-nav" data-toggle="collapse" data-target="#navbar2" ui-sref-active-eq="active" ui-sref="homeUser.profile"> <a>{{'profile' | translate}}</a></li> <li class="item-nav" data-toggle="collapse" data-target="#navbar2" ui-sref-active-eq="active" ui-sref="homeUser.photos"> <a>{{'your-photos' | translate}}</a></li> <li class="item-nav" data-toggle="collapse" data-target="#navbar2" ui-sref-active-eq="active" ui-sref="gifts"> <a>{{'gifts-received' | translate}}</a></li> <li class="item-nav" data-toggle="collapse" data-target="#navbar2" ui-sref-active-eq="active" ui-sref="homeUser.pay"> <a ng-class="{'payment-account': !fullAccount}">{{'payment-account' | translate}}</a></li> <li class="item-nav" data-toggle="collapse" data-target="#navbar2" ui-sref-active-eq="active" ui-sref="cashout"> <a>{{'retirement-money' | translate}}</a></li> </li> </ul> </div>  </div>  </nav> </div> <script type="text/javascript"> $(function () { $('#navbar').on('show.bs.collapse', function () { console.log('open navbar 1') $('#navbar2').collapse('hide'); $('#navbar2').off('show.bs.collapse').on('show.bs.collapse', function () { console.log("show navbar2") $('#navbar').collapse('hide'); }); }); }); </script>