aba55f2a77
* stories list script as separate js file - defer attribute * change name storiesListScript for storiesList * remove legacy function hasClass() * add description to js pack * remove case that triggers nothing * Revert "remove case that triggers nothing" the if statement is on the element not its parents This reverts commit f4402f5456e15da122f9820917f5965a1ebc50a4. * remove deprecated code from storiesList pack * remove unused code
59 lines
2.5 KiB
Text
59 lines
2.5 KiB
Text
<%= content_for :page_meta do %>
|
|
<%= render "articles/search/meta" %>
|
|
<% end %>
|
|
<div id="query-wrapper"></div>
|
|
|
|
<main id="main-content">
|
|
<div class="crayons-layout crayons-layout--limited-l crayons-layout--1-col p-4">
|
|
<div class="block m:hidden" id="mobile-search-container">
|
|
<form accept-charset="UTF-8" method="get" action="/search">
|
|
<input class="crayons-textfield" type="text" name="q" placeholder="Search..." autocomplete="on" />
|
|
</form>
|
|
</div>
|
|
|
|
<div class="block s:flex items-center space-between">
|
|
<h1 class="crayons-title">Search results</h1>
|
|
|
|
<nav id="sorting-option-tabs" class="crayons-tabs crayons-tabs--wrapped ml-auto" aria-label="Search result sort options">
|
|
<ul class="crayons-tabs__list">
|
|
<li>
|
|
<a data-text="Most Relevant" href="javascript:;" class="crayons-tabs__item <%= "crayons-tabs__item--current" if @current_ordering == :relevance %>" aria-current="page">Most Relevant</a>
|
|
</li>
|
|
<li>
|
|
<a data-text="Newest" href="javascript:;" class="crayons-tabs__item <%= "crayons-tabs__item--current" if @current_ordering == :newest %>" data-sort-by="published_at" data-sort-direction="desc">Newest</a>
|
|
</li>
|
|
<li>
|
|
<a data-text="Oldest" href="javascript:;" class="crayons-tabs__item <%= "crayons-tabs__item--current" if @current_ordering == :oldest %>" data-sort-by="published_at" data-sort-direction="asc">Oldest</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="crayons-layout crayons-layout--limited-l crayons-layout--2-cols pt-0" id="index-container"
|
|
data-params="<%= params.to_json(only: %i[tag username q]) %>" data-which="<%= @list_of %>"
|
|
data-tag=""
|
|
data-feed="<%= params[:timeframe] || "base-feed" %>"
|
|
data-articles-since="<%= Timeframe.datetime_iso8601(params[:timeframe]) %>">
|
|
|
|
<div id="sidebar-wrapper-left" class="sidebar-wrapper sidebar-wrapper-left">
|
|
<div class="sidebar-bg" id="sidebar-bg-left"></div>
|
|
<%= render "articles/search/nav_menu" %>
|
|
</div>
|
|
|
|
<div class="articles-list crayons-layout__content" id="articles-list">
|
|
<div id="banner-section"></div>
|
|
<div class="substories" id="substories">
|
|
<div class="p-9 align-center crayons-card">
|
|
<br />
|
|
</div>
|
|
</div>
|
|
<div class="loading-articles" id="loading-articles">
|
|
loading...
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<%= render "articles/search" %>
|
|
|
|
<%= javascript_packs_with_chunks_tag "storiesList", defer: true %>
|