templates/landing/landing_header.html.twig line 1

Open in your IDE?
  1. <nav class="navbar navbar-expand-lg navbar-light bg-light all-pedding" id="osm_journal_header">
  2. <a class="navbar-brand" href="{{ path('index') }}">
  3. <img src="{{asset('images/web_log.png')}}" alt="RIDER" height="60">
  4. </a>
  5. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNav">
  6. <span class="navbar-toggler-icon"></span>
  7. </button>
  8. <div class="collapse navbar-collapse" id="mainNav">
  9. <ul class="navbar-nav ml-auto">
  10. {# <li class="nav-item">
  11. <a class="nav-link" href="{{ path('index') }}">Home</a>
  12. </li>
  13. <li class="nav-item dropdown">
  14. <a class="nav-link dropdown-toggle" href="#" id="journalsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  15. Journals
  16. </a>
  17. <div class="dropdown-menu" aria-labelledby="journalsDropdown">
  18. <a class="dropdown-item" href="{{ path('All_journals', {'journal_type': "all"}) }}">All journals</a>
  19. <a class="dropdown-item" href="{{ path('All_journals', {'journal_type': 1}) }}">Engineering journals</a>
  20. <a class="dropdown-item" href="{{ path('All_journals', {'journal_type': 4}) }}">Medical journals</a>
  21. <a class="dropdown-item" href="{{ path('All_journals', {'journal_type': 3}) }}">Computer science journals</a>
  22. <a class="dropdown-item" href="{{ path('All_journals', {'journal_type': 2}) }}">Management journals</a>
  23. <a class="dropdown-item" href="{{ path('All_journals', {'journal_type': 5}) }}">General Science Journals</a>
  24. </div>
  25. </li>
  26. <li class="nav-item dropdown">
  27. <a class="nav-link dropdown-toggle" href="#" id="journalsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  28. Catalogue
  29. </a>
  30. <div class="dropdown-menu" aria-labelledby="journalsDropdown">
  31. <a class="dropdown-item" href="{{ path('front_catalog') }}">Journals Catalogue</a>
  32. <a class="dropdown-item" href="{{ path('payment_details') }}">Payment Details</a>
  33. </div>
  34. </li>
  35. <li class="nav-item dropdown">
  36. <a class="nav-link dropdown-toggle" href="#" id="journalsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  37. Information
  38. </a>
  39. <div class="dropdown-menu" aria-labelledby="journalsDropdown">
  40. <a class="dropdown-item" href="{{ path('authoer_details') }}">Autoher Guidelines</a>
  41. <a class="dropdown-item" href="{{ path('DOI_Details') }}">DOI</a>
  42. </div>
  43. </li> #}
  45. {# <li class="nav-item dropdown">
  46. <a class="nav-link dropdown-toggle" href="#" id="subscribersDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  47. Subscribers
  48. </a>
  49. <div class="dropdown-menu" aria-labelledby="subscribersDropdown">
  50. <a class="dropdown-item" href="#">New Subscribers</a>
  51. <a class="dropdown-item" href="#">Manage Subscribers</a>
  52. </div>
  53. </li> #}
  54. {# <li class="nav-item">
  55. <a class="nav-link" href="{{ path('index') }}#index_web">Indexing</a>
  56. </li> #}
  57. <li class="nav-item">
  58. <a class="nav-link" href="{{ path('Contact_Us') }}">Contact Us</a>
  59. </li>
  60. </ul>
  61. </div>
  62. </nav>
  64. {# <div id="intro">
  65. <div class="owl-carousel" id="intro-carousel">
  66. <div class="item" style="background-image: url({{asset('images/owl/1.jpg')}});"></div>
  67. <div class="item" style="background-image: url({{asset('images/owl/4.jpg')}});"></div>
  68. <div class="item" style="background-image: url({{asset('images/owl/5.jpg')}});"></div>
  69. </div>
  70. </div> #}
  72. <!-- Initialize Owl Carousel -->
  73. <script>
  74. $(document).ready(function(){
  75. $("#intro-carousel").owlCarousel({
  76. items: 1,
  77. loop: true,
  78. nav: false,
  79. autoplay: true,
  80. autoHeight: true,
  81. autoplayTimeout: 2000,
  82. autoplayHoverPause: true,
  83. });
  84. $("#intro-carousel1").owlCarousel({
  85. items: 3,
  86. loop: true,
  87. nav: false,
  88. margin:10,
  89. autoplay: true,
  90. autoHeight: true,
  91. autoplayTimeout: 2000,
  92. autoplayHoverPause: true,
  93. });
  94. });
  95. $(document).ready(function(){
  96. // Ensure only one dropdown is open at a time
  97. $('.dropdown').on('show.bs.dropdown', function () {
  98. $('.dropdown').not(this).removeClass('show').find('.dropdown-menu').removeClass('show');
  99. });
  101. // Initialize the dropdown manually for better control
  102. $('.dropdown-toggle').click(function(e) {
  103. var $dropdown = $(this).parent();
  104. if ($dropdown.hasClass('show')) {
  105. $dropdown.removeClass('show');
  106. $dropdown.find('.dropdown-menu').removeClass('show');
  107. } else {
  108. $('.dropdown').removeClass('show');
  109. $('.dropdown-menu').removeClass('show');
  110. $dropdown.addClass('show');
  111. $dropdown.find('.dropdown-menu').addClass('show');
  112. }
  113. e.stopPropagation(); // Prevents event bubbling
  114. });
  116. // Hide dropdown when clicking outside
  117. $(document).click(function() {
  118. $('.dropdown').removeClass('show');
  119. $('.dropdown-menu').removeClass('show');
  120. });
  122. // Prevent dropdown from closing when clicking inside
  123. $('.dropdown-menu').click(function(e) {
  124. e.stopPropagation();
  125. });
  126. });
  128. </script>