Skip to content

P
PERFORMA_REPLICA
Commit 4fed1e5b by Muhammad Usman
Options

profile task edit link added

parent 3f55c5f1
Showing with 219 additions and 84 deletions
frontend/angular/src/app/components/my-career-web/career-history/career-history.module.ts
...@@ -5,6 +5,11 @@ import { CareerHistoryRouting } from './career-history.routing'; ...@@ -5,6 +5,11 @@ import { CareerHistoryRouting } from './career-history.routing';
import { CareerHistoryComponent } from './career-history/career-history.component'; import { CareerHistoryComponent } from './career-history/career-history.component';
import { PersonalDataComponent } from './career-history/personal-data/personal-data.component'; import { PersonalDataComponent } from './career-history/personal-data/personal-data.component';
import { McSharedModule } from '../mc-shared/mc-shared.module'; import { McSharedModule } from '../mc-shared/mc-shared.module';
import { WorkHistoryComponent } from './career-history/work-history/work-history.component';
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';
@NgModule({ @NgModule({
imports: [ imports: [
...@@ -14,7 +19,12 @@ import { McSharedModule } from '../mc-shared/mc-shared.module'; ...@@ -14,7 +19,12 @@ import { McSharedModule } from '../mc-shared/mc-shared.module';
], ],
declarations: [ declarations: [
CareerHistoryComponent, CareerHistoryComponent,
PersonalDataComponent PersonalDataComponent,
WorkHistoryComponent,
EducationComponent,
SkillsComponent,
ReferencesComponent,
TemplatesComponent
] ]
}) })
export class CareerHistoryModule { export class CareerHistoryModule {
......
frontend/angular/src/app/components/my-career-web/career-history/career-history/career-history.component.html
...@@ -28,8 +28,26 @@ ...@@ -28,8 +28,26 @@
<div class="assessment-body-tabs mc-card"> <div class="assessment-body-tabs mc-card">
<p-tabView>
<p-tabPanel header="1. Personal Data">
<app-personal-data></app-personal-data>
</p-tabPanel>
<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">
<app-skills></app-skills>
</p-tabPanel>
<p-tabPanel header="5. References">
<app-references></app-references>
</p-tabPanel>
<p-tabPanel header="6. Templates">
<app-templates></app-templates>
</p-tabPanel>
</p-tabView>
</div> </div>
</div> </div>
</div> </div>
......
frontend/angular/src/app/components/my-career-web/career-history/career-history/career-history.component.scss
...@@ -77,82 +77,9 @@ ...@@ -77,82 +77,9 @@
color: $darkColor; color: $darkColor;
font-family: $bodyFont; font-family: $bodyFont;
font-size: 18px; font-size: 18px;
margin-bottom: 32px;
} }
&-question-wrapper {
margin-top: 32px;
position: relative;
.question {
&-title, &-completed, &-tag {
color: $darkColor;
font-family: $bodyFont;
font-size: 18px;
}
&-title {
margin-bottom: 32px;
}
&-tag {
color: $white;
text-align: center;
font-weight: 600;
background: $primaryColor;
padding: 12px;
margin-bottom: 56px;
}
&-completed {
position: absolute;
right: 24px;
top: 24px;
}
}
.answer-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
span {
color: $darkColor;
font-family: $bodyFont;
font-size: 18px;
}
.answer-options {
display: flex;
align-items: center;
.option-value {
width: 40px;
height: 40px;
border: 1px solid $primaryColor;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
transition: .3s;
font-weight: 600;
color: $darkColor;
cursor: pointer;
&:not(:last-child) {
margin-right: 23px;
}
&:hover, &.selected {
background: $primaryColor;
color: $white;
}
}
}
}
}
} }
} }
} }
......
frontend/angular/src/app/components/my-career-web/career-history/career-history/education/education.component.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-education',
templateUrl: './education.component.html',
styleUrls: ['./education.component.scss']
})
export class EducationComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
frontend/angular/src/app/components/my-career-web/career-history/career-history/personal-data/personal-data.component.html
<p> <h4 class="tab-heading">Enter your basic profile information </h4>
personal-data works!
</p> <div class="row" style="margin-bottom: 16px;">
<div class="col-md-4 col-md-offset-4">
<div class="info-label">
This will update your personal details as well
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 form-group">
<label>First Name</label>
<!-- <app-form-control>-->
<input type="text" class="form-control" placeholder="First Name" required name="FirstName">
<!-- </app-form-control>-->
</div>
<div class="col-md-6 form-group">
<label>Last Name</label>
<!-- <app-form-control>-->
<input type="text" class="form-control" placeholder="Last Name" required name="FirstName">
<!-- </app-form-control>-->
</div>
<div class="col-md-6 form-group">
<label>Email</label>
<!-- <app-form-control>-->
<input type="text" class="form-control" placeholder="Email" required name="FirstName">
<!-- </app-form-control>-->
</div>
<div class="col-md-6 form-group">
<label>Mobile</label>
<!-- <app-form-control>-->
<p-inputMask slotChar="-" [unmask]="true" [autoClear]="true" mask="9999 999 9999" styleClass="form-control" placeholder="Mobile No" name="Mobile">
</p-inputMask>
<!-- </app-form-control>-->
</div>
<div class="col-md-12 form-group">
<label>Address</label>
<!-- <app-form-control>-->
<input type="text" appGooglePlacesAutocomplete class="form-control" placeholder="Address" required name="Address">
<!-- </app-form-control>-->
</div>
<div class="col-md-6 form-group">
<label>Skype</label>
<!-- <app-form-control>-->
<input type="text" class="form-control" placeholder="Skype" name="Skype">
<!-- </app-form-control>-->
</div>
</div>
frontend/angular/src/app/components/my-career-web/career-history/career-history/personal-data/personal-data.component.scss
@import "~styles/my-career-styles/variables";
.tab-heading {
color: #58595B;
font-family: $bodyFont;
font-size: 18px;
margin: 12px 0 0;
}
.info-label {
padding: 8px;
font-size: 12px;
font-family: $bodyFont;
background: lightblue;
color: #12709a;
border-radius: 4px;
margin-top: 8px;
text-align: center;
}
frontend/angular/src/app/components/my-career-web/career-history/career-history/references/references.component.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-references',
templateUrl: './references.component.html',
styleUrls: ['./references.component.scss']
})
export class ReferencesComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
frontend/angular/src/app/components/my-career-web/career-history/career-history/skills/skills.component.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-skills',
templateUrl: './skills.component.html',
styleUrls: ['./skills.component.scss']
})
export class SkillsComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
frontend/angular/src/app/components/my-career-web/career-history/career-history/templates/templates.component.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-templates',
templateUrl: './templates.component.html',
styleUrls: ['./templates.component.scss']
})
export class TemplatesComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
frontend/angular/src/app/components/my-career-web/career-history/career-history/work-history/work-history.component.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-work-history',
templateUrl: './work-history.component.html',
styleUrls: ['./work-history.component.scss']
})
export class WorkHistoryComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
frontend/angular/src/app/components/my-career-web/dashboard/profile-tasks/profile-tasks.component.html
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
<button pButton label="Get Started" [routerLink]="task.link" class="ui-button-info section-start"> <button pButton label="Get Started" [routerLink]="task.link" class="ui-button-info section-start">
</button> </button>
<div class="section-edit" *ngIf="careerProfile[task.key] === 100"> <div class="section-edit" [routerLink]="task.link" *ngIf="careerProfile[task.key] === 100">
<i class="fa fa-edit"></i> Edit <i class="fa fa-edit"></i> Edit
</div> </div>
......
frontend/angular/src/app/components/my-career-web/dashboard/profile-tasks/profile-tasks.component.ts
...@@ -19,8 +19,8 @@ export class ProfileTasksComponent extends BaseComponent { ...@@ -19,8 +19,8 @@ export class ProfileTasksComponent extends BaseComponent {
assocs = ['Candidate.User', 'Candidate.OccupationPreference']; assocs = ['Candidate.User', 'Candidate.OccupationPreference'];
profileTasks = [ profileTasks = [
{label: 'Personal Details', link: '/my-career-web/dashboard/personal-details', key: 'CompletedPercentage', active: false}, {label: 'Personal Details', link: '/my-career-web/dashboard/personal-details', key: 'CompletedPercentage', active: false},
{label: 'Work Strengths', link: '/my-career-web/assessments/work-style', key: '', active: false}, {label: 'Work Strengths', link: '/my-career-web/assessments/work-style', key: 'CompletedPercentageWS', active: false},
{label: 'Career Values', link: '', key: '', active: false}, {label: 'Career Values', link: '', key: 'CompletedPercentageWS', active: false},
{label: 'Career History', link: '', key: '', active: false}, {label: 'Career History', link: '', key: '', active: false},
{label: 'Diversity', link: '', key: '', active: false} {label: 'Diversity', link: '', key: '', active: false}
]; ];
......
frontend/angular/src/app/components/my-career-web/mc-shared/mc-shared.module.ts
...@@ -19,6 +19,7 @@ import { ProgressBarModule } from 'primeng/progressbar'; ...@@ -19,6 +19,7 @@ import { ProgressBarModule } from 'primeng/progressbar';
import { AssessmentService } from '../services/assessment.service'; import { AssessmentService } from '../services/assessment.service';
import { TruncatePipe } from './truncate.pipe'; import { TruncatePipe } from './truncate.pipe';
import { DialogModule } from 'primeng/dialog'; import { DialogModule } from 'primeng/dialog';
import { TabViewModule } from 'primeng/primeng';
const MODULES = [ const MODULES = [
ReactiveFormsModule, ReactiveFormsModule,
...@@ -32,7 +33,8 @@ const MODULES = [ ...@@ -32,7 +33,8 @@ const MODULES = [
ButtonModule, ButtonModule,
InputMaskModule, InputMaskModule,
ProgressBarModule, ProgressBarModule,
DialogModule DialogModule,
TabViewModule
]; ];
const COMPONENTS = [ const COMPONENTS = [
......
frontend/angular/src/styles/my-career-styles/_styles.scss
...@@ -17,5 +17,6 @@ ...@@ -17,5 +17,6 @@
@import "primeng/button"; @import "primeng/button";
@import "primeng/mask"; @import "primeng/mask";
@import "primeng/progressbar"; @import "primeng/progressbar";
@import "primeng/tab-view";
} }
frontend/angular/src/styles/my-career-styles/primeng/_tab-view.scss 0 → 100644
.ui-tabview {
border: 0;
ul.ui-tabview-nav {
display: flex;
justify-content: space-between;
li {
flex: 1;
display: flex;
justify-content: center;
}
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment