announcement-test/app/views/announcements/index.html.erb

<% 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>
      <% cats = Array(page.categories)
      if cats.include? 'all'
        cats = ModuleApp.where(key: 'announcement').first.categories
      else
        cats = cats.map{|v| Category.where(id: v).first}.compact
      end
      all_cat = [[t('announcement.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(cats.map{|v| [v.title,v.id.to_s]}),:selected => @params['category'].to_s),:id=>"category_select_box",:prompt => t('announcement.select_prompt')) %>
      <input class="search_box" type="text" name="keywords" value="<%= @params['keywords'].to_s.gsub(/\"/,'') %>" placeholder="<%= t('announcement.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('announcement.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('announcement.etime') %>" data-format="yyyy/mm/dd">
        </div>
      </div>
      <input type="hidden" name="authenticity_token" value="<%= (0...46).map { ('a'..'z').to_a[rand(26)] }.join %>">
      <input class="search_box" type="submit" value="<%= t('announcement.search') %>">
    </div>
  </form>
<% end %>
<%= render_view %>