From b4b85ec238f117ae8d47eee92085b0bfe6322180 Mon Sep 17 00:00:00 2001
From: Derek Holloway <derek@mistox.com>
Date: Tue, 5 Aug 2025 19:10:09 -0700
Subject: [PATCH] Allow new/edit on same page & infer company

---
 .../main/jobs/editor/jobeditor.component.html | 43 ++++--------
 .../main/jobs/editor/jobeditor.component.ts   | 66 ++++++++++++++-----
 2 files changed, 62 insertions(+), 47 deletions(-)

diff --git a/src/Client/src/app/pages/main/jobs/editor/jobeditor.component.html b/src/Client/src/app/pages/main/jobs/editor/jobeditor.component.html
index c519c73..e60b47f 100644
--- a/src/Client/src/app/pages/main/jobs/editor/jobeditor.component.html
+++ b/src/Client/src/app/pages/main/jobs/editor/jobeditor.component.html
@@ -1,33 +1,14 @@
 <div class="title-text">
     <h1>POST A NEW JOB</h1>
 </div>
-<form (ngSubmit)="PostJobListing(newListing)">
-
-    <!-- Attach To Company -->
-    <div #step class="sub-frame">
-        <div class="center">
-            <div class="content-frame">
-                <label>For What Company</label>
-                <select name="company" [(ngModel)]="selectedCompany">
-                    <option *ngFor="let cur of employeeOfList" [ngValue]="cur.company">{{ cur.company.name }}</option>
-                </select>
-                <button type="button" (click)="nextStep()">Next</button>
-            </div>
-            <div class="footer-frame">
-                <span>
-                    Choose the company you want the listing to be created under.
-                </span>
-                <button [routerLink]="['/company/connect']">CONNECT A NEW COMPANY</button>
-            </div>
-        </div>
-    </div>
+<form (ngSubmit)="SubmitForm(Listing)">
 
     <!-- Title -->
     <div #step class="sub-frame">
         <div class="center">
             <div class="content-frame">
                 <label>Job Title</label>
-                <input name="title" [(ngModel)]="newListing.title" type="text" />
+                <input name="title" [(ngModel)]="Listing.title" type="text" />
                 <button type="button" (click)="prevStep()">Back</button>
                 <button type="button" (click)="nextStep()">Next</button>
             </div>
@@ -40,7 +21,7 @@
             <div class="content-frame split">
                 <div class="half-frame">
                     <label>Job Type</label>
-                    <select name="jobType" [(ngModel)]="newListing.jobType">
+                    <select name="jobType" [(ngModel)]="Listing.jobType">
                         <option value="Full-time">Full-time</option>
                         <option value="Part-time">Part-time</option>
                         <option value="Contract">Contract</option>
@@ -50,7 +31,7 @@
                 </div>
                 <div class="half-frame">
                     <label>Remote Position</label>
-                    <input name="remote" [(ngModel)]="newListing.remote" type="checkbox" />
+                    <input name="remote" [(ngModel)]="Listing.remote" type="checkbox" />
                 </div>
                 <button type="button" (click)="prevStep()">Back</button>
                 <button type="button" (click)="nextStep()">Next</button>
@@ -59,28 +40,28 @@
     </div>
 
     <!-- Location -->
-    <div #step *ngIf="!newListing.remote" class="sub-frame">
+    <div #step *ngIf="!Listing.remote" class="sub-frame">
         <div class="center">
             <h2>Job Location</h2>
             <div>
                 <div class="content-frame split" style="border-radius: 10px 10px 0 0;">
                     <div class="half-frame">
                         <label>City</label>
-                        <input name="city" [(ngModel)]="newListing.city" type="text" />
+                        <input name="city" [(ngModel)]="Listing.city" 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" />
+                        <input name="stateOrRegion" maxlength="2" minlength="2" [(ngModel)]="Listing.stateOrRegion" type="text" />
                     </div>
                 </div>
                 <div class="content-frame split" style="border-radius: 0 0 10px 10px;">
                     <div class="half-frame">
                         <label>2 Letter Country</label>
-                        <input name="country" maxlength="2" minlength="2" [(ngModel)]="newListing.country" type="text" />
+                        <input name="country" maxlength="2" minlength="2" [(ngModel)]="Listing.country" type="text" />
                     </div>
                     <div class="half-frame">
                         <label>Postal Code</label>
-                        <input name="postalCode" [(ngModel)]="newListing.postalCode" type="text" />
+                        <input name="postalCode" [(ngModel)]="Listing.postalCode" type="text" />
                     </div>
                 </div>
                 <button type="button" (click)="prevStep()">Back</button>
@@ -96,11 +77,11 @@
             <div class="content-frame split">
                 <div class="half-frame">
                     <label>Minimum Salary</label>
