From 1ef887166af5094b2a19d80cd7e3c654f82806ad Mon Sep 17 00:00:00 2001
From: Derek Holloway <dholloway543@live.com>
Date: Fri, 18 Jul 2025 15:14:39 -0700
Subject: [PATCH] reorder flow

---
 .../pages/main/jobs/new/jobnew.component.html | 116 +++++++++---------
 1 file changed, 59 insertions(+), 57 deletions(-)

diff --git a/src/Client/src/app/pages/main/jobs/new/jobnew.component.html b/src/Client/src/app/pages/main/jobs/new/jobnew.component.html
index fd17166..949fd56 100644
--- a/src/Client/src/app/pages/main/jobs/new/jobnew.component.html
+++ b/src/Client/src/app/pages/main/jobs/new/jobnew.component.html
@@ -6,69 +6,13 @@
     <div #step class="sub-frame">
         <div class="center">
             <div class="content-frame">
-                <label>Title</label>
+                <label>Job Title</label>
                 <input name="title" [(ngModel)]="newListing.title" type="text" />
                 <button type="button" (click)="nextStep()">Next</button>
             </div>
         </div>
     </div>
 
-    <!-- Description -->
-    <div #step class="sub-frame">
-        <div class="center">
-            <div class="content-frame">
-                <label>Description</label>
-                <textarea name="description" [(ngModel)]="newListing.description" type="text"></textarea>
-                <button type="button" (click)="prevStep()">Back</button>
-                <button type="button" (click)="nextStep()">Next</button>
-            </div>
-        </div>
-    </div>
-
-    <!-- Location -->
-    <div #step class="sub-frame">
-        <div class="center">
-            <div class="content-frame split">
-                <div class="half-frame">
-                    <label>City</label>
-                    <input name="city" [(ngModel)]="newListing.city" type="text" />
-                </div>
-                <div class="half-frame">
-                    <label>2 Letter Country</label>
-                    <input name="country" maxlength="2" minlength="2" [(ngModel)]="newListing.country" type="text" />
-                </div>
-                <div class="half-frame">
-                    <label>2 Letter State/Region</label>
-                    <input name="stateOrRegion" maxlength="2" minlength="2" [(ngModel)]="newListing.stateOrRegion" type="text" />
-                </div>
-                <div class="half-frame">
-                    <label>Postal Code</label>
-                    <input name="postalCode" [(ngModel)]="newListing.postalCode" type="text" />
-                </div>
-                <button type="button" (click)="prevStep()">Back</button>
-                <button type="button" (click)="nextStep()">Next</button>
-            </div>
-        </div>
-    </div>
-
-    <!-- Salary Range -->
-    <div #step class="sub-frame">
-        <div class="center">
-            <div class="content-frame split">
-                <div class="half-frame">
-                    <label>Minimum Salary</label>
-                    <input name="salaryMin" [(ngModel)]="newListing.salaryMin" type="number" />
-                </div>
-                <div class="half-frame">
-                    <label>Maximum Salary</label>
-                    <input name="salaryMax" [(ngModel)]="newListing.salaryMax" type="number" />
-                </div>
-                <button type="button" (click)="prevStep()">Back</button>
-                <button type="button" (click)="nextStep()">Next</button>
-            </div>
-        </div>
-    </div>
-
     <!-- Job Type -->
     <div #step class="sub-frame">
         <div class="center">
@@ -94,6 +38,64 @@
         </div>
     </div>
 
+    <!-- Location -->
+    <div #step class="sub-frame">
+        <div class="center">
+            <h2>Job Location</h2>
+            <div class="content-frame split">
+                <div class="half-frame">
+                    <label>City</label>
+                    <input name="city" [(ngModel)]="newListing.city" type="text" />
+                </div>
+                <div class="half-frame">
+                    <label>2 Letter Country</label>
+                    <input name="country" maxlength="2" minlength="2" [(ngModel)]="newListing.country" type="text" />
+                </div>
+                <div class="half-frame">
+                    <label>2 Letter State/Region</label>
+                    <input name="stateOrRegion" maxlength="2" minlength="2" [(ngModel)]="newListing.stateOrRegion" type="text" />
+                </div>
+                <div class="half-frame">
+                    <label>Postal Code</label>
+                    <input name="postalCode" [(ngModel)]="newListing.postalCode" type="text" />
+                </div>
+                <button type="button" (click)="prevStep()">Back</button>
+                <button type="button" (click)="nextStep()">Next</button>
+            </div>
+        </div>
+    </div>
+
+    <!-- Salary Range -->
+    <div #step class="sub-frame">
+        <h2>Salary Range</h2>
+        <div class="center">
+            <div class="content-frame split">
+                <div class="half-frame">
+                    <label>Minimum Salary</label>
+                    <input name="salaryMin" [(ngModel)]="newListing.salaryMin" type="number" />
+                </div>
+                <div class="half-frame">
+                    <label>Maximum Salary</label>
+                    <input name="salaryMax" [(ngModel)]="newListing.salaryMax" type="number" />
+                </div>
+                <button type="button" (click)="prevStep()">Back</button>
+                <button type="button" (click)="nextStep()">Next</button>
+            </div>
+        </div>
+    </div>
+
+    <!-- Description -->
+    <div #step class="sub-frame">
+        <div class="center">
+            <div class="content-frame">
+                <label>Description</label>
+                <textarea name="description" [(ngModel)]="newListing.description" type="text"></textarea>
+                <button type="button" (click)="prevStep()">Back</button>
+                <button type="button" (click)="nextStep()">Next</button>
+            </div>
+        </div>
+    </div>
+
     <!-- Submit -->
     <div #step class="sub-frame">
         <div class="center">