education view completed on career history

frontend/angular/src/app/components/my-career-web/assessment/work-style/work-style.component.ts

@@ -47,7 +47,8 @@ export class WorkStyleComponent extends BaseComponent implements OnInit, OnDestr
                 this.setAnswerScales();
             }, err => {
                 this.isLoading = false;
-                this.hs.handleHttpError(err);
+                this.exit();
+                // this.hs.handleHttpError(err);
             });
     }
 

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

@@ -32,13 +32,13 @@
                     <p-tabPanel header="1. Personal Data">
                         <app-personal-data></app-personal-data>
                     </p-tabPanel>
-                    <p-tabPanel header="2. Work History" [selected]="true">
+                    <p-tabPanel header="2. Work History">
                         <app-work-history></app-work-history>
                     </p-tabPanel>
                     <p-tabPanel header="3. Education">
                         <app-education></app-education>
                     </p-tabPanel>
-                    <p-tabPanel header="4. Skills">
+                    <p-tabPanel header="4. Skills" [selected]="true">
                         <app-skills></app-skills>
                     </p-tabPanel>
                     <p-tabPanel header="5. References">

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

-<p>
-  education works!
-</p>
+<h4 class="tab-heading">Tell us about your education, qualifications and certifications</h4>
+
+<div class="row" style="margin-top: 24px;">
+    <div class="col-md-12 form-group">
+        <p-checkbox label="I don't have any education qualification or certificates to record"></p-checkbox>
+    </div>
+</div>
+
+
+<div class="row education-wrapper">
+
+    <div class="col-md-9">
+        <div class="row form-group">
+            <div class="col-md-6">
+                <label>Course or Certification</label>
+                <input type="text" class="form-control" placeholder="Employeer name" name="Skype">
+            </div>
+        </div>
+
+        <div class="row form-group">
+            <div class="col-md-6">
+                <label>Where Studied</label>
+                <input type="text" class="form-control" placeholder="Where studied" name="Skype">
+            </div>
+
+            <div class="col-md-6">
+                <label>Where Issued</label>
+                <input type="text" class="form-control" placeholder="Where issued" name="Skype">
+            </div>
+        </div>
+
+        <div class="row form-group">
+            <div class="col-md-3">
+                <label>GPA or Outcome</label>
+                <input type="text" class="form-control" placeholder="Where studied" name="Skype">
+            </div>
+
+            <div class="col-md-6 col-md-offset-3">
+                <label>When Completed</label>
+                <p-calendar></p-calendar>
+            </div>
+        </div>
+
+        <div class="row form-group">
+            <div class="col-md-4">
+                <label>Upload Certificate</label>
+                <p-fileUpload mode="basic" name="Upload your Cover Letter" withCredentials="true" auto="true" chooseLabel="Browse"></p-fileUpload>
+            </div>
+        </div>
+    </div>
+
+
+</div>
+
+
+<div class="row">
+    <div class="col-md-12">
+        <button pButton class="btn btn-info-outline add-more" label="Add Education +"></button>
+    </div>
+</div>
+
+
+
+<div class="d-flex justify-content-center" style="margin-top: 48px;">
+    <button pButton label="Next Section" class="ui-button-info next-section"></button>
+</div>
+

frontend/angular/src/app/components/my-career-web/career-history/career-history/personal-data/personal-data.component.html

@@ -69,3 +69,11 @@
         <!--        </app-form-control>-->
     </div>
 </div>
+
+
+
+<div class="d-flex justify-content-center" style="margin-top: 48px;">
+    <button pButton label="Next Section" class="ui-button-info next-section"></button>
+</div>
+
+

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

@@ -66,3 +66,8 @@
 </div>
 
 
+<div class="d-flex justify-content-center" style="margin-top: 48px;">
+    <button pButton label="Next Section" class="ui-button-info next-section"></button>
+</div>
+
+

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

@@ -21,6 +21,7 @@ import { OverlayComponent } from './overlay/overlay.component';
 import { TruncatePipe } from './truncate.pipe';
 import { TabViewModule } from 'primeng/tabview';
 import { CalendarModule } from 'primeng/calendar';
+import { FileUploadModule } from 'primeng/fileupload';
 
 const MODULES = [
     ReactiveFormsModule,
@@ -36,7 +37,8 @@ const MODULES = [
     ProgressBarModule,
     DialogModule,
     TabViewModule,
-    CalendarModule
+    CalendarModule,
+    FileUploadModule,
 ];
 
 const COMPONENTS = [

frontend/angular/src/styles/my-career-styles/_profile-builder.scss

@@ -28,7 +28,7 @@
         white-space: nowrap;
     }
 
-    .experience-wrapper {
+    .experience-wrapper, .education-wrapper {
         margin-bottom: 32px;
     }
 
@@ -58,4 +58,10 @@
         }
 
     }
+
+    .next-section {
+        width: 260px;
+        height: 50px;
+        border-radius: 73px;
+    }
 }

frontend/angular/src/styles/my-career-styles/_styles.scss

@@ -21,5 +21,6 @@
     @import "primeng/progressbar";
     @import "primeng/tab-view";
     @import "primeng/calendar";
+    @import "primeng/file-upload";
 
 }

frontend/angular/src/styles/my-career-styles/primeng/_calendar.scss

-.ui-calendar {
+p-calendar {
+    display: block;
 
-    .ui-inputtext {
-        padding: 6px 12px;
-        height: 46px;
-        background-image: none !important;
-        border: 2px solid #E0E0E0;
-        width: 100%;
-        border-radius: 4px;
+    .ui-calendar {
+        display: block;
+
+        .ui-inputtext {
+            padding: 6px 12px;
+            height: 46px;
+            background-image: none !important;
+            border: 2px solid #E0E0E0;
+            width: 100%;
+            border-radius: 4px;
+        }
     }
+
 }

frontend/angular/src/styles/my-career-styles/primeng/_file-upload.scss

+p-fileUpload {
+
+    .ui-fileupload-choose {
+        position: relative;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+}