f.spilla/nx-primeng-sakai-v17
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

TabMenu and Steps Demo Updated

Browse Source
This commit is contained in:
Yiğit FINDIKLI 2021-12-29 11:49:05 +03:00
parent 27b2dfe0ba
commit c9f7c38af8
5 changed files with 11 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/components/menus/confirmation.component.ts
View File

@ -3,7 +3,7 @@ import { Component } from '@angular/core';
@Component({
selector: 'app-confirmation',
template: `
<div class="flex flex-column align-items-center py-5 px-3">
<div class="flex flex-column align-items-center justify-content-center h-full py-5 px-3">
<i class="pi pi-fw pi-check mr-2 text-2xl"></i>
<p class="m-0 mt-5 text-center text-lg">Confirmation Component Content via Child Route</p>
</div>

15
src/app/components/menus/menus.component.html
View File

@ -22,15 +22,14 @@
<div class="col-12">
<div class="card card-w-title flex flex-wrap">
<div class="col-12">
<h5>TabMenu and Steps</h5>
<p>TabMenu and Steps are integrated with the same child routes.</p>
<div class="col-12 md:col-8 h-full">
<h5>TabMenu</h5>
<p-tabMenu styleClass="mb-5" [model]="routeItems"></p-tabMenu>
<h5>Steps</h5>
<p-steps [model]="routeItems" styleClass="mt-5" [readonly]="false"></p-steps>
</div>
<div class="col-12 md:col-8">
<p-tabMenu [model]="routeItems"></p-tabMenu>
<p-steps [model]="routeItems" styleClass="mt-5" [readonly]="false"></p-steps>
</div>
<div class="col-12 md:col-4 align-self-center h-full">
<div class="col-12 md:col-4 mt-5 md:mt-0">
<router-outlet></router-outlet>
</div>
</div>

2
src/app/components/menus/payment.component.ts
View File

@ -3,7 +3,7 @@ import { Component } from '@angular/core';
@Component({
selector: 'app-payment',
template: `
<div class="flex flex-column align-items-center py-5 px-3">
<div class="flex flex-column align-items-center justify-content-center h-full py-5 px-3">
<i class="pi pi-fw pi-money-bill mr-2 text-2xl"></i>
<p class="m-0 mt-5 text-center text-lg">Payment Component Content via Child Route</p>
</div>

2
src/app/components/menus/personal.component.ts
View File

@ -3,7 +3,7 @@ import { Component } from '@angular/core';
@Component({
selector: 'app-personal',
template: `
<div class="flex flex-column align-items-center py-5 px-3">
<div class="flex flex-column align-items-center justify-content-center h-full py-5 px-3">
<i class="pi pi-fw pi-user mr-2 text-2xl"></i>
<p class="mt-5 text-center text-lg">Personal Component Content via Child Route</p>
</div>

2
src/app/components/menus/seat.component.ts
View File

@ -3,7 +3,7 @@ import { Component } from '@angular/core';
@Component({
selector: 'app-seat',
template: `
<div class="flex flex-column align-items-center py-5 px-3">
<div class="flex flex-column align-items-center justify-content-center h-full py-5 px-3">
<i class="pi pi-fw pi-ticket mr-2 text-2xl"></i>
<p class="m-0 mt-5 text-center text-lg">Seat Component Content via Child Route</p>
</div>