Commit ef877f2

author

Di Wang

committed

finish wizard

1 parent bf03f41 commit ef877f2Copy full SHA for ef877f2

File tree

-5

lines changed

-5

lines changed

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@ Material-design Dashboard`
`12`	`12`	`4. ng serve -o (it will automatically open localhost:4200)`
`13`	`13`
`14`	`14`	`## Further Plan`
`15`		`-- [] Add Wizard Component`
	`15`	`+- [x] Add Wizard Component`
`16`	`16`	`- [ ] Responsive Sidebar`
`17`	`17`	`- [ ] Consolidate form elements, like switch`
`18`	`18`

Lines changed: 1 addition & 1 deletion

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,7 @@`
`5`	`5`	`<div class="wizard-panel card">`
`6`	`6`	`<div class="wizard-header">`
`7`	`7`	`<h3 class="text-center">Build Your Profile</h3>`
`8`		`- <h5 class="text-center" style="margin-top: 5px">This information will let us know more about you.</h5>`
	`8`	`+ <h5 class="text-center" style="margin-top: 5px; padding: 0 20px;">This information will let us know more about you.</h5>`
`9`	`9`	`</div>`
`10`	`10`	`<div class="wizard-navigation">`
`11`	`11`	`<ul class="nav nav-pills">`

Lines changed: 4 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -20,12 +20,14 @@ export class WizardComponent implements OnInit, AfterViewInit {`
`20`	`20`	`$(window).resize(() => {`
`21`	`21`	`const screenWidth = document.body.clientWidth;`
`22`	`22`	`if (screenWidth > 990) {`
	`23`	`+ moveTab.style.width = 'calc((100% - 260px) / 2)';`
`23`	`24`	`if (this.tabIndex === 1) {`
`24`	`25`	`moveTab.style.left = '20vw';`
`25`	`26`	`} else if (this.tabIndex === 2) {`
`26`		`- moveTab.style.left = '41vw';`
	`27`	`+ moveTab.style.left = '42vw';`
`27`	`28`	`}`
`28`	`29`	`} else {`
	`30`	`+ moveTab.style.width = '34%';`
`29`	`31`	`if (this.tabIndex === 1) {`
`30`	`32`	`moveTab.style.left = '30vw';`
`31`	`33`	`} else if (this.tabIndex === 2) {`
`@@ -78,7 +80,7 @@ export class WizardComponent implements OnInit, AfterViewInit {`
`78`	`80`	`moveTab.innerHTML = 'Account';`
`79`	`81`	`}else if (this.tabIndex === 1) {`
`80`	`82`	`this.tabIndex++;`
`81`		`- moveTab.style.left = screenWidth > 990 ? '41vw' : '61.5vw';`
	`83`	`+ moveTab.style.left = screenWidth > 990 ? '42vw' : '61.5vw';`
`82`	`84`	`nextBtn.style.visibility = 'hidden';`
`83`	`85`	`moveTab.innerHTML = 'Address';`
`84`	`86`	`}`

Comments

(0)