nav-menu.html 1.3 KB

1234567891011121314151617181920212223
  1. <nav class="nav-menu">
  2. <span class="nav-menu-title"> MENU </span>
  3. <ul>
  4. <li ng-class="{'active-link': isActive('/')}" ng-click="toggleMenu()"><a href="#!/">Main page</a></li>
  5. <li ng-class="{'active-link': isActive('/select-menu')}" ng-click="toggleMenu()"><a href="#!/select-menu">Customize menu</a></li>
  6. <li ng-class="{'active-link': isActive('/ready-menu')}" ng-click="toggleMenu()"><a href="#!/ready-menu">Ready menus</a></li>
  7. <li ng-click="toggleMenu()"><a href="#">Delivery & Contacts</a></li>
  8. <li ng-click="toggleMenu()"><a href="#">About us</a></li>
  9. <li ng-if="isModeratorSigned" ng-class="{'active-link': isActive('/add-item')}" ng-click="toggleMenu()"><a href="#!/add-item">Add item</a></li>
  10. <li ng-if="isModeratorSigned" ng-class="{'active-link': isActive('/messages')}" ng-click="toggleMenu()"><a href="#!/messages">Messages</a></li>
  11. </ul>
  12. <div class="nav-menu-icons-wrapper">
  13. <div class="nav-menu-icon">
  14. <a href="https://www.facebook.com/" target="_blank"><i class="fa fa-facebook"></i></a>
  15. </div>
  16. <div class="nav-menu-icon">
  17. <a href="https://www.instagram.com/" target="_blank"><i class="fa fa-instagram"></i></a>
  18. </div>
  19. <div class="nav-menu-icon">
  20. <a href="https://www.twitter.com/" target="_blank"><i class="fa fa-twitter"></i></a>
  21. </div>
  22. </div>
  23. </nav>