Steps refactor

pull/132/head
cagataycivici 2019-12-30 10:24:46 +03:00
parent 9418b97465
commit 73f3fa64a7
6 changed files with 14224 additions and 35 deletions

14197
package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff

View File

@ -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;

View File

@ -74,11 +74,6 @@ export default {
props: {
formData: Object
},
data() {
return {
}
},
methods: {
prevPage() {
this.$emit('prevPage', {pageIndex: 3});

View File

@ -57,7 +57,7 @@
</template>
<script>
import {required, minLength, integer} from 'vuelidate/lib/validators';
import {required, integer} from 'vuelidate/lib/validators';
export default {
data () {

View File

@ -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});

View File

@ -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 {