Merge pull request #9 from tamu-edu-students/adding-wireframes

Adding wireframes
tamu-edu-students · Feb 15, 2024 · 5f3638e · 5f3638e
2 parents 7f4977f + 8c9ae10
commit 5f3638e
Show file tree

Hide file tree

Showing 6 changed files with 94 additions and 63 deletions.
diff --git a/rails_root/app/views/layouts/_header.html.erb b/rails_root/app/views/layouts/_header.html.erb
@@ -0,0 +1,20 @@
+<header>
+  <div>
+    <div>
+      <span></span>
+      <a href="https://elrc.tamu.edu/">
+        <img src="https://elrc.tamu.edu/wp-content/uploads/2022/10/Maroon-Horizontal.png" width="998" height="234" alt="Education Leadership Research Center" id="logo" data-height-percentage="54" data-actual-width="941" data-actual-height="220.625">
+      </a>
+    </div>
+    <div>
+      <nav>
+        <ul>
+          <li><a href="https://elrc.tamu.edu/" aria-current="page">Home</a></li>
+          <li><a href="http://elrc.tamu.edu/professional-development">About</a></li>
+          <li><a href="https://elrc.tamu.edu/our-work/">Survey</a></li>
+          <li><a href="https://elrc.tamu.edu/journals/">Profile</a></li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</header>
diff --git a/rails_root/app/views/layouts/application.html.erb b/rails_root/app/views/layouts/application.html.erb
@@ -5,12 +5,11 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>
-
     <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
     <%= javascript_importmap_tags %>
   </head>
-
   <body>
+    <%= render "layouts/header" %>
     <%= yield %>
   </body>
 </html>
diff --git a/rails_root/app/views/survey_profiles/_form.html.erb b/rails_root/app/views/survey_profiles/_form.html.erb
@@ -2,40 +2,33 @@
   <% if survey_profile.errors.any? %>
     <div style="color: red">
       <h2><%= pluralize(survey_profile.errors.count, "error") %> prohibited this survey_profile from being saved:</h2>
-
       <ul>
         <% survey_profile.errors.each do |error| %>
           <li><%= error.full_message %></li>
         <% end %>
       </ul>
     </div>
   <% end %>
-
   <div>
     <%= form.label :user_id, style: "display: block" %>
     <%= form.number_field :user_id %>
   </div>
-
   <div>
     <%= form.label :first_name, style: "display: block" %>
     <%= form.text_field :first_name %>
   </div>
-
   <div>
     <%= form.label :last_name, style: "display: block" %>
     <%= form.text_field :last_name %>
   </div>
-
   <div>
     <%= form.label :campus_name, style: "display: block" %>
     <%= form.text_field :campus_name %>
   </div>
-
   <div>
     <%= form.label :district_name, style: "display: block" %>
     <%= form.text_field :district_name %>
   </div>
-
   <div>
     <%= form.submit %>
   </div>

diff --git a/rails_root/app/views/survey_profiles/new.html.erb b/rails_root/app/views/survey_profiles/new.html.erb
@@ -1,9 +1,29 @@
-<h1>New survey profile</h1>
-
-<%= render "form", survey_profile: @survey_profile %>
-
-<br>
-
+<h1>ORGANIZATIONAL AND LEADERSHIP EFFECTIVENESS INVENTORY</h1>
 <div>
-  <%= link_to "Back to survey profiles", survey_profiles_path %>
+  <div>
+    <h2>Overview</h2>
+    <p>The questionaire has a total of 96 questions split into 4 parts:</p>
+    <ol>
+      <li>Part 1: Leadership Behavior (Management and Interpersonal)
+      </li>
+      <li>Part 2: External Forces
+      </li>
+      <li>Part 3: Organizational Structure
+      </li>
+      <li>Part 4: Values, Attitudes, and Beliefs
+      </li>
+    </ol>
+  </div>
+  <br>
+  <p>For each question, select the response that best fits your judgement.</p>
+  <br>
+  <div>
+    <h2>OLEI Background</h2>
+    <p>By completing this questionaire, you agree to [terms tbd].</p>
+    <%= render "form", survey_profile: @survey_profile %>
+    <br>
+    <%# <div> %>
+    <%# <%= link_to "Back to survey profiles", survey_profiles_path %>
+    <%# </div> %>
+  </div>
 </div>
