event_news/app/views/event_news_mods/index.html.erb

<%  
  params = OrbitHelper.params
%>
<% if @enable_search_flag %>
  <style type="text/css">
    #category_select_box{
      margin: 0;
      background: linear-gradient(0deg, #515fff, #ff3e3e);
      color: white;
      outline: 0;
      border-radius: 0.9em;
    }
    #category_select_box>option{
      background: #5640dd;
    }
    input.search_box{
      margin: 0;
      background: #a2c3df;
      font-weight: bold;
      color: #00008b;
      border-radius: 0.7em;
      outline: 0;
    }
    input.search_box[type='submit']:hover{
      background: #9100ff;
      color: white;
    }
    input.search_box[type='submit']:active{
      background: #7201ff;
      color: white;
    }
    input.search_box::-webkit-input-placeholder {
      color: #aa58e8;
      opacity: 1;
    }
    input.search_box:-moz-placeholder {
      color: #aa58e8;
      opacity: 1;
    }
    input.search_box::-moz-placeholder {
      color: #aa58e8;
      opacity: 1;
    }
  </style>
  <form>
    <% 
      all_cat = [[t('event_news.all'),'all']]
    %>
    <div class="search_widget" style="display: flex;flex-wrap: wrap;font-size: 1.1em;">
      <%= select_tag('category',options_for_select(all_cat.concat(@categories.map{|v| [v.title,v.id.to_s]}),:selected => params['category'].to_s),:id=>"category_select_box",:prompt => t('event_news.select_prompt')) %>
      <input class="search_box" type="text" name="keywords" value="<%= params['keywords'].to_s.gsub(/\"/,'') %>" placeholder="<%= t('event_news.keywords') %>">
      <div style="display: flex;flex-wrap: wrap;">
        <div class="default_picker">
          <input class="search_box" type="text" name="stime" value="<%= params['stime'].to_s.gsub(/\"/,'') %>" placeholder="<%= t('event_news.stime') %>" data-format="yyyy/mm/dd">
        </div>
        ~
        <div class="default_picker">
          <input class="search_box" type="text" name="etime" value="<%= params['etime'].to_s.gsub(/\"/,'') %>" placeholder="<%= t('event_news.etime') %>" data-format="yyyy/mm/dd">
        </div>
      </div>
      <input type="hidden" name="authenticity_token" value="<%= form_authenticity_token %>">
      <input class="search_box" type="submit" value="<%= t('event_news.search') %>">
    </div>
  </form>
<% end %>
<%= render_view %>