Merge pull request #8159 from wazuh/enhancement/4653-theme-menu-item-…

…cti-3.2

[3.2] Added a new theme menu item for CTI

requirements.txt

@@ -2,6 +2,6 @@ Sphinx==7.2.6
 sphinx-tabs==3.4.5
 docutils==0.18.1
 jsmin==3.0.1
-Jinja2==3.1.2
+Jinja2==3.1.5
 Pygments==2.15.1
 sphinx-reredirects==0.1.5

source/_themes/wazuh_doc_theme_v3/src/js-source/utils.js

@@ -41,14 +41,14 @@ if ( typeof(versions) === 'undefined' ) {
       if ($(this).closest('.dropdown').hasClass('show')
         && toElement !== $(this).siblings()[0]) {
         e.stopPropagation();
-        $(this).trigger('click');
+        $(this).trigger('click').trigger('blur');
       }
     });
     $('.navbar-nav .dropdown-menu').on('mouseleave', function(e) {
       let toElement = e.toElement || e.relatedTarget;
       if ($(this).closest('.dropdown').hasClass('show')
         && toElement !== $(this).siblings()[0]) {
-        $(this).siblings().trigger('click');
+        $(this).siblings().trigger('click').trigger('blur');
       }
     });
   }

source/_themes/wazuh_doc_theme_v3/src/scss/components/_navbar-menu.scss

@@ -93,6 +93,7 @@ header {
     background-color: $light-color-base-space;
     .nav-link {
       color: $light-color-main-text;
+      &.active,
       &:hover,
       &:focus {
         color: $light-color-primary;
@@ -134,6 +135,7 @@ header {
     background-color: $dark-color-index-header-background;
     .nav-link {
       color: $dark-color-main-text;
+      &.active,
       &:hover,
       &:focus {
         color: $dark-color-primary;

source/_themes/wazuh_doc_theme_v3/template-parts/header.html

@@ -10,6 +10,7 @@
     <div class="container">
       <nav>
         <ul>
+          <li><a href="{{ theme_wazuh_web_url + '/blog/' }}" target="_blank" rel="noreferrer noopener">Blog</a></li>
           <li><a href="{{ theme_wazuh_web_url + '/community/' }}" target="_blank" rel="noreferrer noopener">Community</a></li>
           <li><a href="{{ theme_wazuh_web_url + '/contact-us/' }}" target="_blank" rel="noreferrer noopener">Contact us</a></li>
         </ul>
@@ -89,7 +90,10 @@
                 <a class="nav-link" href="{{ theme_wazuh_web_url + '/cloud/' }}" target="_blank" rel="noreferrer noopener">Cloud</a>
               </li>
               <li class="nav-item">
-                <a class="nav-link" href="{{ theme_wazuh_doc_url + '/current/index.html' }}">Documentation</a>
+                <a class="nav-link" href="https://cti.wazuh.com/" target="_blank" rel="noreferrer noopener">CTI</a>
+              </li>
+              <li class="nav-item">
+                <a class="nav-link active" href="{{ theme_wazuh_doc_url + '/current/index.html' }}">Documentation</a>
               </li>
               <li class="nav-item dropdown">
                 <a class="nav-link dropdown-toggle" href="#" id="dropdown-services" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Services<b class="caret d-inline d-sm-none"></b><svg class="d-none d-sm-inline"><use xlink:href="#menu-chevron" /></svg></a>
@@ -116,9 +120,6 @@
                   </li>
                 </ul>
               </li>
-              <li class="nav-item">
-                <a class="nav-link" href="{{ theme_wazuh_web_url + '/blog/' }}" target="_blank" rel="noreferrer noopener">Blog</a>
-              </li>
               <li class="nav-item dropdown">
                 <a class="nav-link dropdown-toggle" href="#" id="dropdown-company" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Company<b class="caret d-inline d-sm-none"></b><svg class="d-none d-sm-inline"><use xlink:href="#menu-chevron" /></svg></a>
                 <ul class="dropdown-menu" aria-labelledby="dropdown-company">