From 98604c7d3eda03ab9ddf9f4ba59c693033f3e478 Mon Sep 17 00:00:00 2001
From: Derek Holloway <derek@mistox.com>
Date: Thu, 14 Aug 2025 20:59:55 -0700
Subject: [PATCH] Fix UI Breaking

---
 ToDo.yaml                                     |  6 +-
 src/Client/src/app/models/Resume.ts           |  2 +-
 .../resumes/editor/editor.component.html      | 96 +++++++++----------
 3 files changed, 54 insertions(+), 50 deletions(-)

diff --git a/ToDo.yaml b/ToDo.yaml
index f162401..148fba8 100755
--- a/ToDo.yaml
+++ b/ToDo.yaml
@@ -24,6 +24,9 @@ Server:
     Server.csproj:
         Find a way to keep all the libraries up to date
 
+    DbDriver:
+        Make getConnection() -> Based on a connection pool so that more than a specific number of connections cannot be made
+
 Client:
     jobs/editor:
         Job Listing Skills exists but isn't implimented in the UI
@@ -50,7 +53,8 @@ Client:
 
     resume/editor:
         Not fully tested yet
-        Veteran needs to be moved from the Resume/millitary into the Resume so it doesnt have to save the whole millitary object to the db if not needed
+        When adding new fields the fields above it glitch out and disappear
+        There is no data validation
 
     Company:
         Need to impliment Add employee
