Skip to content

P
PERFORMA_REPLICA
Commit 8802a81e by Muhammad Usman
Options

S69294438 # Sprint 1 #Update CAreer Profile page design doesnt match with matchd design

parent 8e8f96bd
Showing with 40 additions and 35 deletions
frontend/angular/src/app/my-career-web/career-history/career-history/career-history.component.html
...@@ -53,7 +53,7 @@ ...@@ -53,7 +53,7 @@
<app-templates (careerProfileLoaded)="careerProfileUpdated($event)" *ngIf="activeTab === 'templates'" (templateSaved)="tabChanged({index: 6})"> <app-templates (careerProfileLoaded)="careerProfileUpdated($event)" *ngIf="activeTab === 'templates'" (templateSaved)="tabChanged({index: 6})">
</app-templates> </app-templates>
</p-tabPanel> </p-tabPanel>
<p-tabPanel header="7{{isMobileView ? '' : '. Publish'}}" [selected]="activeTab === 'publish'" rightIcon="fa fa-check" [headerStyleClass]="careerProfile?.ProfileBulderTabCompletion?.PUBLISH ? 'completed' : ''"> <p-tabPanel header="7{{isMobileView ? '' : '. Publish'}}" [selected]="activeTab === 'publish'" rightIcon="fa fa-check" [headerStyleClass]="careerProfile?.ProfileBulderTabCompletion?.PUBLISH ? 'completed' : ''">
<app-publish (careerProfileLoaded)="careerProfileUpdated($event)" [asChild]="true" *ngIf="activeTab === 'publish'"> <app-publish (careerProfileLoaded)="careerProfileUpdated($event)" [asChild]="true" *ngIf="activeTab === 'publish'">
</app-publish> </app-publish>
</p-tabPanel> </p-tabPanel>
......
frontend/angular/src/app/my-career-web/career-history/career-history/publish/publish.component.html
...@@ -35,53 +35,58 @@ ...@@ -35,53 +35,58 @@
<h4 class="tab-heading mt-3">Do you want to make any changes to the profile? </h4> <h4 class="tab-heading mt-3">Do you want to make any changes to the profile? </h4>
<div class="row"> <div [ngClass]="{'mc-card' : !asChild}">
<div class="mt-3 col-md-6 d-flex justify-content-center">
<button class="mc-btn-secondary" pButton label="Change Template" routerLink="/my-career-web/career-history/templates"></button> <div class="row">
<div class="col-md-6 d-flex justify-content-center" [ngClass]="{'mt-3' : asChild}">
<button class="mc-btn-secondary" pButton label="Change Template" routerLink="/my-career-web/career-history/templates"></button>
</div>
<div class="col-md-6 d-flex justify-content-center" [ngClass]="{'mt-3' : asChild}">
<button class="mc-btn-secondary" pButton label="Update Profile Info" routerLink="/my-career-web/career-history/personal-data"></button>
</div>
</div> </div>
<div class="mt-3 col-md-6 d-flex justify-content-center">
<button class="mc-btn-secondary" pButton label="Update Profile Info" routerLink="/my-career-web/career-history/personal-data"></button>
</div>
</div>
<div class="row"> <div class="row">
<div class="mt-3 col-md-6 d-flex justify-content-center"> <div class="mt-3 col-md-6 d-flex justify-content-center">
<button class="mc-btn-secondary" pButton label="Update Work History" routerLink="/my-career-web/career-history/work-history"></button> <button class="mc-btn-secondary" pButton label="Update Work History" routerLink="/my-career-web/career-history/work-history"></button>
</div>
<div class="mt-3 col-md-6 d-flex justify-content-center">
<button class="mc-btn-secondary" pButton label="Update Educational Qualifications" routerLink="/my-career-web/career-history/education"></button>
</div>
</div> </div>
<div class="mt-3 col-md-6 d-flex justify-content-center">
<button class="mc-btn-secondary" pButton label="Update Educational Qualifications" routerLink="/my-career-web/career-history/education"></button> <div class="row">
<div class="mt-3 col-md-6 d-flex justify-content-center">
<button class="mc-btn-secondary" pButton label="Update Skills" routerLink="/my-career-web/career-history/skills"></button>
</div>
<div class="mt-3 col-md-6 d-flex justify-content-center">
<button class="mc-btn-secondary" pButton label="Update Referees" routerLink="/my-career-web/career-history/references"></button>
</div>
</div> </div>
</div>
<div class="row"> <div class="row mt-4">
<div class="mt-3 col-md-6 d-flex justify-content-center"> <div class="col-md-6 d-flex justify-content-between">
<button class="mc-btn-secondary" pButton label="Update Skills" routerLink="/my-career-web/career-history/skills"></button> <span class="ml-4">Do you wish to publish the career profile? </span>
<p-inputSwitch [(ngModel)]="careerProfile.PublishProfile" (onChange)="saveProfile()"></p-inputSwitch>
</div>
</div> </div>
<div class="mt-3 col-md-6 d-flex justify-content-center">
<button class="mc-btn-secondary" pButton label="Update Referees" routerLink="/my-career-web/career-history/references"></button> <div class="row mt-4" *ngIf="careerProfile?.PublishProfile">
<div class="col-md-6 d-flex justify-content-between">
<span class="ml-4" style="white-space: nowrap;">Share URL</span>
<a target="_blank" style="word-break: break-all; margin-left: 80px;" href="#">http://career.matchd.com/john+peters4</a>
</div>
</div> </div>
</div>
<div class="row mt-4"> <div class="d-flex justify-content-center mt-5">
<div class="col-md-6 d-flex justify-content-between"> <button class="mc-btn-secondary" pButton label="Download Profile"></button>
<span class="ml-4">Do you wish to publish the career profile? </span>
<p-inputSwitch [(ngModel)]="careerProfile.PublishProfile" (onChange)="saveProfile()"></p-inputSwitch>
</div> </div>
</div>
<div class="row mt-4" *ngIf="careerProfile?.PublishProfile"> <div class="d-flex justify-content-center mt-5">
<div class="col-md-6 d-flex justify-content-between"> <button class="mc-btn-primary" pButton label="Complete" [disabled]="!isComplete" (click)="saveProfile(true)"></button>
<span class="ml-4" style="white-space: nowrap;">Share URL</span>
<a target="_blank" style="word-break: break-all; margin-left: 80px;" href="#">http://career.matchd.com/john+peters4</a>
</div> </div>
</div>
<div class="d-flex justify-content-center mt-5">
<button class="mc-btn-secondary" pButton label="Download Profile"></button>
</div> </div>
<div class="d-flex justify-content-center mt-5">
<button class="mc-btn-primary" pButton label="Complete" [disabled]="!isComplete" (click)="saveProfile(true)"></button>
</div>
</div> </div>
</ng-template> </ng-template>
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