src/views/layout/_navbar.twig line 1

Open in your IDE?
  1. <style>
  2. .navigation--li {
  3.     display: block;
  4.     font-family: var(--font-second);
  5.     margin: 1rem 0;
  6.     text-align: left;
  7. }
  8. .logo_size{
  9.     position: absolute;
  10.     top: -35px;
  11. }
  12. .logo_size img{
  13.     height:80px;
  14. }
  15. </style>
  16.     <div class="container-fluid bg-white">
  17.         <div class="row">
  18.             <div class="col-sm-12 p-0">
  19.             <div class="container">
  20.                 <div class="row">
  22.                 
  23.             <div class="col-sm-12 py-2" style="border-bottom: 1px solid #fbfbfb;">
  24.             
  25.             <div class="display_flx">
  26.             
  27.             {% if app.request.locale == 'en' %}  
  28.      <div class="switches-container">
  29.    <input class="locale--input" id="enLocale" type="radio" name="locale" value="en" checked />
  30.        
  31.         <input class="locale--input" id="hiLocale" type="radio" name="locale" value="hi" />
  32.          <label class="locale--label" for="enLocale">{{ 'english'|trans }}</label>
  33.         <label class="locale--label" for="hiLocale">{{ 'hindi'|trans }}</label>
  34.    
  35.     <div class="switch-wrapper">
  36.       <div class="switch">
  37.         <div>{{ 'english'|trans }}</div>
  38.         <div>{{ 'hindi'|trans }}</div>
  39.       </div>
  40.     </div>
  41.   </div>
  42.     {% else %}
  43.     <div class="switches-container">
  44.     <input class="locale--input" id="enLocale" type="radio" name="locale" value="en" />
  45.     <input class="locale--input" id="hiLocale" type="radio" name="locale" value="hi" checked />
  46.     <label class="locale--label" for="enLocale">{{ 'english'|trans }}</label>
  47.     <label class="locale--label" for="hiLocale">{{ 'hindi'|trans }}</label>
  48.    
  49.     <div class="switch-wrapper">
  50.       <div class="switch">
  51.         <div>{{ 'english'|trans }}</div>
  52.         <div>{{ 'hindi'|trans }}</div>
  53.       </div>
  54.     </div>
  55.   </div>
  56.       
  57.       
  58.     {% endif %} 
  59.             
  60.             
  61.             
  62.             
  63.               </div>
  64.             </div>
  65.             <div class="display_flx sm_hide py-2" style="position: relative;">
  66.                 <div>
  67.                     <a class="logo_size" href="http://89.116.20.47/">
  68.                     {% if app.request.locale == 'en' %}  
  69.                         <img class="" src="{{ asset('images/Elogo.png') }}" alt="PFI" /></a>
  70.                          {% else %}
  71.                         <img class="" src="{{ asset('images/Hlogo.png') }}" alt="PFI" /></a>
  72.                         {% endif %} 
  73.                         
  74.                 </div>
  75.                 <div class="">
  76.                     <div class="partnav">
  77.                         <form class="search1" id="searchForm" autocomplete="off" onsubmit="return searchQuery();">
  78.     <div class="input-group">
  79.         <span class="input-group-text" style="background-color: transparent; border-right: 0px;">
  80.             <img class="search--icon" src="{{ asset('images/search.png') }}" />
  81.         </span>
  82.         <input type="text" class="form-control home_search_inp" name="q" id="search-input" placeholder="{{ 'navbar.search'|trans }}" value="{{ data.query }}" style="border-left: 0px;">
  83.         <a class="btn btn-warning" href="#" id="search-button" onclick="redirectWithQuery()" style="display: flex; justify-content: center; align-items: center;"><b> {{ 'navbar.search'|trans }}</b></a>
  84.     </div>
  85. </form>
  86.                         
  87.                        
  88.                       </div>
  89.                 </div>
  90.             </div>
  91.         </div>
  92.     </div>
  93. </div>
  94. </div>
  95.         </div>
  96.         <nav class="navbar">
  97.           <div class="wrapper">
  98.            {% if app.request.locale == 'en' %}  
  99.             <a class="navbar__logo sm_show" href="http://89.116.20.47/"><img class="navbar__logo--img" src="{{ asset('images/Elogo.png') }}" alt="PFI" /></a>
  100.              {% else %}
  101.               <a class="navbar__logo sm_show" href="http://89.116.20.47/"><img class="navbar__logo--img" src="{{ asset('images/Hlogo.png') }}" alt="PFI" /></a>
  102.               {% endif %} 
  103.             <div class="navbar--toggle" id="menuToggle">
  104.               <span>{{ 'navbar.menu'|trans }}</span>
  105.               
  106.               <i class="fa-solid fa-bars text-warning pe-3" style="font-size: 24px;"></i>
  107.             </div>
  108.             <div class="navbar--menu" id="navbarMenu">
  109.               <ul class="navigation mb-0">
  110.                 <li style="align-items: flex-start; margin-left: 12px;" class="navigation--li dropdown {% if app.request.pathinfo starts with '/bucket/' %}active{% endif %} ">
  111.                   <div class="dropdown--label">
  112.                     <span>{{ 'issues_and_themes'|trans }}</span>
  113.                     <img src="{{ asset('images/dropdown.png') }}" />
  114.                   </div>
  115.                   <div class="dropdown__items">
  116.                     {% for bucket in data.buckets %}
  117.                       <a class="dropdown__items--a" href="{{ path('web_bucket', { id: bucket.id }) }}">{{ bucket.title|striptags|raw }}</a>
  118.                     {% endfor %}
  119.                   </div>
  120.                 </li>
  121.                 <li class="navigation--li dropdown d-none">
  122.                   <div class="dropdown--label">
  123.                     <span>{{ 'choose_lang'|trans }}</span>
  124.                     <img src="{{ asset('images/dropdown.png') }}" />
  125.                   </div>
  126.                   <div class="dropdown__items" style="min-width: 100%">
  127.                     <a class="dropdown__items--a" href="" data-action="lang" data-lang="en">{{ 'english'|trans }}</a>
  128.                     <a class="dropdown__items--a" href="" data-action="lang" data-lang="hi">{{ 'hindi'|trans }}</a>
  129.                   </div>
  130.                 </li>
  131.                 
  132.                 <li class="nav-item">
  133.                     <a class="nav-link {% if app.request.pathinfo == '/introduction' %}active{% endif %}" href="{{ path('web_introduction') }} "  style="margin-right: 0.5rem;">{{ 'introduction'|trans }}</a>
  134.                 </li>
  135.                 <li class="nav-item">
  136.                     <a class="nav-link {% if app.request.pathinfo == '/updates' %}active{% endif %}" href="{{ path('web_updates') }}" style="margin-right: 0.5rem;">{{ 'updates'|trans }}</a>
  137.                 </li>
  138.                 <li class="nav-item">
  139.                     <a class="nav-link {% if app.request.pathinfo == '/dashboard/IN' %}active{% endif %}" href="dashboard/IN" style="margin-right: 0.5rem;">{{ 'state_dashboard'|trans }} </a>
  140.                 </li>
  141.                 <li class="nav-item">
  142.                     <a class="nav-link {% if app.request.pathinfo == '/viewDistrict' %}active{% endif %}" href="{{ path('web_district') }}" style="margin-right: 0.5rem;">{{ 'district_dashboard'|trans }}</a>
  143.                 </li>
  144.                 
  145.                 <li class="nav-item">
  146.                     <a class="nav-link {% if app.request.pathinfo == '/contact' %}active{% endif %}" href="{{ path('web_contact') }}" style="margin-right: 0.5rem;">{{ 'contact_us'|trans }}</a>
  147.                 </li>
  148.               </ul>
  149.               
  150.             </div>
  151.           </div>
  152.         </nav>
  153.         
  154. <script>
  155.     function redirectWithQuery() {
  156.         var inputVal = document.getElementById('search-input').value;
  158.         var url = "{{ path('web_chatbot') }}" + "?q=" + encodeURIComponent(inputVal);
  159.         //alert(url);
  160.         window.location.href = url;
  161.     }
  162. </script>