Browse Source

Fix side nav

pull/6/head
Angel Aviel Domaoan 4 years ago committed by Angel Aviel Domaoan
parent
commit
241aa388a7
  1. 50
      app/components/subjects_sidenav_sub_menu_component/subjects_sidenav_sub_menu_component.erb

50
app/components/subjects_sidenav_sub_menu_component/subjects_sidenav_sub_menu_component.erb

@ -1,75 +1,77 @@
<div class="accordion-collapse collapse" id="<%= opts[:main_sub_menu] %>" data-bs-parent="#sidenav"> <div class="accordion-collapse collapse" id="<%= opts[:main_sub_menu] %>" data-bs-parent="#sidenav">
<div class="accordion-body pb-0 pe-0 pt-0"> <div class="accordion-body pb-0 pe-0 pt-0">
<% Cdao::Subject.roots.each do |subject| %> <% Cdao::Subject.roots.each do |root| %>
<div class="accordion accordion-flush ps-20" id="firstLevelSubMenu"> <div class="accordion accordion-flush ps-20" id="firstLevelSubMenu">
<div class="accordion-item"> <div class="accordion-item">
<h5 class="accordion-header"> <h5 class="accordion-header">
<button class="<%= subject.children.present? ? 'accordion-button' : '' %> collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#<%= [opts[:second_sub_menu], subject.id].join %>"> <button class="<%= root.children.present? ? 'accordion-button' : '' %> collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#<%= [opts[:second_sub_menu], root.id].join %>">
<%= link_to subject.name, subject_index_path(subject.id), class: "accordion-link text-dark" %> <%= link_to root.name, subject_index_path(root.id), class: "accordion-link text-dark" %>
</button> </button>
</h5> </h5>
<div class="accordion-collapse collapse" id="<%= [opts[:second_sub_menu], subject.id].join %>" data-bs-parent="#firstLevelSubMenu"> <% if root.children.present? %>
<div class="accordion-collapse collapse" id="<%= [opts[:second_sub_menu], root.id].join %>" data-bs-parent="#firstLevelSubMenu">
<div class="accordion-body pb-0 pe-0 pt-0"> <div class="accordion-body pb-0 pe-0 pt-0">
<% subject.children.each do |second_subject| %> <% root.children.each do |sub1| %>
<div class="accordion accordion-flush ps-20" id="secondLevelSubMenu"> <div class="accordion accordion-flush ps-20" id="secondLevelSubMenu">
<div class="accordion-item"> <div class="accordion-item">
<h5 class="accordion-header"> <h5 class="accordion-header">
<button class="<%= second_subject.children.present? ? 'accordion-button' : '' %> collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#<%= [opts[:third_sub_menu], second_subject.id].join %>"> <button class="<%= sub1.children.present? ? 'accordion-button' : '' %> collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#<%= [opts[:third_sub_menu], sub1.id].join %>">
<%= link_to second_subject.name, subject_index_path(second_subject.id), class: "accordion-link text-dark" %> <%= link_to sub1.name, subject_index_path(sub1.id), class: "accordion-link text-dark" %>
</button> </button>
</h5> </h5>
<div class="accordion-collapse collapse" id="<%= [opts[:third_sub_menu], second_subject.id].join %>" data-bs-parent="#secondLevelSubMenu"> <div class="accordion-collapse collapse" id="<%= [opts[:third_sub_menu], sub1.id].join %>" data-bs-parent="#secondLevelSubMenu">
<div class="accordion-body pb-0 pe-0 pt-0"> <div class="accordion-body pb-0 pe-0 pt-0">
<% second_subject.children.each do |third_subject| %> <% sub1.children.each do |sub2| %>
<div class="accordion accordion-flush" id="thirdLevelSubMenu"> <div class="accordion accordion-flush" id="thirdLevelSubMenu">
<div class="accordion-item"> <div class="accordion-item">
<h5 class="accordion-header"> <h5 class="accordion-header">
<button class="<%= third_subject.children.present? ? 'accordion-button' : '' %> collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#<%= [opts[:fourth_sub_menu], third_subject.id].join %>"> <button class="<%= sub2.children.present? ? 'accordion-button' : '' %> collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#<%= [opts[:fourth_sub_menu], sub2.id].join %>">
<%= link_to third_subject.name, subject_index_path(third_subject.id), class: "accordion-link text-dark" %> <%= link_to sub2.name, subject_index_path(sub2.id), class: "accordion-link text-dark" %>
</button> </button>
</h5> </h5>
<div class="accordion-collapse collapse" id="<%= [opts[:fourth_sub_menu], third_subject.id].join %>" data-bs-parent="#thirdLevelSubMenu"> <div class="accordion-collapse collapse" id="<%= [opts[:fourth_sub_menu], sub2.id].join %>" data-bs-parent="#thirdLevelSubMenu">
<div class="accordion-body pb-0 pe-0 pt-0"> <div class="accordion-body pb-0 pe-0 pt-0">
<% third_subject.children.each do |fourth_level| %> <% sub2.children.each do |sub3| %>
<div class="accordion accordion-flush ps-20" id="fourthLevelSubMenu"> <div class="accordion accordion-flush ps-20" id="fourthLevelSubMenu">
<div class="accordion-item"> <div class="accordion-item">
<h5 class="accordion-header"> <h5 class="accordion-header">
<button class="<%= third_subject.children.present? ? 'accordion-button' : '' %> collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#<%= [opts[:fifth_sub_menu], fourth_level.id].join %>"> <button class="<%= sub2.children.present? ? 'accordion-button' : '' %> collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#<%= [opts[:fifth_sub_menu], sub3.id].join %>">
<%= link_to fourth_level.name, subject_index_path(fourth_level.id), class: "accordion-link text-dark" %> <%= link_to sub3.name, subject_index_path(sub3.id), class: "accordion-link text-dark" %>
</button> </button>
</h5> </h5>
<div class="accordion-collapse collapse" id="<%= [opts[:fifth_sub_menu], fourth_level.id].join %>" data-bs-parent="#fourthLevelSubMenu"> <div class="accordion-collapse collapse" id="<%= [opts[:fifth_sub_menu], sub3.id].join %>" data-bs-parent="#fourthLevelSubMenu">
<div class="accordion-body pb-0 pe-0 pt-0"> <div class="accordion-body pb-0 pe-0 pt-0">
<% fourth_level.children.each do |fifth_level| %> <% sub3.children.each do |sub4| %>
<div class="accordion-item"> <div class="accordion-item">
<p class="accordion-header"> <p class="accordion-header">
<%= link_to fifth_level.name, subject_index_path(fifth_level.id), class: "accordion-link text-dark" %> <%= link_to sub4.name, subject_index_path(sub4.id), class: "accordion-link text-dark" %>
</p> </p>
</div> </div>
<% end %> <% end if sub3.children.present? %>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<% end %> <% end if sub2.children.present? %>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<% end %> <% end if sub1.children.present? %>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<% end %> <% end if root.children.present? %>
</div> </div>
</div> </div>
<% end %>
</div> </div>
</div> </div>
<% end %> <% end if Cdao::Subject.roots.present? %>
</div> </div>
</div> </div>

Loading…
Cancel
Save