diff --git a/src/Client/src/app/models/Resume.ts b/src/Client/src/app/models/Resume.ts
index a3efa7c..f310a43 100644
--- a/src/Client/src/app/models/Resume.ts
+++ b/src/Client/src/app/models/Resume.ts
@@ -13,7 +13,7 @@ export class Resume {
     public stateOrRegion: string = "";
     public city: string = "";
     public isActive: boolean = false;
-    public military: ResumeMilitary | null = new ResumeMilitary;
+    public military: ResumeMilitary | null = null;
     public experiences: ResumeExperience[] = [];
     public educations: ResumeEducation[] = [];
     public skills: ResumeSkill[] = [];
diff --git a/src/Client/src/app/pages/resumes/editor/editor.component.html b/src/Client/src/app/pages/resumes/editor/editor.component.html
index c520e48..15c06d1 100644
--- a/src/Client/src/app/pages/resumes/editor/editor.component.html
+++ b/src/Client/src/app/pages/resumes/editor/editor.component.html
@@ -2,16 +2,16 @@
 
     <!-- Resume Header -->
     <div class="resume-section">
-        <input name="resumetitle" [(ngModel)]="resume.title" type="text" placeholder="Resume 1" />
-        <input name="resumename" [(ngModel)]="resume.name" type="text" placeholder="John Doe" />
-        <input name="resumefield" [(ngModel)]="resume.field" type="text" placeholder="Data Scientist" />
-        <input name="resumeemail" [(ngModel)]="resume.email" type="email" placeholder="no-reply@mistox.com" />
-        <input name="resumephoneNumber" [(ngModel)]="resume.phoneNumber" type="tel" placeholder="+1 800-000-0000" />
-        <input name="resumepostalCode" [(ngModel)]="resume.postalCode" type="text" placeholder="92020" />
-        <input name="resumecountry" [(ngModel)]="resume.country" type="text" placeholder="US" />
-        <input name="resumestateOrRegion" [(ngModel)]="resume.stateOrRegion" type="text" placeholder="CA" />
-        <input name="resumecity" [(ngModel)]="resume.city" type="text" placeholder="San Diego" />
-        <h1>Public: </h1><input name="active" [(ngModel)]="resume.isActive" type="checkbox" />
+        <input [name]="'resumetitle' + resume.trackUUID" [(ngModel)]="resume.title" type="text" placeholder="Resume 1" />
+        <input [name]="'resumename' + resume.trackUUID" [(ngModel)]="resume.name" type="text" placeholder="John Doe" />
+        <input [name]="'resumefield' + resume.trackUUID" [(ngModel)]="resume.field" type="text" placeholder="Data Scientist" />
+        <input [name]="'resumeemail' + resume.trackUUID" [(ngModel)]="resume.email" type="email" placeholder="no-reply@mistox.com" />
+        <input [name]="'resumephoneNumber' + resume.trackUUID" [(ngModel)]="resume.phoneNumber" type="tel" placeholder="+1 800-000-0000" />
+        <input [name]="'resumepostalCode' + resume.trackUUID" [(ngModel)]="resume.postalCode" type="text" placeholder="92020" />
+        <input [name]="'resumecountry' + resume.trackUUID" [(ngModel)]="resume.country" type="text" placeholder="US" />
+        <input [name]="'resumestateOrRegion' + resume.trackUUID" [(ngModel)]="resume.stateOrRegion" type="text" placeholder="CA" />
+        <input [name]="'resumecity' + resume.trackUUID" [(ngModel)]="resume.city" type="text" placeholder="San Diego" />
+        <h1>Public: </h1><input [name]="'active' + resume.trackUUID" [(ngModel)]="resume.isActive" type="checkbox" />
     </div>
 
     <!-- Experience -->
@@ -19,21 +19,21 @@
         <button type="button" (click)="addExperience()">ADD Experience</button>
         @for(experience of resume.experiences; track experience.trackUUID ){
             <div class="resume-sub-section">
-                <input name="experiencejobTitle" [(ngModel)]="experience.jobTitle" type="text" placeholder="Data Entry Clerk" />
-                <input name="experiencecompany" [(ngModel)]="experience.company" type="text" placeholder="San Diego Gas Electric" />
-                <input name="experiencepostalCode" [(ngModel)]="experience.postalCode" type="text" placeholder="92020" />
-                <input name="experiencecountry" [(ngModel)]="experience.country" type="text" placeholder="US" />
-                <input name="experiencestateOrRegion" [(ngModel)]="experience.stateOrRegion" type="text" placeholder="CA" />
-                <input name="experiencecity" [(ngModel)]="experience.city" type="text" placeholder="San Diego" />
-                <input name="experiencedateStarted" [(ngModel)]="experience.dateStarted" type="date" />
-                <input name="experiencestillEmployed" [(ngModel)]="experience.stillEmployed" type="checkbox" />
+                <input [name]="'experiencejobTitle' + experience.trackUUID" [(ngModel)]="experience.jobTitle" type="text" placeholder="Data Entry Clerk" />
+                <input [name]="'experiencecompany' + experience.trackUUID" [(ngModel)]="experience.company" type="text" placeholder="San Diego Gas Electric" />
+                <input [name]="'experiencepostalCode' + experience.trackUUID" [(ngModel)]="experience.postalCode" type="text" placeholder="92020" />
+                <input [name]="'experiencecountry' + experience.trackUUID" [(ngModel)]="experience.country" type="text" placeholder="US" />
+                <input [name]="'experiencestateOrRegion' + experience.trackUUID" [(ngModel)]="experience.stateOrRegion" type="text" placeholder="CA" />
+                <input [name]="'experiencecity' + experience.trackUUID" [(ngModel)]="experience.city" type="text" placeholder="San Diego" />
+                <input [name]="'experiencedateStarted' + experience.trackUUID" [(ngModel)]="experience.dateStarted" type="date" />
+                <input [name]="'experiencestillEmployed' + experience.trackUUID" [(ngModel)]="experience.stillEmployed" type="checkbox" />
                 @if(!experience.stillEmployed){
-                    <input name="experiencedateEnded" [(ngModel)]="experience.dateEnded" type="date" />
+                    <input [name]="'experiencedateEnded' + experience.trackUUID" [(ngModel)]="experience.dateEnded" type="date" />
                 }
                 <button type="button" (click)="addJobFunction(experience)">Add jobFunction</button>
                 @for(bullet of experience.experienceBullets; track bullet.trackUUID){
                     <div>
-                        <textarea name="bulletjobFunction" [(ngModel)]="bullet.jobFunction" placeholder="Processed database transactions" ></textarea>
+                        <textarea [name]="'bulletjobFunction' + bullet.trackUUID" [(ngModel)]="bullet.jobFunction" placeholder="Processed database transactions" ></textarea>
                         <button type="button" (click)="delJobFunction(experience, bullet)">DEL jobFunction</button>
                     </div>
                 }
@@ -44,20 +44,20 @@
 
     <!-- Military -->
     <div class="resume-section">
-        <h1>Is Veteran: </h1><input name="veteran" type="checkbox" (change)="onVeteranChange($event)" />
+        <h1>Is Veteran: </h1><input [name]="'veteran' + resume.military?.trackUUID" type="checkbox" (change)="onVeteranChange($event)" />
         @if(resume.military !== null){
-            <input name="militarycountry" [(ngModel)]="resume.military.country" type="text" placeholder="US" />
-            <input name="militaryrank" [(ngModel)]="resume.military.rank" type="text" placeholder="PVT" />
-            <input name="militarydateStarted" [(ngModel)]="resume.military.dateStarted" type="date" />
-            <h1>Still Serving: </h1><input name="stillServing" [(ngModel)]="resume.military.stillServing" type="checkbox" />
+            <input [name]="'militarycountry' + resume.military.trackUUID" [(ngModel)]="resume.military.country" type="text" placeholder="US" />
+            <input [name]="'militaryrank' + resume.military.trackUUID" [(ngModel)]="resume.military.rank" type="text" placeholder="PVT" />
+            <input [name]="'militarydateStarted' + resume.military.trackUUID" [(ngModel)]="resume.military.dateStarted" type="date" />
+            <h1>Still Serving: </h1><input [name]="'stillServing' + resume.military.trackUUID" [(ngModel)]="resume.military.stillServing" type="checkbox" />
             @if (!resume.military.stillServing){
-                <input name="dateEnded" [(ngModel)]="resume.military.dateEnded" type="date" />
+                <input [name]="'dateEnded' + resume.military.trackUUID" [(ngModel)]="resume.military.dateEnded" type="date" />
             }
             <button type="button" (click)="addMillitaryBullet()">Add Millitary Task</button>
             @for(military of resume.military.militaryBullets; track military.trackUUID ){
                 <div>
-                    <input name="militaryachievement" [(ngModel)]="military.achievement" type="text" placeholder="Deployed Kuwait" />
-                    <textarea name="militarydescription" [(ngModel)]="military.description" placeholder="Delivered goods line-hall" ></textarea>
+                    <input [name]="'militaryachievement' + military.trackUUID" [(ngModel)]="military.achievement" type="text" placeholder="Deployed Kuwait" />
+                    <textarea [name]="'militarydescription' + military.trackUUID" [(ngModel)]="military.description" placeholder="Delivered goods line-hall" ></textarea>
                     <button type="button" (click)="delMillitaryBullet(military)">DEL Military Task</button>
                 </div>
             }
@@ -69,17 +69,17 @@
         <button type="button" (click)="addEducation()">ADD Education</button>
         @for(education of resume.educations; track education.trackUUID){
             <div>
-                <input name="educationdegreeType" [(ngModel)]="education.degreeType" type="text" placeholder="Masters" />
-                <input name="educationdegreeField" [(ngModel)]="education.degreeField" type="text" placeholder="Computer Science" />
-                <input name="educationschool" [(ngModel)]="education.school" type="text" placeholder="WGU" />
-                <input name="educationpostalCode" [(ngModel)]="education.postalCode" type="text" placeholder="84107" />
-                <input name="educationcountry" [(ngModel)]="education.country" type="text" placeholder="US" />
-                <input name="educationstateOrRegion" [(ngModel)]="education.stateOrRegion" type="text" placeholder="UT" />
-                <input name="educationcity" [(ngModel)]="education.city" type="text" placeholder="Salt Lake City" />
-                <input name="educationdateStarted" [(ngModel)]="education.dateStarted" type="date" />
-                <input name="educationstillStudying" [(ngModel)]="education.stillStudying" type="checkbox" />
+                <input [name]="'educationdegreeType' + education.trackUUID" [(ngModel)]="education.degreeType" type="text" placeholder="Masters" />
+                <input [name]="'educationdegreeField' + education.trackUUID" [(ngModel)]="education.degreeField" type="text" placeholder="Computer Science" />
+                <input [name]="'educationschool' + education.trackUUID" [(ngModel)]="education.school" type="text" placeholder="WGU" />
+                <input [name]="'educationpostalCode' + education.trackUUID" [(ngModel)]="education.postalCode" type="text" placeholder="84107" />
+                <input [name]="'educationcountry' + education.trackUUID" [(ngModel)]="education.country" type="text" placeholder="US" />
+                <input [name]="'educationstateOrRegion' + education.trackUUID" [(ngModel)]="education.stateOrRegion" type="text" placeholder="UT" />
+                <input [name]="'educationcity' + education.trackUUID" [(ngModel)]="education.city" type="text" placeholder="Salt Lake City" />
+                <input [name]="'educationdateStarted' + education.trackUUID" [(ngModel)]="education.dateStarted" type="date" />
+                <input [name]="'educationstillStudying' + education.trackUUID" [(ngModel)]="education.stillStudying" type="checkbox" />
                 @if (!education.stillStudying){
-                    <input name="educationdateEnded" [(ngModel)]="education.dateEnded" type="date" />
+                    <input [name]="'educationdateEnded' + education.trackUUID" [(ngModel)]="education.dateEnded" type="date" />
                 }
                 <button type="button" (click)="delEducation(education)">DEL Education</button>
             </div>
@@ -91,8 +91,8 @@
         <button type="button" (click)="addSkill()">ADD Skill</button>
         @for(skill of resume.skills; track skill.trackUUID){
             <div>
-                <input name="skillname" [(ngModel)]="skill.name" type="text" placeholder="Angular JS" />
-                <textarea name="skilldescription" [(ngModel)]="skill.description" placeholder="Built this entire website using Angular JS"></textarea>
+                <input [name]="'skillname' + skill.trackUUID" [(ngModel)]="skill.name" type="text" placeholder="Angular JS" />
+                <textarea [name]="'skilldescription' + skill.trackUUID" [(ngModel)]="skill.description" placeholder="Built this entire website using Angular JS"></textarea>
                 <button type="button" (click)="delSkill(skill)">DEL Skill</button>
             </div>
         }
@@ -103,8 +103,8 @@
         <button type="button" (click)="addLanguage()">ADD Language</button>
         @for(language of resume.languages; track language.trackUUID){
             <div>
-                <input name="languagelanguage" [(ngModel)]="language.language" type="text" placeholder="Spanish" />
-                <input name="languageproficiency" [(ngModel)]="language.proficiency" type="text" placeholder="casual speaking" />
+                <input [name]="'languagelanguage' + language.trackUUID" [(ngModel)]="language.language" type="text" placeholder="Spanish" />
+                <input [name]="'languageproficiency' + language.trackUUID" [(ngModel)]="language.proficiency" type="text" placeholder="casual speaking" />
                 <button type="button" (click)="delLanguage(language)">DEL Language</button>
             </div>
         }
@@ -116,9 +116,9 @@
         <button type="button" (click)="addCert()">ADD Certification</button>
         @for(cert of resume.certifications; track cert.trackUUID){
             <div>
-                <input name="certname" [(ngModel)]="cert.name" type="text" placeholder="Comptia A+" />
-                <input name="certverificationURL" [(ngModel)]="cert.verificationURL" type="text" placeholder="https://certmaster.com/certid" />
-                <textarea name="certdescription" [(ngModel)]="cert.description" placeholder="Into to information technology"></textarea>
+                <input [name]="'certname' + cert.trackUUID" [(ngModel)]="cert.name" type="text" placeholder="Comptia A+" />
+                <input [name]="'certverificationURL' + cert.trackUUID" [(ngModel)]="cert.verificationURL" type="text" placeholder="https://certmaster.com/certid" />
+                <textarea [name]="'certdescription' + cert.trackUUID" [(ngModel)]="cert.description" placeholder="Into to information technology"></textarea>
                 <button type="button" (click)="delCert(cert)">DEL Certification</button>
             </div>
         }
@@ -129,9 +129,9 @@
         <button type="button" (click)="addProject()">ADD Project</button>
         @for(proj of resume.projects; track proj.trackUUID){
             <div>
-                <input name="projname" [(ngModel)]="proj.name" type="text" placeholder="boredcareers" />
-                <input name="projurl" [(ngModel)]="proj.url" type="text" placeholder="mistox.com" />
-                <textarea name="projdescription" [(ngModel)]="proj.description" placeholder="the project that your currently viewing"></textarea>
+                <input [name]="'projname' + proj.trackUUID" [(ngModel)]="proj.name" type="text" placeholder="boredcareers" />
+                <input [name]="'projurl' + proj.trackUUID" [(ngModel)]="proj.url" type="text" placeholder="mistox.com" />
+                <textarea [name]="'projdescription' + proj.trackUUID" [(ngModel)]="proj.description" placeholder="the project that your currently viewing"></textarea>
                 <button type="button" (click)="delProject(proj)">DEL Project</button>
             </div>
         }