Ruby Sinatra Bootstrap view accordion

Adolfo Nava — Thu, 30 May 2024 21:51:17 +0000

Below is my code where I had used bootstrap syntax to display info in a accordion using an api call the structure of depending on if there was the data available. Sometimes when I called the data the definitions didn't have an example ready to use so I had to account that in my work. When working in a loop the accordion doesn't work properly if the accordion div id wasn't unique. if you don't have unique identifiers available, consider making a counter whenever you move on to the next value so that it lets the accordion act independently from each other.

<% count = 0 %>
  <% @data['collection'].each do |col| %>
    <h3><%=col['title']%></h3>
    <% col['definitions'].each do |deF| %>
      <%count = count + 1%>
      <%if deF.has_key?('example')%>
        <div class="accordion" id="accordion<%=count%>">
          <div class="accordion-item">
            <h2 class="accordion-header" id="headingOne">
              <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse<%=count%>" aria-expanded="true" aria-controls="collapseOne">
                <%= "#{count}. #{deF['definition']}" %>
              </button>
            </h2>
            <div id="collapse<%=count%>" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordion<%=count%>">
              <div class="accordion-body">
                <p><strong>Example:</strong> <%=deF['example']%></p>
              </div>
            </div>
          </div>
        </div>
      <%else%>
        <h5><%= "#{count}. #{deF['definition']}" %></h5>
      <%end%>
    <%end%>
  <%end%>

Today I learned about basic Ruby syntax

Adolfo Nava — Tue, 30 Jan 2024 19:12:19 +0000

# Commenting goes like this for single-line statements
=begin
This is for when you want comments to go more than one line 
without having to keep putting a # before anything intended for 
comments
=end
=begin 
[name] variables  example below name is now a variable that 
can be called multiple times and can be changed at any point by 
the developer using methods or reassigning the variable based on 
whatever the developer's intentions are
=end
name = "Adolfo"
#    ^ means to assign the variable to whatever you want it to be whether that would be a number or a string by putting ""
number = "123456"
pp number.to_i

require "date"

saved_date = Date.new(2024,12,25)
pp saved_date
# method calling for strings or int objects [name].{method name}(arguments for method)

Forem: Adolfo Nava

Ruby Sinatra Bootstrap view accordion

Today I learned about basic Ruby syntax