Create conditional in view based upon object attribute?

Question

If a person checkmarks the boolean :someday how can we trigger the conditional?

<%= simple_form_for(@challenge, html: { data: { modal: true } })  do |f| %>
<%= f.check_box :someday %> # If checkmarked show first condition else show second condition
<% if :someday == true %> # How to Write this line?
  <%= link_to 'Visit London', create_challenge_path(challenge: {name: 'Visit London', categorization: 'adventure', category: 'goal'}), class: "featured-challenge" %>
<% else %>
  <%= button_tag(type: 'submit', class: "btn", id: "challenge-button")  do %>
    Save
  <% end %>
<% end %>

Use javascript to show/remove elements based on selected

bkunzi01
– bkunzi01

2016-06-06 00:05:14 +00:00
Commented Jun 6, 2016 at 0:05 — bkunzi01
– bkunzi01, Commented Jun 6, 2016 at 0:05

Marko Manojlovic · Accepted Answer · 2016-06-06 03:49:17Z

1

When user checks the checkbox, you want to show <%= link_to 'Visit London', create_challenge_path(challenge: {name: 'Visit London', categorization: 'adventure', category: 'goal'}), class: "featured-challenge" %>, otherwise you want to show <%= button_tag(type: 'submit', class: "btn", id: "challenge-button") %>, correct?

I assume that 'Save' button will be visible all the time, and I assume that default state of your checkbox is 'false'.

You can hide .featured-challenge from the screen, and than check in jQuery if the checkbox is checked:

.featured-challenge { display: none; }

Somewhere in your JS (featured-challenge.js maybe):

$(document).ready(function(){
    $('input[type="checkbox"]').click(function(){
        $(".featured-challenge").toggle();
    });
});

answered Jun 6, 2016 at 3:49

Marko Manojlovic

914 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Create conditional in view based upon object attribute?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related