Семантический интерфейс поиска карт возврата? - PullRequest
Новая
       11

Семантический интерфейс поиска карт возврата?

0 голосов
/ 12 ноября 2018

Мне бы хотелось, чтобы компонент Semantic UI search возвращал список cards, а не его собственный интерфейс, что-то вроде этого:

enter image description here

На данный момент search возвращает результаты в виде списка:

enter image description here

и карты отображаются на сервере:

<div class="ui secondary menu">

  <div class="item">
      <div id="contacts" class="ui search">
        <input class="prompt" type="text" placeholder="Search contacts...">
        <div class="results"></div>
      </div>
  </div>

</div>

<div class="ui stackable cards">

<% @contacts.each do |contact| %>

  <div class="ui card">
    <div class="content">
      <img class="right floated mini ui image" src="<%= gravatar_url contact[:work_email] %>">
      <div class="header">
        <a href="/contacts/<%= contact[:id] %>"><%= contact[:first_name] %> <%= contact[:last_name] %></a>
      </div>
       <div class="meta">
        <%= contact[:domain] %>
      </div>
    </div><!-- content -->
  </div><!-- /ui card -->

<% end %>
</div>

Я бы хотел, чтобы поиск возвращал результаты в div: 

<div class="ui stackable cards"></div>

Однако мне нужно создать шаблон для создания каждой карты.

Возможно ли это?

...