Создавать чекбоксы с материализованными Css картами в Rails 5.2 - PullRequest
Новая
       29

Создавать чекбоксы с материализованными Css картами в Rails 5.2

0 голосов
/ 25 марта 2020

Я создаю приложение Rails с несколькими фильтрами в нем, используя Ransack, и я не хочу, чтобы пользователи могли искать недвижимость, используя карточки, как на рисунке ниже. Когда они выберут карту в моей БД, которая вернется. enter image description here

Моя текущая форма Ransack 

    <%= search_form_for @q, html: {autocomplete: 'off'}  do |f| %>
        <div class="container">
            <div class="row">

               <!--APARTMENT CARD-->
                <div class="col l6 s6">
                    <div class="card-panel hoverable b-radius5px">
                        <img style="width:60px;" class="center" src="https://res.cloudinary.com/craftwebs/image/upload/v1584137944/condominium_pltgkr.svg" alt="">
                        <span class="center blue-grey-text text-lighten-2" style="margin-left: -15px;">Apartment</span>
                    </div>
                </div>

                <!--HOUSE CARD-->
                <div class="col l6 s6">
                    <div class="card-panel hoverable z-depth-1 b-radius5px">
                        <img style="width:60px;" class="center" src="https://res.cloudinary.com/craftwebs/image/upload/v1584138119/real-estate_mugxx7.svg" alt="">
                        <span class="center blue-grey-text text-lighten-2">House</span>
                    </div>
                </div>


                <div class="center">
                    <%= f.submit "Search", class:" waves-effect blue-kafasa-bn waves-light btn b-radius15px" %>
                </div>

Теперь единственный способ, которым я могу искать эти свойства, - через выберите: 

<div class="col l6 m6 s12">
<%= f.select(:propertytype_eq, options_for_select(['Apartment', 'Office', 'House' ]), {:include_blank => 'Pick a property'} ) %>
 </div>

enter image description here

Вот как это выглядит в моих журналах при поиске указанного свойства c в моем приложении используя выберите : 

  Parameters: {"utf8"=>"✓", "q"=>{"price_gteq"=>"", "price_lteq"=>"", "propertytype_eq"=>"Apartment"}, "commit"=>"Search"}

Как я могу сделать так, чтобы пользователи искали недвижимость с помощью карт, а не выбора? Нужно ли менять флажок материализации?

1 Ответ

1 голос
/ 25 марта 2020

Вы пытались использовать функции onclick для карт? Вы можете добавить событие onclick, которое либо инициирует навигацию, либо устанавливает флаг / переменную для требуемой опции.

...