Add Overall Response Rate

app/assets/stylesheets/partials/_overview.scss

@@ -89,6 +89,26 @@
   width: 20px;
 }
 
+.overall-response-rate-row {
+  width: 55%;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  margin-top: -23px;
+}
+
+.overall-response-rate-container {
+  padding: 0.4em 0.7em;
+  width: 48%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  color: $gray-1;
+  @extend .bg-color-gray-3;
+  @extend .border-radius-8;
+  @extend .font-size-14
+}
+
 @media only screen and (min-width: 768px){
 .measure-row-label {
   width: 170px;

app/controllers/overview_controller.rb

@@ -7,6 +7,10 @@ class OverviewController < SqmApplicationController
   def index
     @variance_chart_row_presenters = measures.map(&method(:presenter_for_measure))
     @category_presenters = Category.sorted.map { |category| CategoryPresenter.new(category:) }
+    @student_response_rate_presenter = ResponseRatePresenter.new(focus: :student, school: @school,
+      academic_year: @academic_year)
+    @teacher_response_rate_presenter = ResponseRatePresenter.new(focus: :teacher, school: @school,
+      academic_year: @academic_year)
   end
 
   private

app/presenters/response_rate_presenter.rb

@@ -0,0 +1,45 @@
+class ResponseRatePresenter
+  attr_reader :focus, :academic_year, :school, :survey_items
+
+  def initialize(focus:, academic_year:, school:)
+    @focus = focus
+    @academic_year = academic_year
+    @school = school
+    @survey_items = SurveyItem.student_survey_items if focus == :student
+    @survey_items = SurveyItem.teacher_survey_items if focus == :teacher
+  end
+
+  def date
+    SurveyItemResponse.where(survey_item: survey_items, school:).order(updated_at: :DESC).first&.updated_at || Date.new
+  end
+
+  def percentage
+    cap_at_100(actual_count.to_f / respondents_count.to_f * 100).round
+  end
+
+  def color
+    # Problem: the color (either $gold or $purple) is determined by the scss variable, but the
+    # percentage is decided by the presenter. Therefore the class style must be generated
+    # within this file and not the scss file.
+    # TODO: Fix this.
+    percentage > 75 ? '#49416D' : '#FFC857'
+  end
+
+  private
+
+  def cap_at_100(value)
+    value > 100 ? 100 : value
+  end
+
+  def actual_count
+    SurveyItemResponse.where(school:, academic_year:,
+                             survey_item: survey_items).select(:response_id).distinct.count
+  end
+
+  def respondents_count
+    respondents = Respondent.find_by(school:, academic_year:)
+    count = respondents.total_students if focus == :student
+    count = respondents.total_teachers if focus == :teacher
+    count
+  end
+end

app/services/sftp/directory.rb

@@ -8,6 +8,8 @@ module Sftp
       uri = URI.parse(sftptogo_url)
       Net::SFTP.start(uri.host, uri.user, password: uri.password) do |sftp|
         sftp.dir.foreach(path) do |entry|
+          next unless entry.file?
+
           filename = entry.name
           puts filename
 

app/services/survey_item_values.rb

@@ -13,15 +13,15 @@ class SurveyItemValues
     dese_id.present?
   end
 
-  def response_date
-    @response_date ||= begin
+  def recorded_date
+    @recorded_date ||= begin
       recorded_date = value_from(pattern: /Recorded\s*Date/i)
       Date.parse(recorded_date)
     end
   end
 
   def academic_year
-    @academic_year ||= AcademicYear.find_by_date response_date
+    @academic_year ||= AcademicYear.find_by_date recorded_date
   end
 
   def survey_item_response(survey_item:)

app/services/survey_responses_data_loader.rb

@@ -77,11 +77,11 @@ class SurveyResponsesDataLoader
     gender = row.gender
     grade = row.grade
     if survey_item_response.present?
-      survey_item_response.update!(likert_score:, grade:, gender:)
+      survey_item_response.update!(likert_score:, grade:, gender:, recorded_date: row.recorded_date)
       []
     else
       SurveyItemResponse.new(response_id: row.response_id, academic_year: row.academic_year, school: row.school, survey_item:,
-                             likert_score:, grade:, gender:)
+                             likert_score:, grade:, gender:, recorded_date: row.recorded_date)
     end
   end
 

app/views/overview/_response_rate.html.erb

@@ -0,0 +1,8 @@
+<div class="overall-response-rate-container">
+  <div>Response Rates as of <%= response_rate_presenter.date.to_date.strftime("%m/%d/%y") %> </div>
+  <div style="display: flex; justify-content:space-between; width: 100px;">
+  <div><%= response_rate_presenter.focus.capitalize %> </div>
+  <%= render partial: "response_rate_graphic", locals: {response_rate_presenter: response_rate_presenter}, cached: true %>
+  <div><%= response_rate_presenter.percentage %>% </div>
+  </div>
+</div>

app/views/overview/_response_rate_graphic.html.erb

@@ -0,0 +1,35 @@
+<style>
+/*
+    For some reason, none of the sizing in the pie class works, and it always
+    fills 100% of the containing frame, so the size has to be dictated by .prog
+*/
+.prog {
+    width: 16px;
+    height: 16px;
+    position: relative;
+    border: 1px solid black;
+    border-radius: 50%;
+    margin-top: 0.2em;
+}
+.pie {
+    aspect-ratio: 1;
+    display: inline-grid;
+    place-content: center;
+    margin: 5px;
+    font-size: 25px;
+    font-weight: bold;
+    font-family: sans-serif;
+}
+
+#response-rate-pie-<%= response_rate_presenter.focus %>:before{
+  content: "";
+  position: absolute;
+  border-radius: 50%;
+  inset: 0;
+  background: conic-gradient(<%= response_rate_presenter.color %> calc(<%= response_rate_presenter.percentage %>*1%),#0000 0);
+}
+</style>
+
+<div class="prog">
+    <div id="response-rate-pie-<%= response_rate_presenter.focus %>" class="pie"></div>
+</div>

app/views/overview/index.html.erb

@@ -81,6 +81,12 @@
         </div>
       </div>
       <%= render partial: "quality_framework_indicators", locals: { category_presenters: @category_presenters }, cached: true %>
+
+      <div class="overall-response-rate-row">
+        <%= render partial: "response_rate", locals: {response_rate_presenter: @student_response_rate_presenter}, cached: true %>
+        <%= render partial: "response_rate", locals: {response_rate_presenter: @teacher_response_rate_presenter}, cached: true %>
+      </div>
+
     </div>
     <div class="card">
       <h2 class="sub-header-2 mb-4">Distance From Benchmark</h2>