Steps refactor
parent
9418b97465
commit
73f3fa64a7
File diff suppressed because it is too large
Load Diff
|
@ -1696,14 +1696,14 @@ export default {
|
|||
focusCell.tabIndex = '0';
|
||||
focusCell.focus();
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
onMonthCellKeydown(event, index) {
|
||||
const cell = event.currentTarget;
|
||||
|
||||
switch (event.which) {
|
||||
//arrows
|
||||
case 38:
|
||||
case 38:
|
||||
case 40: {
|
||||
cell.tabIndex = '-1';
|
||||
var cells = cell.parentElement.children;
|
||||
|
|
|
@ -74,11 +74,6 @@ export default {
|
|||
props: {
|
||||
formData: Object
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
prevPage() {
|
||||
this.$emit('prevPage', {pageIndex: 3});
|
||||
|
|
|
@ -57,7 +57,7 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import {required, minLength, integer} from 'vuelidate/lib/validators';
|
||||
import {required, integer} from 'vuelidate/lib/validators';
|
||||
|
||||
export default {
|
||||
data () {
|
||||
|
|
|
@ -54,8 +54,6 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import {required, minLength, integer} from 'vuelidate/lib/validators';
|
||||
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
|
@ -76,18 +74,18 @@ export default {
|
|||
if (this.selectedClass && event.value) {
|
||||
this.vagons = [];
|
||||
this.seats = [];
|
||||
for(let i = 1; i < 3 * event.value.factor; i++) {
|
||||
this.vagons.push({vagon: i+event.value.code, type: event.value.name, factor: event.value.factor});
|
||||
for (let i = 1; i < 3 * event.value.factor; i++) {
|
||||
this.vagons.push({vagon: i + event.value.code, type: event.value.name, factor: event.value.factor});
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
setSeats(event) {
|
||||
if (this.selectedVagon && event.value) {
|
||||
this.seats = [];
|
||||
for(let i = 1; i < 10 * event.value.factor; i++) {
|
||||
for (let i = 1; i < 10 * event.value.factor; i++) {
|
||||
this.seats.push({seat: i, type: event.value.type});
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
nextPage() {
|
||||
this.$emit('nextPage', {formData: {class: this.selectedClass.name, vagon: this.selectedVagon.vagon, seat: this.selectedSeat.seat}, pageIndex: 1});
|
||||
|
|
|
@ -49,9 +49,9 @@ export default {
|
|||
methods: {
|
||||
nextPage(event) {
|
||||
for (let field in event.formData) {
|
||||
this.formObject[field] = event.formData[field];
|
||||
this.formObject[field] = event.formData[field];
|
||||
}
|
||||
|
||||
|
||||
this.$router.push(this.items[event.pageIndex + 1].to);
|
||||
},
|
||||
prevPage(event) {
|
||||
|
@ -85,8 +85,6 @@ export default {
|
|||
padding-bottom: 0;
|
||||
padding-top: 0;
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
.card-header-message {
|
||||
|
@ -95,24 +93,24 @@ export default {
|
|||
}
|
||||
|
||||
.wizard-header {
|
||||
background-color: #057ad8;
|
||||
margin:0;
|
||||
background-color: #057ad8;
|
||||
margin:0;
|
||||
max-height: 48px;
|
||||
}
|
||||
|
||||
.wizard-header-content {
|
||||
align-self: center;
|
||||
align-self: center;
|
||||
padding: 0px;
|
||||
font-weight: 600;
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
.wizard-header-steps {
|
||||
align-self: center;
|
||||
text-align: center;
|
||||
max-width:90px;
|
||||
align-self: center;
|
||||
text-align: center;
|
||||
max-width:90px;
|
||||
padding: 0px;
|
||||
font-size: 14px;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
@ -126,6 +124,7 @@ export default {
|
|||
|
||||
&.wizard-confirmation {
|
||||
box-shadow: 0 25px 0 -23px #ededed;
|
||||
|
||||
p {
|
||||
font-weight: 600;
|
||||
color: #484848;
|
||||
|
@ -148,9 +147,9 @@ export default {
|
|||
}
|
||||
|
||||
.wizard-footer {
|
||||
background-color: #ededed;
|
||||
margin-top: 2em;
|
||||
margin-left: 0;
|
||||
background-color: #ededed;
|
||||
margin-top: 2em;
|
||||
margin-left: 0;
|
||||
margin-right:0;
|
||||
|
||||
& button {
|
||||
|
@ -165,20 +164,20 @@ export default {
|
|||
}
|
||||
|
||||
.wizard-footer-back-button {
|
||||
align-self: center;
|
||||
text-align: left;
|
||||
align-self: center;
|
||||
text-align: left;
|
||||
margin-left: .5em;
|
||||
}
|
||||
|
||||
.wizard-footer-next-button {
|
||||
align-self: center;
|
||||
text-align: right;
|
||||
align-self: center;
|
||||
text-align: right;
|
||||
margin-right: .5em;
|
||||
}
|
||||
|
||||
.wizard-footer-complete-button {
|
||||
align-self: center;
|
||||
text-align: right;
|
||||
align-self: center;
|
||||
text-align: right;
|
||||
margin-right: .5em;
|
||||
|
||||
& button {
|
||||
|
|
Loading…
Reference in New Issue