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

Completes Sub Categories and Measures for "All " Category Tabs -

Browse source 
Milford High School (Milford District).  Add tabs to top navigation [#179727241]
This commit is contained in:
Liam Morley 2021-10-07 17:07:39 -04:00 • committed by rebuilt
parent 5595af15b6
commit a406205e20
16 changed files with 106 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

2
app/views/layouts/sqm/_header.html.erb
View file

@ -30,7 +30,7 @@
<div class="bg-color-blue">
<div class="container">
<div class="row py-4 justify-content-between align-items-center">
<div class="col">
<div class="col align-self-end">
<% if content_for?(:navigation) %>
<%= yield(:navigation) %>
<% end %>

14
app/views/sqm_categories/show.html.erb
View file

@ -1,3 +1,15 @@
<% content_for :navigation do %>
<nav class="nav nav-tabs">
<% @categories.each do |category| %>
<div class="nav-item">
<%= link_to [@district, @school, category, { year: @academic_year.range }], class: ["font-bitter", "weight-600","nav-link", "bg-color-dark-blue", current_page?([@district, @school, category, { year: @academic_year.range }]) ? "active" : ""] do %>
<i class="fa fa-<%= category.icon %> me-2"></i> <%= category.name %>
<% end %>
</div>
<% end %>
</nav>
<% end %>
<h1 class="sub-header font-bitter color-red"><%= @category.name %></h1>
<h2 class="col-8 body-large"><%= @category.description %></h2>
@ -19,7 +31,7 @@
<div class="measure-presenter d-flex flex-column justify-space-between align-items-center px-5">
<h3 class="measure-description sub-header-4 mb-5 "><%= measure_presenter.name %></h3>
<div>
<%= render partial: "gauge_graph", locals: { gauge: measure_presenter.gauge_presenter, gauge_class: 'gauge-graph-sm', font_class: 'font-cabin'} %>
<%= render partial: "gauge_graph", locals: { gauge: measure_presenter.gauge_presenter, gauge_class: 'gauge-graph-sm', font_class: 'font-cabin' } %>
</div>
<p class="measure-description body-small mt-5 mb-4 "><%= measure_presenter.description %></p>
</div>