working #6
@@ -42,6 +42,13 @@ export class JobNewComponent {
|
||||
};
|
||||
|
||||
ngAfterViewInit(){
|
||||
this.formSteps.changes.subscribe(() => {
|
||||
this.updateUI();
|
||||
});
|
||||
this.updateUI();
|
||||
}
|
||||
|
||||
updateUI(){
|
||||
this.formSteps.forEach((step: ElementRef<HTMLDivElement>, i: number) => {
|
||||
if (i === this.currentStep) {
|
||||
step.nativeElement.style.left = '0%';
|
||||
@@ -55,28 +62,12 @@ export class JobNewComponent {
|
||||
|
||||
nextStep(){
|
||||
this.currentStep += 1;
|
||||
this.formSteps.forEach((step: ElementRef<HTMLDivElement>, i: number) => {
|
||||
if (i === this.currentStep) {
|
||||
step.nativeElement.style.left = '0%';
|
||||
} else if (i < this.currentStep) {
|
||||
step.nativeElement.style.left = '-100%';
|
||||
} else {
|
||||
step.nativeElement.style.left = '100%';
|
||||
}
|
||||
});
|
||||
this.updateUI();
|
||||
}
|
||||
|
||||
prevStep(){
|
||||
this.currentStep -= 1;
|
||||
this.formSteps.forEach((step: ElementRef<HTMLDivElement>, i: number) => {
|
||||
if (i === this.currentStep) {
|
||||
step.nativeElement.style.left = '0%';
|
||||
} else if (i < this.currentStep) {
|
||||
step.nativeElement.style.left = '-100%';
|
||||
} else {
|
||||
step.nativeElement.style.left = '100%';
|
||||
}
|
||||
});
|
||||
this.updateUI();
|
||||
}
|
||||
|
||||
PostJobListing(jobListing: JobListing){
|
||||
|
||||
Reference in New Issue
Block a user