From 1a86ee6b7738d16b97b0b7109379e0bc64c8e3bf Mon Sep 17 00:00:00 2001
From: Rushil Umaretiya <2023rumareti@tjhsst.edu>
Date: Sun, 27 Sep 2020 15:24:51 -0400
Subject: [PATCH] ok yeefay pt 2

---
 pages/templates/pages/email.html |  4 ++--
 pages/templates/pages/index.html | 28 ++++++++++++++++++++++++++--
 static/js/main.js                |  6 +++++-
 3 files changed, 33 insertions(+), 5 deletions(-)

diff --git a/pages/templates/pages/email.html b/pages/templates/pages/email.html
index d16edad..7a29413 100644
--- a/pages/templates/pages/email.html
+++ b/pages/templates/pages/email.html
@@ -11,7 +11,7 @@
 <ol class="text-left mt-2">
         <h2 class="text-center">Here's how to send it:</h2>
 
-          <h3><li>First, make a new email</li></h3>
+          <h3><li>First, go to your email and compose a new email</li></h3>
           <h3><li>Second, copy the letter and paste <i class="fa fa-arrow-right" aria-hidden="true"></i>
           <button type="button" onclick="copySecond()" id="copyLetterButtonSecond" data-clipboard-target="#letter-second" class="btn btn-secondary">Copy</button></li></h3>
           <div id="letter-second">
@@ -114,7 +114,7 @@
           {{maillist}}
         </div>
         <h3 class="mt-5"><li>Finally, add a subject and hit send!</li></h3>
-        <h4 class="mt-3">Here's a suggestion if you need it!</h4>
+        <h4 class="mt-3">Here's a suggestion if you need it! <i class="fa fa-arrow-right" aria-hidden="true"></i> <button type="button" onclick="copySubject()" id="copySubject" data-clipboard-target="#subject-line" class="btn btn-secondary">Copy</button></h4>
         <h5 id="subject-line">{{subject}}</h5>
 
       </ol>
diff --git a/pages/templates/pages/index.html b/pages/templates/pages/index.html
index 5af60f3..a758d2a 100644
--- a/pages/templates/pages/index.html
+++ b/pages/templates/pages/index.html
@@ -6,10 +6,34 @@
       <div class="text-center text-fluid">
         <h1 class="mt-5">Merit Lottery is not the answer.</h1>
         <p class="lead text-left">Hello, we're a group of TJHSST students who have been working diligently for the past few weeks on a letter voicing our opinions against FCPS's recent proposal to introduce a lottery system to the TJ admissions process. The people who introduced the proposal have been extremely vocal -- leading the Board to believe this is the popular opinion. By sending this letter written by us to the decision makers, you are showing them that the majority of the TJ community disapproves of the proposal. We must make our voices heard.</p>
-        <h3 class="mb-4"><a href="https://bit.ly/TJLetterToFCPS" target="_blank">Find the letter here!</a></h3>
+        <h3 class="mb-4"><a href="https://bit.ly/TJLetterToFCPS" target="_blank">Read the letter here!</a></h3>
       </div>
       <form name="form" method="post">
         {% csrf_token %}
+        <legend class="border-bottom pb-2 mb-4"> Who are you sending it to?<button type="button" id="dropdownButton" class="float-right" onclick="toggle()"><i class="fa fa-chevron-down" aria-hidden="true"></i></button></legend>
+        <ul id="recipients" class="hide">
+          <div class="row">
+            <div class="col">
+              <li>Karen Keys-Gamarra<br><i>Member-at-Large</i></li>
+              <li>Tamara Derenak Kaufax<br><i>Lee District Representative</i></li>
+              <li>Karl Frisch<br><i>Providence District Representative</i></li>
+              <li>Laura Jane Cohen<br><i>Springfield District Representative</i></li>
+              <li>Ralph Northam<br><i>VA Governor</i></li>
+            </div>
+            <div class="col">
+              <li>Abrar Omeish<br><i>Member-at-Large</i></li>
+              <li>Melanie K. Meren<br><i>Hunter Mill District Representative</i></li>
+              <li>Ricardy Anderson<br><i>Mason District Representative</i></li>
+              <li>Atif Qarni<br><i>Secretary of Education</i></li>
+            </div>
+            <div class="col">
+              <li>Rachna Sizemore Heizer<br><i>Member-at-Large</i></li>
+              <li>Elaine Tholen<br><i>Dranesville District Representative</i></li>
+              <li>Karen Corbett Sanders<br><i>Mount Vernon District Representative</i></li>
+              <li>Scott Brabrand<br><i>FCPS Superintendent</i></li>
+            </div>
+          </div>
+        </ul>
         <fieldset class="form-group hide">
           <legend class="border-bottom pb-2 mb-4"> Who would you like to send it to?&nbsp;&nbsp;&nbsp;<button type="button" class="btn btn-info" onclick="selectAll()">Select All</button><button type="button" id="dropdownButton" class="float-right" onclick="toggle()"><i class="fa fa-chevron-down" aria-hidden="true"></i></button></legend>
           <div id="who">
@@ -114,7 +138,7 @@
           </div>
         </fieldset>
         <fieldset class="form-group">
-          <legend class="border-bottom mb-4"> Just some quick info&nbsp;<small class="text-muted">(this info will not be saved)</small></legend>
+          <legend class="border-bottom mb-4"> Fill out the email below to generate your personalized email&nbsp;<small class="text-muted">(this info will not be saved)</small></legend>
           <div class="form-group">
             <label for="name">Your Name:</label>
             <input name="name" type="text" class="form-control" id="name">
diff --git a/static/js/main.js b/static/js/main.js
index 20012b8..c278dfe 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -9,7 +9,7 @@ function selectAll() {
 }
 
 function toggle() {
-	document.getElementById("who").classList.toggle("hide");
+	document.getElementById("recipients").classList.toggle("hide");
 }
 
 function copyLetter() {
@@ -24,4 +24,8 @@ function copyList() {
 	document.getElementById('copyList').innerHTML = "Copied!";
 }
 
+function copySubject() {
+    document.getElementById('copySubject').innerHTML = "Copied!";
+}
+
 var clipboard = new ClipboardJS('.btn');