update welcome text

CityOfDetroit · Sep 16, 2024 · 90283b1 · 90283b1
1 parent c0e8910
commit 90283b1
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 18 deletions.
diff --git a/src/index.html b/src/index.html
@@ -36,10 +36,21 @@ <h2 id="subtitle"></h2>
 
 <!-- Main content -->
 <div id="main-panel">
-
+
+    <!-- Space for an initial prompt and response buttons -->
+    <div id="prompt-div">
+        <h3 id="prompt"></h3>
+        <br>
+        <!-- File upload -->
+        <input type="file" id="file-input" accept=".xls,.xlsx" />
+        <!-- Prompt buttons -->
+        <button class="btn" id="option1"></button>
+        <button class="btn" id="option2"></button>
+    </div>
+
     <!-- Welcome page buttons -->
-     <div id="welcome-page">
-        <button class="btn step" id="step-upload">
+    <div id="welcome-page">
+        <!-- <button class="btn step" id="step-upload">
             1. Upload your Excel data
         </button>
         <button class="btn step" id="step-revenue">
@@ -50,20 +61,12 @@ <h2 id="subtitle"></h2>
         </button>
         <button class="btn step" id="step-finish">
             4. Review and download submission
+        </button> -->
+        <button class="btn step" id="step-upload">
+            Start by uploading your Excel data >>
         </button>
     </div>
 
-    <!-- Space for an initial prompt and response buttons -->
-    <div id="prompt-div">
-        <h3 id="prompt"></h3>
-        <br>
-        <!-- File upload -->
-        <input type="file" id="file-input" accept=".xls,.xlsx" />
-        <!-- Prompt buttons -->
-        <button class="btn" id="option1"></button>
-        <button class="btn" id="option2"></button>
-    </div>
-
     <!-- Table -->
 
     <!-- Filter Dropdowns for table content -->

diff --git a/src/js/components/prompt/subcomponents/text.js b/src/js/components/prompt/subcomponents/text.js
@@ -8,7 +8,7 @@ function hidePrompt(){
 
 
 function updatePrompt(prompt){
-    document.getElementById('prompt').textContent = prompt;
+    document.getElementById('prompt').innerHTML = prompt;
     showPrompt();
 }
 

diff --git a/src/js/views/00_welcome.js b/src/js/views/00_welcome.js
@@ -1,5 +1,6 @@
 
 import Welcome from '../components/welcome/welcome.js';
+import { FISCAL_YEAR } from '../constants/budget_constants.js';
 import { View } from './view_class.js';
 import { visitPage } from './view_logic.js';
 
@@ -11,6 +12,18 @@ export class WelcomeView extends View {
         this.subtitle = 'Welcome';
         this.sidebar = false;
         this.navButtons = false;
+        this.prompt = `This tool will help you prepare your budget request submission for fiscal year 
+            20${FISCAL_YEAR}. Start by uploading the detail sheet sent to you by your budget analyst. This
+            tool will use the data in that sheet to pre-fill your submission with last year's request.
+            <br><br>
+            Then, you will be guided through each fund to make any adjustments from last year's request. 
+            As you 
+            make these adjustments, you will see a sidebar tracking your total expenditures by fund and your target
+            baseline for the general fund. 
+            <br><br>
+            Once you get through all funds and set your request at or below the 
+            target, you will be able to download a filled version of the Excel detail sheet. Downloading 
+            this file is the only permanent way to save your progress.`
     }
 
     visit() {
@@ -21,9 +34,9 @@ export class WelcomeView extends View {
 
         // initialize links in buttons
         document.getElementById('step-upload').addEventListener('click', () => visitPage('upload'));
-        document.getElementById('step-initiatives').addEventListener('click', () => visitPage('new-inits'));
-        document.getElementById('step-revenue').addEventListener('click', () => visitPage('baseline-landing'));
-        document.getElementById('step-finish').addEventListener('click', () => visitPage('summary'));
+        // document.getElementById('step-initiatives').addEventListener('click', () => visitPage('new-inits'));
+        // document.getElementById('step-revenue').addEventListener('click', () => visitPage('baseline-landing'));
+        // document.getElementById('step-finish').addEventListener('click', () => visitPage('summary'));
 
     }