diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index 1451beb..737b7ef 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -7,6 +7,7 @@ import { DashboardComponent } from './pages/dashboard/dashboard.component'; import { FinalinterviewComponent } from './pages/dashboard/finalinterview/finalinterview.component'; import { JoiningletterComponent } from './pages/dashboard/joiningletter/joiningletter.component'; import { PreliminaryComponent } from './pages/dashboard/preliminary/preliminary.component'; +import { PreliminaryresultComponent } from './pages/dashboard/preliminary/preliminaryresult/preliminaryresult.component'; import { QuizComponent } from './pages/dashboard/preliminary/quiz/quiz.component'; import { SkillinformationComponent } from './pages/dashboard/skillinformation/skillinformation.component'; import { TechnicalComponent } from './pages/dashboard/technical/technical.component'; @@ -15,6 +16,7 @@ import { OtpComponent } from './pages/onboarding/signup/otp/otp.component'; import { SignupComponent } from './pages/onboarding/signup/signup.component'; import { WelcomeComponent } from './pages/onboarding/welcome/welcome.component'; + const routes: Routes = [ { path: '', pathMatch: 'full', redirectTo: 'welcome' }, { component: WelcomeComponent, path: 'welcome' }, @@ -31,6 +33,7 @@ const routes: Routes = [ { component: SkillinformationComponent, path: 'dashboard/skillinformation' }, { component: FinalinterviewComponent, path: 'dashboard/finalinterview' }, { component: QuizComponent, path: 'dashboard/preliminary/quiz' }, + { component: PreliminaryresultComponent, path: 'dashboard/preliminary/results' }, ]; @NgModule({ diff --git a/src/app/app.module.ts b/src/app/app.module.ts index c0e8f08..8002842 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -17,6 +17,7 @@ import { JoiningletterComponent } from './pages/dashboard/joiningletter/joiningl import { CelebrationComponent } from './pages/dashboard/celebration/celebration.component'; import { FinalinterviewComponent } from './pages/dashboard/finalinterview/finalinterview.component'; import { QuizComponent } from './pages/dashboard/preliminary/quiz/quiz.component'; +import { PreliminaryresultComponent } from './pages/dashboard/preliminary/preliminaryresult/preliminaryresult.component'; @NgModule({ declarations: [ @@ -35,6 +36,7 @@ import { QuizComponent } from './pages/dashboard/preliminary/quiz/quiz.component CelebrationComponent, FinalinterviewComponent, QuizComponent, + PreliminaryresultComponent, ], imports: [ BrowserModule, diff --git a/src/app/common/styles/colors.scss b/src/app/common/styles/colors.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/common/styles/theme.scss b/src/app/common/styles/theme.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/pages/dashboard/_commonheader.scss b/src/app/pages/dashboard/_commonheader.scss index a35744d..0cf13ea 100644 --- a/src/app/pages/dashboard/_commonheader.scss +++ b/src/app/pages/dashboard/_commonheader.scss @@ -75,6 +75,10 @@ header { padding: 15px 0; font-weight: 400; } + h5{ + font-size: 15px; + font-weight: 300; + } } button { diff --git a/src/app/pages/dashboard/preliminary/preliminaryresult/preliminaryresult.component.html b/src/app/pages/dashboard/preliminary/preliminaryresult/preliminaryresult.component.html new file mode 100644 index 0000000..544e621 --- /dev/null +++ b/src/app/pages/dashboard/preliminary/preliminaryresult/preliminaryresult.component.html @@ -0,0 +1,49 @@ +
+ +
  • + +
    • +
    + +
    + +
    You have scored
    +

    85%

    +

    + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. +

    +
    + +
    +
    +
    +
    +
    +

    Quiz

    + +
    + +
    + + +
    diff --git a/src/app/pages/dashboard/preliminary/preliminaryresult/preliminaryresult.component.scss b/src/app/pages/dashboard/preliminary/preliminaryresult/preliminaryresult.component.scss new file mode 100644 index 0000000..e2cb62f --- /dev/null +++ b/src/app/pages/dashboard/preliminary/preliminaryresult/preliminaryresult.component.scss @@ -0,0 +1,92 @@ +@import "../../commonheader"; + +.upfold { + position: relative; + display: flex; + flex-direction: column; + align-items: center; + padding: 20px; + + img { + width: 130px; + margin: 20px; + } +} + +.quiz-section-header { + div:nth-child(1) { + background-color: $background-color; + position: absolute; + width: 100%; + height: 25px; + transform: skew(-1deg, 3deg); + } + div:nth-child(2) { + width: 50%; + height: 20px; + background-color: $background-color; + } +} + +.quiz-section { + overflow: hidden; + + h3 { + color: nth($grey-shades, 2); + background-color: $background-color; + font-weight: 300; + padding-left: 24px; + padding-bottom: 20px; + font-size: 24px; + } + ul { + padding-left: 20px; + background-color: $background-color; + // background-image: url("../../../../assets/Sprinklers3.svg"); + padding-top: 2px; + li { + display: flex; + list-style: none; + color: $white; + font-size: 14px; + line-height: 35px; + font-weight: 600; + opacity: 90%; + padding-bottom: 10px; + padding-left: 9px; + + img { + width: 38.5px; + padding-right: 20px; + } + } + } +} + +.btn-section { + display: flex; + align-items: center; + flex-direction: row; + justify-content: center; + background-color: nth($grey-shades, 5); + height: 18vh; + + .dashboard-btn { + width: 42vw; + border: 2px solid $teal; + background-color: transparent; + color: $teal; + } + + .technical-btn { + color: white; + width: 42vw; + background-color: $teal; + span { + font-size: 13px; + color: white; + padding: 15px; + font-weight: 300; + } + } +} diff --git a/src/app/pages/dashboard/preliminary/preliminaryresult/preliminaryresult.component.spec.ts b/src/app/pages/dashboard/preliminary/preliminaryresult/preliminaryresult.component.spec.ts new file mode 100644 index 0000000..56fc8c4 --- /dev/null +++ b/src/app/pages/dashboard/preliminary/preliminaryresult/preliminaryresult.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { PreliminaryresultComponent } from './preliminaryresult.component'; + +describe('PreliminaryresultComponent', () => { + let component: PreliminaryresultComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ PreliminaryresultComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(PreliminaryresultComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/dashboard/preliminary/preliminaryresult/preliminaryresult.component.ts b/src/app/pages/dashboard/preliminary/preliminaryresult/preliminaryresult.component.ts new file mode 100644 index 0000000..6127914 --- /dev/null +++ b/src/app/pages/dashboard/preliminary/preliminaryresult/preliminaryresult.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-preliminaryresult', + templateUrl: './preliminaryresult.component.html', + styleUrls: ['./preliminaryresult.component.scss'] +}) +export class PreliminaryresultComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/pages/dashboard/preliminary/quiz/quiz.component.html b/src/app/pages/dashboard/preliminary/quiz/quiz.component.html index 92b7911..dfd2482 100644 --- a/src/app/pages/dashboard/preliminary/quiz/quiz.component.html +++ b/src/app/pages/dashboard/preliminary/quiz/quiz.component.html @@ -41,5 +41,5 @@
    - +
    diff --git a/src/app/pages/dashboard/technical/technical.component.html b/src/app/pages/dashboard/technical/technical.component.html index 57d2d61..a1c0a18 100644 --- a/src/app/pages/dashboard/technical/technical.component.html +++ b/src/app/pages/dashboard/technical/technical.component.html @@ -1 +1,21 @@ -

    technical works!

    +
    + +
  • + +
    • +
    + +
    + +

    You seem interesting! Let’s meet.

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

    +
    + +
    + +
    \ No newline at end of file diff --git a/src/app/pages/dashboard/technical/technical.component.scss b/src/app/pages/dashboard/technical/technical.component.scss index e69de29..f4737ce 100644 --- a/src/app/pages/dashboard/technical/technical.component.scss +++ b/src/app/pages/dashboard/technical/technical.component.scss @@ -0,0 +1,40 @@ +@import "../commonheader"; + +.upfold { + position: relative; + display: flex; + flex-direction: column; + align-items: center; + padding: 20px; + + img { + width: 130px; + margin: 20px; + } +} + + +.btn-section { + position: block; + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; + height: 18vh; + + button { + position: absolute; + bottom: 0; + background-color: $teal; + width: 87vw; + color: white; + margin: 20px; + } + + span { + font-size: 18px; + color: nth($grey-shades, 2 ); + padding: 15px; + font-weight: 300; + } +} diff --git a/src/assets/close-filled.svg b/src/assets/close-filled.svg new file mode 100644 index 0000000..e97c089 --- /dev/null +++ b/src/assets/close-filled.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/good job.svg b/src/assets/good job.svg new file mode 100644 index 0000000..77e2e8f --- /dev/null +++ b/src/assets/good job.svg @@ -0,0 +1,101 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/step 3.svg b/src/assets/step 3.svg new file mode 100644 index 0000000..39206af --- /dev/null +++ b/src/assets/step 3.svg @@ -0,0 +1,394 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/colors.scss b/src/colors.scss new file mode 100644 index 0000000..e69de29