-                    <input name="salaryMin" [(ngModel)]="newListing.salaryMin" type="number" />
+                    <input name="salaryMin" [(ngModel)]="Listing.salaryMin" type="number" />
                 </div>
                 <div class="half-frame">
                     <label>Maximum Salary</label>
-                    <input name="salaryMax" [(ngModel)]="newListing.salaryMax" type="number" />
+                    <input name="salaryMax" [(ngModel)]="Listing.salaryMax" type="number" />
                 </div>
                 <button type="button" (click)="prevStep()">Back</button>
                 <button type="button" (click)="nextStep()">Next</button>
@@ -113,7 +94,7 @@
         <div class="center">
             <div class="content-frame">
                 <label>Description</label>
-                <textarea name="description" [(ngModel)]="newListing.description" type="text"></textarea>
+                <textarea name="description" [(ngModel)]="Listing.description" type="text"></textarea>
                 <button type="button" (click)="prevStep()">Back</button>
                 <button type="button" (click)="nextStep()">Next</button>
             </div>
diff --git a/src/Client/src/app/pages/main/jobs/editor/jobeditor.component.ts b/src/Client/src/app/pages/main/jobs/editor/jobeditor.component.ts
index 63b61bc..b5522dc 100644
--- a/src/Client/src/app/pages/main/jobs/editor/jobeditor.component.ts
+++ b/src/Client/src/app/pages/main/jobs/editor/jobeditor.component.ts
@@ -15,31 +15,46 @@ import { Company, Employee } from 'app/models/Company';
   imports: [ FormsModule, CommonModule, RouterModule ]
 })
 export class JobEditorComponent {
+  public ErrorMsg: string = "";
 
   @ViewChildren('step') formSteps!: QueryList<ElementRef<HTMLDivElement>>;
   currentStep: number = 0;
 
-  public employeeOfList: Employee[] = [];
-  public selectedCompany: Company = new Company;
+  public Listing: JobListing = new JobListing();
 
-  public newListing: JobListing = new JobListing();
-  public ErrorMsg: string = "";
+  public mode: string = "";
+  public modeID: number = 0;
 
   constructor( private http: HttpClient, private router: Router, private route: ActivatedRoute, private title: Title, public auth: Authentication ) {
     this.title.setTitle("Jobs - Editor | BoredCareers");
 
-    this.http.get<Employee[]>("api/employee").subscribe({
-      next: empOf => {
-        if (empOf.length === 0){
-          router.navigate(["company/connect"]);
-        }
-        this.employeeOfList = empOf;
-      },
-      error: err => {
-        this.ErrorMsg = err.error;
+    this.route.queryParams.subscribe(params => {
+      const CompanyID = params['CompanyID'] ? +params['CompanyID'] : null;
+      const JobID = params['JobID'] ? +params['JobID'] : null;
+      if (CompanyID !== null && JobID !== null){
+        this.router.navigate([""]);
+      }else if (CompanyID !== null ){
+        this.mode = "new";
+        this.modeID = CompanyID;
+      }else if(JobID !== null){
+        this.mode = "edit";
+        this.modeID = JobID;
+      }else if (CompanyID === null && JobID === null){
+        this.router.navigate([""]);
+      }
+
+      if (this.mode === "edit") {
+        this.http.get<JobListing>("api/joblisting/" + JobID).subscribe({
+          next: data => {
+            this.Listing = data;
+          },
+          error: err => {
+            this.ErrorMsg = err.error;
+          }
+        });
       }
     });
-  };
+  }
 
   ngAfterViewInit(){
     this.formSteps.changes.subscribe(() => {
@@ -70,8 +85,8 @@ export class JobEditorComponent {
     this.updateUI();
   }
 
-  PostJobListing(jobListing: JobListing){
-    jobListing.companyID = this.selectedCompany.id!;
+  PostNewJob(jobListing: JobListing){
+    jobListing.companyID = this.modeID;
     this.http.post("api/joblisting", jobListing).subscribe({
       next: data => {
         this.router.navigate([""]);
@@ -82,4 +97,23 @@ export class JobEditorComponent {
     });
   }
 
+  PostEditJob(jobListing: JobListing){
+    this.http.post("api/joblisting", jobListing).subscribe({
+      next: data => {
+        this.router.navigate([""]);
+      },
+      error: err => {
+        this.ErrorMsg = err.error;
+      }
+    });
+  }
+
+  SubmitForm(job: JobListing){
+    if (this.mode === "new"){
+      this.PostNewJob(job);
+    }else if (this.mode === "edit"){
+      this.PostEditJob(job);
+    }
+  }
+
 }
\ No newline at end of file