.uk-input:focus,
.uk-textarea:focus {
border: 1px solid #8022ef !important;
} .uk-open>.uk-modal-dialog {
padding: 1em
} .uk-button-primary {
background: #8022ef;
} .uk-button-primary:hover {
background: #983dff;
} .form-link {
color: #8022ef !important;
} .uk-subnav-pill>.uk-active>a {
background: #8022ef;
} .uk-alert-danger {
display: none;
} .uk-checkbox:checked {
background-color: #8022ef !important;
}
var url = 'https://doit4me.azurewebsites.net/api/v1/consult' var activity = []
var problemDescription = []
var fullNameField = $('.fullName')
var phoneNumberField = $('.phoneNumber')
var phoneNumberConfirmationField = $('.phoneNumberConfirmation')
var zipCodeField = $('.zipCode')
var termsAndConditions = $('.terms')
var valid = true // $(document).ready(function () {
// $('.phoneNumber').mask('(00) 0 0000-0000')
// $('.phoneNumberConfirmation').mask('(00) 0 0000-0000')
// $('.zipCode').mask('00000-000');
// })
//VALIDATIONS
function problemDescriptionIsEmpty() {
return problemDescription.length == 0
}
function activityIsEmpty() {
return activity.length == 0
}
function fullNameIsEmpty() {
return fullNameField.val() == ''
}
function phoneNumberIsEmpty() {
return phoneNumberField.val() == ''
}
function phoneNumberIsIncorrect() {
return phoneNumberField.val().length != 16
}
function zipCodeIsIncorrect() {
return zipCodeField.val().length != 9
}
function phoneNumberConfirmationIsEmpty() {
return phoneNumberConfirmationField.val() == ''
}
function phoneNumbersError() {
return phoneNumberConfirmationField.val() != phoneNumberField.val()
}
function zipCodeIsEmpty() {
return zipCodeField.val() == ''
}
function checkedTermsAndConditions() {
return termsAndConditions[0].checked
} //Enable/Disable Errors
function showError(element) {
element[0].style = 'display: block'
}
function disableError(element) {
element[0].style = 'display: none'
} function endStep(event) {
event.preventDefault();
if (problemDescriptionIsEmpty()) {
UIkit.modal.dialog('Antes de continuar, descreva o que você precisa.')
showError($('.problemDescriptionError'))
} else {
//go to page 1
UIkit.switcher($('.uk-switcher')).show(1);
disableError($('.problemDescriptionError'))
}
}
function validate() {
activityIsEmpty() ? showError($('.activityError')) : disableError($('.activityError'))
problemDescriptionIsEmpty() ? showError($('.problemDescriptionError')) : disableError($('.problemDescriptionError'))
fullNameIsEmpty() ? showError($('.fullNameError')) : disableError($('.fullNameError'))
phoneNumberIsEmpty() ? showError($('.phoneNumberError')) : disableError($('.phoneNumberError'))
phoneNumberIsIncorrect() ? showError($('.phoneNumberIncorrectError')) : disableError($('.phoneNumberIncorrectError'))
phoneNumbersError() ? showError($('.phoneNumberConfirmationEqualsError')) : disableError($('.phoneNumberConfirmationEqualsError'))
phoneNumberConfirmationIsEmpty() ? showError($('.phoneNumberConfirmationError')) : disableError($('.phoneNumberConfirmationError'))
zipCodeIsEmpty() ? showError($('.zipCodeError')) : disableError($('.zipCodeError'))
zipCodeIsIncorrect() ? showError($('.zipCodeIncorrectError')) : disableError($('.zipCodeIncorrectError'))
checkedTermsAndConditions() ? disableError($('.termsError')) : showError($('.termsError'))
phoneNumberIsIncorrect()
valid =
!activityIsEmpty() &&
!problemDescriptionIsEmpty() &&
!phoneNumberIsIncorrect() &&
!fullNameIsEmpty() &&
!phoneNumberIsEmpty() &&
!phoneNumberConfirmationIsEmpty() &&
!phoneNumbersError() &&
!zipCodeIsEmpty() &&
!zipCodeIsIncorrect() &&
checkedTermsAndConditions()
console.log(valid)
}
function getCheckboxes() {
activity = []
problemDescription = []
$.each($("input[name='activity']:checked"), function () {
activity.push($(this).attr('value'));
});
$.each($("input[name='problemDescription']:checked"), function () {
problemDescription.push($(this).attr('value'));
});
$('.other').val() ? problemDescription.push($('.other').val()) : null
// console.log('activity', activity)
// console.log('problem', problemDescription)
} async function submitForm(event) {
event.preventDefault();
getCheckboxes()
validate()
if (valid) {
$('.uk-button').prop('disabled', true);
await UIkit.modal.dialog('Enviando. Aguarde...')
var consult = {
"activity": activity,
"problemDescription": problemDescription,
"category": "Montador de Móveis",
"fullName": fullNameField.val(),
"phoneNumber": phoneNumberField.val(),
"zipCode": zipCodeField.val()
}
console.log(JSON.stringify(consult))
await fetch(url, {
method: "POST",
body: JSON.stringify(consult),
headers: {
"Content-Type": "application/json",
}
})
.then(async function (r) {
console.log(r)
if (r.status == 200) {
await UIkit.modal.dialog('Solicitação enviada, redirecionando...')
await window.location.replace("https://youber.app/sucesso/");
} else {
await UIkit.modal.dialog('Ocorreu um erro na sua solicitação. Tente novamente mais tarde.')
$('.uk-button').prop('disabled', false);
}
})
.catch(function (error) {
console.log(error)
})
} else {
UIkit.modal.dialog('Existem erros no formulário! Verifique os campos e tente novamente.')
}
}
O maior encontrador de prestadores de serviços