work history ui updates

frontend/angular/src/app/my-career-web/career-history/career-history/work-history/work-history.component.html

@@ -32,7 +32,7 @@
                         <div class="col-md-4" *ngIf="experience.Employer">
                             <div class="row">
                                 <div class="col-md-6 form-group">
-                                    <label>Start</label>
+                                    <label>Start month</label>
                                     <app-form-control>
                                         <p-calendar [maxDate]="experience.EndMonthField" placeholder="MM/YYYY" dateFormat="mm/yy" view="month" [icon]="true" [(ngModel)]="experience.StartMonthField" required name="StartMonth{{i}}">
                                         </p-calendar>
@@ -40,7 +40,7 @@
                                 </div>
 
                                 <div class="col-md-6 form-group" *ngIf="!experience.StillInRole">
-                                    <label>End</label>
+                                    <label>End month</label>
                                     <app-form-control>
                                         <p-calendar [minDate]="experience.StartMonthField" placeholder="MM/YYYY" dateFormat="mm/yy" view="month" [icon]="true" [(ngModel)]="experience.EndMonthField" required name="EndMonth{{i}}">
                                         </p-calendar>

frontend/angular/src/app/my-career-web/jobs/job/job.component.html → frontend/angular/src/app/my-career-web/jobs/job/job-details/job-details.component.html

@@ -15,7 +15,7 @@
             <div class="row mt-3">
                 <div class="col-md-6 form-group">
                     <label>Job Title</label>
-                    <app-form-control>
+                    <app-form-control>`
                         <input type="text" class="form-control" placeholder="Enter job title" required name="JobTitle"
                                [(ngModel)]="applicantJob.JobTitle">
                     </app-form-control>

frontend/angular/src/app/my-career-web/jobs/job/job.component.ts → frontend/angular/src/app/my-career-web/jobs/job/job-details/job-details.component.ts

 import { Component, OnInit, ViewChild } from '@angular/core';
-import { BaseComponent } from '../../base/base.component';
-import { ApplicantJobModel } from '../../models/applicant-job.model';
-import { JobService } from '../../services/job.service';
+import { BaseComponent } from '../../../base/base.component';
+import { ApplicantJobModel } from '../../../models/applicant-job.model';
+import { JobService } from '../../../services/job.service';
 import { takeUntil } from 'rxjs/operators';
-import { UtilsService } from '../../../oneit/services/utils.service';
+import { UtilsService } from '../../../../oneit/services/utils.service';
 import { ActivatedRoute, Router } from '@angular/router';
 import { NgForm } from '@angular/forms';
-import { HelperService } from '../../services/helper.service';
-import { ToasterService } from '../../services/toaster.service';
+import { HelperService } from '../../../services/helper.service';
+import { ToasterService } from '../../../services/toaster.service';
 
 @Component({
     selector: 'app-job',
-    templateUrl: './job.component.html',
-    styleUrls: ['./job.component.scss']
+    templateUrl: './job-details.component.html',
+    styleUrls: ['./job-details.component.scss']
 })
-export class JobComponent extends BaseComponent implements OnInit {
+export class JobDetailsComponent extends BaseComponent implements OnInit {
 
     applicantJob: ApplicantJobModel = new ApplicantJobModel();
     applicantJobId;

frontend/angular/src/app/my-career-web/jobs/job/job-profile/job-profile.component.html

+<p>
+  job-profile works!
+</p>

frontend/angular/src/app/my-career-web/jobs/job/job-profile/job-profile.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-job-profile',
+  templateUrl: './job-profile.component.html',
+  styleUrls: ['./job-profile.component.scss']
+})
+export class JobProfileComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

frontend/angular/src/app/my-career-web/jobs/jobs.module.ts

@@ -3,8 +3,9 @@ import { CommonModule } from '@angular/common';
 
 import { JobsRouting } from './jobs.routing';
 import { JobsComponent } from './jobs/jobs.component';
-import { JobComponent } from './job/job.component';
 import { McSharedModule } from '../mc-shared/mc-shared.module';
+import { JobDetailsComponent } from './job/job-details/job-details.component';
+import { JobProfileComponent } from './job/job-profile/job-profile.component';
 
 @NgModule({
     imports: [
@@ -14,7 +15,8 @@ import { McSharedModule } from '../mc-shared/mc-shared.module';
     ],
     declarations: [
         JobsComponent,
-        JobComponent
+        JobDetailsComponent,
+        JobProfileComponent
     ]
 })
 export class JobsModule {

frontend/angular/src/app/my-career-web/jobs/jobs.routing.ts

 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 import { JobsComponent } from './jobs/jobs.component';
-import { JobComponent } from './job/job.component';
+import { JobDetailsComponent } from './job/job-details/job-details.component';
 
 const routes: Routes = [
     {
@@ -10,11 +10,11 @@ const routes: Routes = [
     },
     {
         path: 'new',
-        component: JobComponent
+        component: JobDetailsComponent
     },
     {
         path: ':id',
-        component: JobComponent
+        component: JobDetailsComponent
     }
 ];