templates/includes/events-navigation-bar.html.twig line 1

Open in your IDE?
  3. <div class="event-navigation-bar row" style="margin-bottom: 20px;">
  4.     <div class="col-9" id="mobile-resize">
  5.         <form class="row" method="post" action="/events">
  6.             <div class="col-4">
  7.                 <label class="form-label" for="eventDate">Events From</label>
  8.                 <input type="text" class="form-control" id="eventDate" name="eventDate" placeholder="mm/dd/yyyy" {% if date is defined %}value="{{date|date('m/d/Y')}}"{% endif %}>
  9.             </div>
  10.             <div class="col-4">
  11.                 <label class="form-label" for="eventSearch">Search</label>
  12.                 <input type="text" class="form-control" id="eventSearch" name="eventSearch" placeholder="Keyword" {% if search is defined %}value="{{search}}"{% endif %}>
  13.             </div>
  14.             <div class="col-4">
  15.                 <br>
  16.                 <button type="submit" class="button">FIND EVENTS</button>
  17.             </div>
  18.         </form>
  19.     </div>
  20.     <div class="col-3 hide-mobile">
  21.         <label class="form-label" for="eventView">View As</label>
  22.         <select class="form-control" id="eventView">
  23.             <option value="/events">List</option>
  24.             <option value="/events/month">Month</option>
  25.             <option value="/events/day">Day</option>
  26.         </select>
  27.     </div>
  28. </div>
  30. <script>
  31.     $(function(){
  32.       $('#eventView').on('change', function () {
  33.           var url = $(this).val();
  34.           if (url) {
  35.               window.location = url;
  36.           }
  37.           return false;
  38.       });
  39.       
  40.       $("#eventView").val('{{selected_view}}');
  41.       
  42.         var $window = $(window),
  43.         $html = $('#mobile-resize');
  45.         if ($window.width() < 767) {
  46.             $html.removeClass('col-9');
  47.             $html.addClass('col-12');
  48.         }
  49.     });
  50. </script>