IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move in 'setSliderValuesCallback' 'slotOnNextClick' as 'buttonSliderCallback' into 'sliderSettings'

Browse Source
This commit is contained in:
Wolfgang Huß 2021-02-27 18:04:23 +01:00
parent e3bf47679e
commit 0022ea7365
6 changed files with 33 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
webapp/components/ComponentSlider/ComponentSlider.vue
View File

@ -36,7 +36,7 @@
filled
:loading="false"
:disabled="!sliderData.sliders[sliderIndex].validated"
@click="onClick"
@click="onNextClick"
>
{{ sliderData.sliders[sliderIndex].button.title }}
</base-button>
@ -59,10 +59,10 @@ export default {
},
},
methods: {
async onClick() {
async onNextClick() {
let success = true
if (this.sliderData.sliders[this.sliderIndex].button.slotOnNextClick) {
success = await this.sliderData.sliders[this.sliderIndex].button.slotOnNextClick()
if (this.sliderData.sliders[this.sliderIndex].button.sliderCallback) {
success = await this.sliderData.sliders[this.sliderIndex].button.sliderCallback()
}
success = success && this.sliderData.sliders[this.sliderIndex].button.callback(success)
if (success && this.sliderIndex < this.sliderData.sliders.length - 1) {

5
webapp/components/Registration/RegistrationItemCreateUserAccount.vue
View File

@ -227,8 +227,9 @@ export default {
: false
this.sendValidation()
// Wolle this.sliderData.setSliderValuesCallback(this.validInput, {}, {}, this.onNextClick)
this.sliderData.setSliderValuesCallback(this.valid, {}, this.onNextClick)
this.sliderData.setSliderValuesCallback(this.valid, {
sliderSettings: { buttonSliderCallback: this.onNextClick },
})
})
},
computed: {

11
webapp/components/Registration/RegistrationItemEnterEmail.vue
View File

@ -133,11 +133,12 @@ export default {
: ''
this.sendValidation()
this.sliderData.setSliderValuesCallback(
this.validInput,
this.buttonValues(),
this.onNextClick,
)
this.sliderData.setSliderValuesCallback(this.validInput, {
sliderSettings: {
...this.buttonValues().sliderSettings,
buttonSliderCallback: this.onNextClick,
},
})
})
},
watch: {

4
webapp/components/Registration/RegistrationItemEnterInvite.vue
View File

@ -57,7 +57,9 @@ export default {
: ''
this.sendValidation()
this.sliderData.setSliderValuesCallback(this.validInput, {}, this.onNextClick)
this.sliderData.setSliderValuesCallback(this.validInput, {
sliderSettings: { buttonSliderCallback: this.onNextClick },
})
})
},
computed: {

4
webapp/components/Registration/RegistrationItemEnterNonce.vue
View File

@ -62,7 +62,9 @@ export default {
this.sendValidation()
// Wolle this.sliderData.setSliderValuesCallback(this.validInput, {}, {}, this.onNextClick)
this.sliderData.setSliderValuesCallback(this.valid, {}, this.onNextClick)
this.sliderData.setSliderValuesCallback(this.valid, {
sliderSettings: { buttonSliderCallback: this.onNextClick },
})
})
},
computed: {

42
webapp/components/Registration/RegistrationSlider.vue
View File

@ -92,7 +92,7 @@ export default {
title: 'Next', // Wolle
icon: 'arrow-right',
callback: this.buttonCallback,
slotOnNextClick: null, // optional set by slot
sliderCallback: null, // optional set by slot
},
},
{
@ -104,7 +104,7 @@ export default {
title: '', // set by slider component
icon: '', // set by slider component
callback: this.buttonCallback,
slotOnNextClick: null, // optional set by slot
sliderCallback: null, // optional set by slot
},
},
{
@ -116,7 +116,7 @@ export default {
title: 'Confirm', // Wolle
icon: 'arrow-right',
callback: this.buttonCallback,
slotOnNextClick: null, // optional set by slot
sliderCallback: null, // optional set by slot
},
},
{
@ -129,7 +129,7 @@ export default {
title: 'Create', // Wolle
icon: 'check',
callback: this.buttonCallback,
slotOnNextClick: null, // optional set by slot
sliderCallback: null, // optional set by slot
},
},
]
@ -186,18 +186,9 @@ export default {
},
},
methods: {
// Wolle enterEmailButtonTitle(emailSend) {
// // return emailSend ? 'Resend e-mail' : 'Send e-mail'
// return emailSend ? 'Skip resend' : 'Send e-mail' // Wolle
// },
// enterEmailButtonIcon(emailSend) {
// // return emailSend ? 'Resend e-mail' : 'Send e-mail'
// return emailSend ? 'arrow-right' : 'envelope' // Wolle
// },
setSliderValuesCallback(
isValid,
{ collectedInputData, sliderData, sliderSettings },
slotOnNextClick = null,
{ collectedInputData, sliderData, sliderSettings }, // sliderCallback = null,
) {
this.sliderData.sliders[this.sliderIndex].validated = isValid
@ -220,37 +211,32 @@ export default {
}
}
if (sliderSettings) {
const { buttonTitle, buttonIcon } = sliderSettings
const { buttonTitle, buttonIcon, buttonSliderCallback } = sliderSettings
if (buttonTitle) {
this.sliderData.sliders[this.sliderIndex].button.title = buttonTitle
}
if (buttonIcon) {
this.sliderData.sliders[this.sliderIndex].button.icon = buttonIcon
}
if (buttonSliderCallback) {
this.sliderData.sliders[this.sliderIndex].button.sliderCallback = buttonSliderCallback
}
}
if (slotOnNextClick) {
this.sliderData.sliders[this.sliderIndex].button.slotOnNextClick = slotOnNextClick
}
// Wolle if (sliderCallback) {
// this.sliderData.sliders[this.sliderIndex].button.sliderCallback = sliderCallback
// }
},
sliderSelectorCallback(selectedIndex) {
if (selectedIndex <= this.sliderIndex + 1 && selectedIndex < this.sliderData.sliders.length) {
// Wolle if (this.sliderData.sliders[this.sliderIndex].name === 'enter-email') {
// this.sliderData.sliders[this.sliderIndex].button.title = this.enterEmailButtonTitle(
// this.sliderData.collectedInputData.emailSend,
// )
// this.sliderData.sliders[this.sliderIndex].button.icon = this.enterEmailButtonIcon(
// this.sliderData.collectedInputData.emailSend,
// )
// }
this.sliderData.sliderIndex = selectedIndex
}
},
buttonCallback(success) {
// Wolle
// if (this.sliderData.sliders[this.sliderIndex].name === 'enter-email') {
// // if (this.sliderData.sliders[this.sliderIndex].button.slotOnNextClick) {
// // this.sliderData.sliders[this.sliderIndex].button.slotOnNextClick()
// // if (this.sliderData.sliders[this.sliderIndex].button.sliderCallback) {
// // this.sliderData.sliders[this.sliderIndex].button.sliderCallback()
// // }
// this.sliderData.sliders[this.sliderIndex].button.title = this.enterEmailButtonTitle(
// this.sliderData.collectedInputData.emailSend,