job flow components added

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

@@ -8,7 +8,6 @@ import { WorkHistoryComponent } from './career-history/work-history/work-history
 import { EducationComponent } from './career-history/education/education.component';
 import { SkillsComponent } from './career-history/skills/skills.component';
 import { ReferencesComponent } from './career-history/references/references.component';
-import { TemplatesComponent } from './career-history/templates/templates.component';
 import { PublishComponent } from './career-history/publish/publish.component';
 
 @NgModule({
@@ -23,7 +22,6 @@ import { PublishComponent } from './career-history/publish/publish.component';
         EducationComponent,
         SkillsComponent,
         ReferencesComponent,
-        TemplatesComponent,
         PublishComponent
     ]
 })

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

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

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

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

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

@@ -16,7 +16,6 @@
     height: 250px;
     flex-direction: column;
     transition: .3s;
-    cursor: pointer;
     border-radius: 8px;
 
     &.selected {

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

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

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

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

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

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

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

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

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

+<p>
+  job-work-history works!
+</p>

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

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

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

@@ -6,6 +6,10 @@ import { JobsComponent } from './jobs/jobs.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';
+import { JobWorkHistoryComponent } from './job/job-work-history/job-work-history.component';
+import { JobEducationComponent } from './job/job-education/job-education.component';
+import { JobSkillsComponent } from './job/job-skills/job-skills.component';
+import { JobRefereesComponent } from './job/job-referees/job-referees.component';
 
 @NgModule({
     imports: [
@@ -16,7 +20,11 @@ import { JobProfileComponent } from './job/job-profile/job-profile.component';
     declarations: [
         JobsComponent,
         JobDetailsComponent,
-        JobProfileComponent
+        JobProfileComponent,
+        JobWorkHistoryComponent,
+        JobEducationComponent,
+        JobSkillsComponent,
+        JobRefereesComponent
     ]
 })
 export class JobsModule {

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

@@ -16,6 +16,7 @@ import { IntroLetterService } from '../services/intro-letter.service';
 import { TableModule } from 'primeng/table';
 import { IconReplacerDirective } from './icon-replacer.directive';
 import { JobService } from '../services/job.service';
+import { TemplatesComponent } from './templates/templates.component';
 
 const MODULES = [
     ReactiveFormsModule,
@@ -29,7 +30,8 @@ const MODULES = [
 const COMPONENTS = [
     FormControlComponent,
     OverlayComponent,
-    PersonalDetailsComponent
+    PersonalDetailsComponent,
+    TemplatesComponent
 ];
 
 const DIRECTIVES = [

frontend/angular/src/app/my-career-web/career-history/career-history/templates/templates.component.ts → frontend/angular/src/app/my-career-web/mc-shared/templates/templates.component.ts

 import { Component, EventEmitter, OnInit, Output } from '@angular/core';
-import { BaseComponent } from '../../../base/base.component';
-import { CareerProfileModel } from '../../../models/career-profile.model';
-import { PersonalDetailsService } from '../../../services/personal-details.service';
-import { UtilsService } from '../../../../oneit/services/utils.service';
+import { BaseComponent } from '../../base/base.component';
+import { CareerProfileModel } from '../../models/career-profile.model';
+import { PersonalDetailsService } from '../../services/personal-details.service';
+import { UtilsService } from '../../../oneit/services/utils.service';
 import { takeUntil } from 'rxjs/operators';
-import { environment } from '../../../../../environments/environment';
-import { SaveService } from '../../../../oneit/services/save.service';
+import { environment } from '../../../../environments/environment';
+import { SaveService } from '../../../oneit/services/save.service';
 
 @Component({
     selector: 'app-templates',