diff --git a/rails_root/app/views/survey_responses/_form.html.erb b/rails_root/app/views/survey_responses/_form.html.erb
@@ -2,60 +2,63 @@
   <% if survey_response.errors.any? %>
     <div style="color: red">
       <h2><%= pluralize(survey_response.errors.count, "error") %> prohibited this survey_response from being saved:</h2>
-
       <ul>
         <% survey_response.errors.each do |error| %>
           <li><%= error.full_message %></li>
         <% end %>
       </ul>
     </div>
   <% end %>
-
   <div>
     <%= form.label :user_id, style: "display: block" %>
     <%= form.number_field :user_id %>
   </div>
-
   <div>
-    <%= form.label :leads_by_example, style: "display: block" %>
-    <%= form.number_field :leads_by_example %>
+    <h2>Part 1: Leadership Behavior - Interpersonal</h2>
+    <p>To what extent do you agree the following behaviors reflect your personal leadership behaviors?</p>
+    <ol>
+      <%# IMPORTANT!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! %>
+      <%# FORM INPUTS NEED TO BE TURNED INTO RADIO OPTIONS %>
+      <li>
+        <%= form.label :leads_by_example, style: "display: block" %>
+        <%= form.number_field :leads_by_example %>
+      </li>
+      <li>
+        <%= form.label :ability_to_juggle, style: "display: block" %>
+        <%= form.number_field :ability_to_juggle %>
+      </li>
+      <li>
+        <%= form.label :communicator, style: "display: block" %>
+        <%= form.number_field :communicator %>
+      </li>
+    </ol>
   </div>
-
   <div>
-    <%= form.label :ability_to_juggle, style: "display: block" %>
-    <%= form.number_field :ability_to_juggle %>
+    <h2>Part 2: Leadership Behavior - Interpersonal</h2>
+    <p>To what extent do you agree the following behaviors reflect your personal leadership behaviors?</p>
+    <ol>
+      <li>
+        <%= form.label :lifelong_learner, style: "display: block" %>
+        <%= form.number_field :lifelong_learner %>
+      </li>
+      <li>
+        <%= form.label :high_expectations, style: "display: block" %>
+        <%= form.number_field :high_expectations %>
+      </li>
+      <li>
+        <%= form.label :cooperative, style: "display: block" %>
+        <%= form.number_field :cooperative %>
+      </li>
+      <li>
+        <%= form.label :empathetic, style: "display: block" %>
+        <%= form.number_field :empathetic %>
+      </li>
+      <li>
+        <%= form.label :people_oriented, style: "display: block" %>
+        <%= form.number_field :people_oriented %>
+      </li>
+    </ol>
   </div>
-
-  <div>
-    <%= form.label :communicator, style: "display: block" %>
-    <%= form.number_field :communicator %>
-  </div>
-
-  <div>
-    <%= form.label :lifelong_learner, style: "display: block" %>
-    <%= form.number_field :lifelong_learner %>
-  </div>
-
-  <div>
-    <%= form.label :high_expectations, style: "display: block" %>
-    <%= form.number_field :high_expectations %>
-  </div>
-
-  <div>
-    <%= form.label :cooperative, style: "display: block" %>
-    <%= form.number_field :cooperative %>
-  </div>
-
-  <div>
-    <%= form.label :empathetic, style: "display: block" %>
-    <%= form.number_field :empathetic %>
-  </div>
-
-  <div>
-    <%= form.label :people_oriented, style: "display: block" %>
-    <%= form.number_field :people_oriented %>
-  </div>
-
   <div>
     <%= form.submit %>
   </div>

diff --git a/rails_root/app/views/survey_responses/new.html.erb b/rails_root/app/views/survey_responses/new.html.erb
@@ -1,9 +1,5 @@
-<h1>New survey response</h1>
-
+<h1>ORGANIZATIONAL AND LEADERSHIP EFFECTIVENESS INVENTORY</h1>
 <%= render "form", survey_response: @survey_response %>
-
-<br>
-
-<div>
-  <%= link_to "Back to survey responses", survey_responses_path %>
-</div>
+<%# <div> %>
+<%# <%= link_to "Back to survey responses", survey_responses_path %>
+<%# </div> %>