menu.tpl 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. <!-- Fixed navbar -->
  2. {% if _u.logged == 1 %}
  3. <script>
  4. $(document).ready(function () {
  5. $.get('{{ _p.web_main }}inc/ajax/message.ajax.php?a=get_count_message', function(data) {
  6. var countNotifications = (data.ms_friends + data.ms_groups + data.ms_inbox);
  7. if (countNotifications === 0 ) {
  8. $("#count_message_li").addClass('hidden');
  9. } else {
  10. $("#count_message_li").removeClass('hidden');
  11. $("#count_message").append(countNotifications);
  12. }
  13. });
  14. });
  15. </script>
  16. {% endif %}
  17. <nav class="navbar navbar-default">
  18. <div class="container">
  19. <div class="navbar-header">
  20. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  21. <span class="sr-only">Toggle navigation</span>
  22. <span class="icon-bar"></span>
  23. <span class="icon-bar"></span>
  24. <span class="icon-bar"></span>
  25. </button>
  26. <a class="navbar-brand" href="{{ _p.web }}">{{ _s.site_name }}</a>
  27. </div>
  28. <div id="navbar" class="collapse navbar-collapse">
  29. <ul class="nav navbar-nav">
  30. {% for item in menu %}
  31. <li class="{{ item.key }} {{ item.current }}">
  32. <a href="{{ item.url }}" {{ item.target ? 'target="' ~ item.target ~ '"' : '' }} title="{{ item.title }}">
  33. {{ item.title }}
  34. </a>
  35. </li>
  36. {% endfor %}
  37. </ul>
  38. {% if _u.logged == 1 %}
  39. <ul class="nav navbar-nav navbar-right">
  40. <li id="count_message_li" class="hidden">
  41. <a href="{{ message_url }}">
  42. <span id="count_message" class="badge badge-warning"></span>
  43. </a>
  44. </li>
  45. {% if language_form %}
  46. <li class="dropdown language">
  47. {{ language_form }}
  48. </li>
  49. {% endif %}
  50. {% if _u.status != 6 %}
  51. <li class="dropdown avatar-user">
  52. <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
  53. aria-expanded="false">
  54. <img class="img-circle" src="{{ _u.avatar_small }}" alt="{{ _u.complete_name }}"/>
  55. <span class="username-movil">{{ _u.complete_name }}</span>
  56. <span class="caret"></span>
  57. </a>
  58. <ul class="dropdown-menu" role="menu">
  59. <li class="user-header">
  60. <div class="text-center">
  61. <a href="{{ profile_url }}">
  62. <img class="img-circle" src="{{ _u.avatar_medium }}" alt="{{ _u.complete_name }}"/>
  63. <p class="name">{{ _u.complete_name }}</p>
  64. </a>
  65. <p><i class="fa fa-envelope-o" aria-hidden="true"></i> {{ _u.email }}</p>
  66. </div>
  67. </li>
  68. <li role="separator" class="divider"></li>
  69. {% if message_url %}
  70. <li class="user-body">
  71. <a title="{{ "Inbox"|get_lang }}" href="{{ message_url }}">
  72. <em class="fa fa-envelope" aria-hidden="true"></em> {{ "Inbox"|get_lang }}
  73. </a>
  74. </li>
  75. {% endif %}
  76. {% if pending_survey_url %}
  77. <li class="user-body">
  78. <a href="{{ pending_survey_url }}">
  79. <em class="fa fa-pie-chart"></em> {{ 'PendingSurveys'|get_lang }}
  80. </a>
  81. </li>
  82. {% endif %}
  83. {% if certificate_url %}
  84. <li class="user-body">
  85. <a title="{{ "MyCertificates"|get_lang }}" href="{{ certificate_url }}">
  86. <em class="fa fa-graduation-cap"
  87. aria-hidden="true"></em> {{ "MyCertificates"|get_lang }}
  88. </a>
  89. </li>
  90. {% endif %}
  91. <li class="user-body">
  92. <a id="logout_button" title="{{ "Logout"|get_lang }}" href="{{ logout_link }}">
  93. <em class="fa fa-sign-out"></em> {{ "Logout"|get_lang }}
  94. </a>
  95. </li>
  96. </ul>
  97. </li>
  98. {% endif %}
  99. </ul>
  100. {% endif %}
  101. </div><!--/.nav-collapse -->
  102. </div>
  103. </nav>