chore: manually add assets

Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    dashboard (0.1.2)
+    dashboard (0.1.3)
       activerecord-import
       bcrypt_pbkdf
       cssbundling-rails

app/assets/dashboard/cable.js

@@ -0,0 +1,17 @@
+(() => {
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __commonJS = (cb, mod) => function __require() {
+    return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  };
+
+  // app/javascript/cable.js
+  var require_cable = __commonJS({
+    "app/javascript/cable.js"(exports) {
+      (function() {
+        this.App || (this.App = {});
+        App.cable = ActionCable.createConsumer();
+      }).call(exports);
+    }
+  });
+  require_cable();
+})();

app/assets/stylesheets/dashboard/welcome.sass.scss

@@ -7,7 +7,7 @@
 @import "partials/footer";
 
 .hero-image {
-  background-image: url(hero.svg);
+  background-image: url(dashboard/hero.svg);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;

app/views/layouts/dashboard/_boston_modal.html.erb

@@ -0,0 +1,14 @@
+<div id="empty-dataset-modal" class="modal" tabindex="-1">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h3 class="modal-title">No results available</h3>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body">
+        <p> We’re unable to display results for the selected school and school year. </p>
+        <p> You’re welcome to <a target="_blank" href="https://www.edcommonwealth.org/contacts">contact ECP</a> for more information</p>
+      </div>
+    </div>
+  </div>
+</div>

app/views/layouts/dashboard/_empty_dataset_modal.html.erb

@@ -0,0 +1,19 @@
+<div id="empty-dataset-modal" class="modal" tabindex="-1">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h3 class="modal-title">No results available</h3>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body">
+        <p>We’re unable to display results for the selected school and school year due to: </p>
+        <ul>
+          <li>Limited availability of school admin data</li>
+          <li> Teacher and student survey response rates below 25% </li>
+        </ul>
+        <p> You may continue to explore the structure of the ECP School Quality Measures Framework, but we recommend selecting a different school and/or a different school year for the best experience.</p>
+        <p> You’re also welcome to contact <a target="_blank" href="https://www.edcommonwealth.org/contacts">ECP staff</a> to help ensure this school has data for you to review next year.</p>
+      </div>
+    </div>
+  </div>
+</div>

app/views/layouts/dashboard/_footer.html.erb

@@ -0,0 +1,5 @@
+<footer class="d-flex justify-content-center">
+  <p class="footer-item">Copyright © 2023</p>
+  <%= link_to "ECP" , "https://www.edcommonwealth.org/" , class: "footer-item footer-link", target: "_blank" %>
+  <%= link_to "Contact Us" , "https://www.edcommonwealth.org/contacts" , class: "footer-item footer-link", target: "_blank" %>
+</footer>

app/views/layouts/dashboard/_google_analytics.html.erb

@@ -0,0 +1,12 @@
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=<%= google_analytics_id %>"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+
+  function gtag() {
+    dataLayer.push(arguments);
+  }
+
+  gtag('js', new Date());
+  gtag('config', <%= google_analytics_id.to_json.html_safe %>);
+</script>

app/views/layouts/dashboard/_header.html.erb

@@ -0,0 +1,42 @@
+<header>
+  <div class="container">
+    <div class="row py-4 justify-content-between align-items-center">
+      <div class="col d-flex justify-content-start align-items-center">
+        <%= link_to image_tag('logo.svg', alt: 'School Quality Measures Dashboard', size: "100x100"), welcome_path, class: 'me-7' %>
+        <a class="sub-header-3 link me-4 <%= link_weight(path: 'overview') %>" href="<%= link_to_overview(district: @district, school: @school, academic_year: @academic_year) %>">Overview</a>
+        <a class="sub-header-3 link me-4 <%= link_weight(path: 'browse') %>" href="<%= link_to_browse(district: @district, school: @school, academic_year: @academic_year) %>">Browse</a>
+        <a class="sub-header-3 link <%= link_weight(path: 'analyze') %>" href="<%= link_to_analyze(district: @district, school: @school, academic_year: @academic_year) %>">Analyze</a>
+      </div>
+
+      <div class="col d-flex justify-content-end">
+        <select id="select-district" class="form-select" name="district" <%= District.count == 1 ? "hidden": ""  %> >
+          <% @districts.each do |district| %>
+            <option class="district-options" value="<%= district_url_for(district: district, academic_year: @academic_year) %>" <%= @district.slug == district.slug ? "selected" : nil %>>
+            <%= district.name %>
+            </option>
+          <% end %>
+        </select>
+
+        <select id="select-school" class="ms-3 form-select" name="school">
+          <% @schools.each do |school| %>
+            <option class="school-options" value="<%= school_url_for(school: school, academic_year: @academic_year) %>" <%= @school.slug == school.slug ? "selected" : nil %> >
+            <%= school.name %>
+            </option>
+          <% end %>
+        </select>
+      </div>
+    </div>
+  </div>
+
+  <div class="bg-color-blue">
+    <div class="container d-flex justify-content-between align-items-center py-4">
+      <% if content_for?(:navigation) %>
+        <%= yield(:navigation) %>
+      <% end %>
+
+      <% if content_for?(:title) %>
+        <%= yield(:title) %>
+      <% end %>
+    </div>
+  </div>
+</header>

app/views/layouts/dashboard/application.html.erb

@@ -1,11 +1,24 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <title>Dashboard</title>
-  <%= csrf_meta_tags %>
-  <%= csp_meta_tag %>
+    <title>Dashboard</title>
+    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
+    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"/>
+    <meta name="description" content="A school quality framework with multiple measures that offers a fair and comprehensive picture of school performance">
 
-  <%= stylesheet_link_tag    "application", media: "all" %>
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="manifest" href="/site.webmanifest">
+
+    <link href="https://fonts.googleapis.com/css?family=Bitter:400,600,700" rel="stylesheet" type="text/css"/>
+    <link href="https://fonts.googleapis.com/css?family=Cabin:400,600,700" rel="stylesheet" type="text/css"/>
+
+    <%= stylesheet_link_tag 'dashboard/sqm', media: 'all', 'data-turbo-track': 'reload' %>
+    <%= stylesheet_link_tag 'dashboard/welcome', media: 'all', 'data-turbo-track': 'reload' %>
+
+    <%= javascript_include_tag 'application', 'data-turbo-track': 'reload' %>
+    <%= render partial: 'layouts/google_analytics', locals: { google_analytics_id: @google_analytics_id } %>
 </head>
 <body>
 

app/views/layouts/dashboard/home.html.erb

@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>ECP</title>
+    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
+    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"/>
+    <meta name="description" content="A school quality framework with multiple measures that offers a fair and comprehensive picture of school performance">
+
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="manifest" href="/site.webmanifest">
+
+    <link href="https://fonts.googleapis.com/css?family=Bitter:400,600,700" rel="stylesheet" type="text/css"/>
+    <link href="https://fonts.googleapis.com/css?family=Cabin:400,600,700" rel="stylesheet" type="text/css"/>
+
+    <%= stylesheet_link_tag 'dashboard/sqm', media: 'all', 'data-turbo-track': 'reload' %>
+    <%= stylesheet_link_tag 'dashboard/welcome', media: 'all', 'data-turbo-track': 'reload' %>
+
+    <%= javascript_include_tag 'application', 'data-turbo-track': 'reload' %>
+    <%= render partial: 'layouts/dashboard/google_analytics', locals: { google_analytics_id: @google_analytics_id } %>
+  </head>
+  <body>
+
+    <header>
+      <div class="container">
+        <div class="row py-4 justify-content-between align-items-center">
+          <div class="col d-flex justify-content-start align-items-center">
+            <%= link_to image_tag('dashboard/logo.svg', alt: 'School Quality Measures Dashboard', size: "100x100"), welcome_path, class: 'me-7' %>
+          </div>
+        </div>
+      </div>
+    </header>
+
+    <%= yield %>
+
+    <div>
+      <%= render partial: 'layouts/dashboard/footer' %>
+    </div>
+
+  </body>
+</html>

app/views/layouts/dashboard/reports.html.erb

@@ -0,0 +1,32 @@
+<!DOCTYPE html >
+<html lang="en">
+<head>
+  <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
+  <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"/>
+  <link href="https://fonts.googleapis.com/css?family=Bitter:400,600,700" rel="stylesheet" type="text/css"/>
+  <link href="https://fonts.googleapis.com/css?family=Cabin:400,600,700" rel="stylesheet" type="text/css"/>
+  <title>HALS</title>
+  <%= csp_meta_tag %>
+  <%= stylesheet_link_tag '', media: 'all', 'data-turbo-track': 'reload' %>
+  <%= javascript_include_tag 'application', 'data-turbo-track': 'reload' %>
+</head>
+
+<body>
+
+
+<div class="bg-color-light-blue">
+  <div class="container">
+    <div class="row">
+      <div class="col mt-7">
+        <%= yield %>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- <div> -->
+<!--   <%= render partial: 'layouts/footer' %> -->
+<!-- </div> -->
+
+</body>
+</html>

node_modules/.yarn-integrity

@@ -0,0 +1,10 @@
+{
+  "systemParams": "linux-x64-108",
+  "modulesFolders": [],
+  "flags": [],
+  "linkedModules": [],
+  "topLevelPatterns": [],
+  "lockfileEntries": {},
+  "files": [],
+  "artifacts": {}
+}

spec/dummy/app/assets/builds/dashboard/cable.js

@@ -0,0 +1,17 @@
+(() => {
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __commonJS = (cb, mod) => function __require() {
+    return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  };
+
+  // app/javascript/cable.js
+  var require_cable = __commonJS({
+    "app/javascript/cable.js"(exports) {
+      (function() {
+        this.App || (this.App = {});
+        App.cable = ActionCable.createConsumer();
+      }).call(exports);
+    }
+  });
+  require_cable();
+})();

spec/dummy/package.json

@@ -12,7 +12,7 @@
     "sass": "^1.69.7"
   },
   "scripts": {
-    "build:css:compile": "sass ./app/assets/stylesheets/dashboard/application.bootstrap.scss:./app/assets/builds/application.css --no-source-map --load-path=node_modules",
+    "build:css:compile": "sass ./app/assets/stylesheets/dashboard/application.sass.scss:./app/assets/builds/application.css --no-source-map --load-path=node_modules; sass ./app/assets/stylesheets/dashboard/sqm.sass.scss ./app/assets/builds/sqm.css --no-source-map --load-path=node_modules ; sass ./app/assets/stylesheets/dashboard/welcome.sass.scss ./app/assets/builds/welcome.css --no-source-map --load-path=node_modules",
     "build:css:prefix": "postcss ./app/assets/builds/application.css --use=autoprefixer --output=./app/assets/builds/application.css",
     "build:css": "yarn build:css:compile && yarn build:css:prefix",
     "watch:css": "nodemon --watch ./app/assets/stylesheets/ --ext scss --exec \"yarn build:css\""

yarn.lock

@@ -0,0 +1,4 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+