vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-10 17:32:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Pages route change - api generator added

Browse source
This commit is contained in:
Bahadir Sofuoglu 2022-09-12 10:13:52 +03:00
parent 28b8e0a7e0
commit 3eac7d6658
179 changed files with 10592 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

74
pages/steps/SeatDemo.vue
View file

@ -1,74 +0,0 @@
<template>
<div class="stepsdemo-content">
<Card>
<template v-slot:title> Seat Information </template>
<template v-slot:subtitle> Choose your seat </template>
<template v-slot:content>
<div class="p-fluid formgrid grid">
<div class="field col-12 md:col-6">
<label for="class">Class</label>
<Dropdown inputId="class" v-model="selectedClass" :options="classes" @change="setWagons($event)" optionLabel="name" placeholder="Select a Class" />
</div>
<div class="field col-12 md:col-6">
<label for="lastname">Wagon</label>
<Dropdown inputId="wagon" v-model="selectedWagon" :options="wagons" @change="setSeats($event)" optionLabel="wagon" placeholder="Select a Wagon" />
</div>
<div class="field col-12">
<label for="seat">Seat</label>
<Dropdown inputId="seat" v-model="selectedSeat" :options="seats" optionLabel="seat" placeholder="Select a Seat" />
</div>
</div>
</template>
<template v-slot:footer>
<div class="grid grid-nogutter justify-content-between">
<Button label="Back" @click="prevPage()" icon="pi pi-angle-left" />
<Button label="Next" @click="nextPage()" icon="pi pi-angle-right" iconPos="right" />
</div>
</template>
</Card>
</div>
</template>
<script>
export default {
data() {
return {
selectedClass: '',
classes: [
{ name: 'First Class', code: 'A', factor: 1 },
{ name: 'Second Class', code: 'B', factor: 2 },
{ name: 'Third Class', code: 'C', factor: 3 }
],
wagons: [],
selectedWagon: '',
seats: [],
selectedSeat: ''
};
},
methods: {
setWagons(event) {
if (this.selectedClass && event.value) {
this.wagons = [];
this.seats = [];
for (let i = 1; i < 3 * event.value.factor; i++) {
this.wagons.push({ wagon: i + event.value.code, type: event.value.name, factor: event.value.factor });
}
}
},
setSeats(event) {
if (this.selectedWagon && event.value) {
this.seats = [];
for (let i = 1; i < 10 * event.value.factor; i++) {
this.seats.push({ seat: i, type: event.value.type });
}
}
},
nextPage() {
this.$emit('next-page', { formData: { class: this.selectedClass.name, wagon: this.selectedWagon.wagon, seat: this.selectedSeat.seat }, pageIndex: 1 });
},
prevPage() {
this.$emit('prev-page', { pageIndex: 1 });
}
}
};
</script>