gabehf/sqm-dashboards
1
0
Fork 0
mirror of https://github.com/edcommonwealth/sqm-dashboards.git synced 2026-03-07 13:38:18 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

ECP-106 : feat : Update formatting on data filters so that radio selectors are always on same row as text and allow text to wrap to the next line if there isn't enough room

Browse source
This commit is contained in:
rebuilt 2025-03-19 13:58:12 -07:00
parent 8a3db1d214
commit 20f605f3b7
3 changed files with 13 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

22
app/views/analyze/_data_filters.html.erb
View file

@ -41,18 +41,18 @@
<% end %>
<% @presenter.slices.each do | slice | %>
<div class="mx-3">
<input type="radio"
id="<%= slice.slug %>"
class="form-check-input"
name="graph"
value="<%= slice.graph.slug %>"
<%= slice.slug == @presenter.slice.slug ? "checked" : "" %>
<%= slice.slug == "all-data" ? "hidden" : "" %>>
<div class="d-flex flex-row mx-3">
<input type="radio"
id="<%= slice.slug %>"
class="form-check-input me-2"
name="graph"
value="<%= slice.graph.slug %>"
<%= slice.slug == @presenter.slice.slug ? "checked" : "" %>
<%= slice.slug == "all-data" ? "hidden" : "" %>>
<label for="<%= slice.slug %>"
<%= slice.slug == "all-data" ? "hidden" : "" %>>
<%= slice.to_s %></label>
<label class="text-break" for="<%= slice.slug %>"
<%= slice.slug == "all-data" ? "hidden" : "" %>>
<%= slice.to_s %></label>
</div>
<% end %>
<% end %>

2
app/views/analyze/_group_selectors.html.erb
View file

@ -11,7 +11,7 @@
<input type="hidden" id="year" name="<%= key %>" value="<%= value %>">
<% end %>
<select id="select-group" name="graph" class="mx-4 form-select" data-id="group-dropdown">
<select id="select-group" name="graph" class="ms-3 form-select" data-id="group-dropdown">
<% @presenter.groups.each do |group| %>
<option id="<%= group.slug %>" value="<%= group.graph.slug %>" <%= group.graph.slug == @presenter.graph.slug ? "Selected": "" %>><%= group.name %> </option>
<% end %>

2
app/views/analyze/index.html.erb
View file

@ -10,7 +10,7 @@
<hr>
</div>
<div class="d-flex flex-row pt-5 row">
<div class="d-flex flex-column flex-grow-6 bg-color-white col-3 px-5" >
<div class="d-flex flex-column flex-grow-6 bg-color-white col-3 py-5 px-3" >
<%= render partial: "focus_area", locals: {categories: @presenter.categories, district: @district, school: @school, academic_year: @academic_year, category: @presenter.category, subcategories: @presenter.subcategories} %>
<%= render partial: "school_years", locals: {available_academic_years: @presenter.academic_years, selected_academic_years: @presenter.selected_academic_years, district: @district, school: @school, academic_year: @academic_year, category: @presenter.category, subcategory: @presenter.subcategory, measures: @presenter.measures, graph: @presenter.graph} %>
<%= render partial: "data_filters", locals: {district: @district, school: @school, academic_year: @academic_year, category: @presenter.category, subcategory: @presenter.subcategory} %>