diff --git a/web/src/app/css/app.css b/web/src/app/css/app.css index 82052be..81c9ae2 100644 --- a/web/src/app/css/app.css +++ b/web/src/app/css/app.css @@ -93,7 +93,10 @@ img.avatar { .button.disabled { - filter: grayscale() !important; + filter: grayscale() !important; + cursor: initial !important; + user-select: none; + z-index: -1; } .button.floating { padding: 1.5em; @@ -276,6 +279,7 @@ main { top: 0; background: #f9f9f9; border-bottom: 10px solid #00000014; + z-index: 1; } #quiz .person .lovebg { padding: 1.5em 2em; diff --git a/web/src/app/js/pages/quiz.js b/web/src/app/js/pages/quiz.js index ded1fed..e393075 100644 --- a/web/src/app/js/pages/quiz.js +++ b/web/src/app/js/pages/quiz.js @@ -71,11 +71,20 @@ app.pages.quiz = { } }); content.innerHTML += tpl; - if (item.options.length > 0) { + if (item.options.length > 0) document.querySelector(`#quiz #question-${i} .type-freetext`).remove(); - } else { - document.querySelector(`#quiz #question-${i} .type-options`).remove(); - } + else document.querySelector(`#quiz #question-${i} .type-options`).remove(); + } + + if (json.responses !== undefined && json.responses.length > 0) { + document.querySelectorAll('form label.button') + .forEach(function(item) { item.classList.add('disabled') }); + document.querySelectorAll('form input[type="text"], form input[type="radio"]') + .forEach(function(item) { item.setAttribute('disabled', 'true') }); + for (var i in json.responses) + document.querySelector('form#quiz')['question_'+i] + .value = json.responses[parseInt(i)]; + document.querySelector('*[onclick*="actions.send"]').remove(); } page().scrollInit(); }, @@ -163,11 +172,16 @@ app.pages.quiz = { const key = 'question_'+page().data.content[i].index; const value = form[key].value.trim(); if (value === '') - return app.toast.error('TODO: translate: you must fill all quiz questions before sending it'); + return app.toast.error(s('app.error.must_fill_quiz')); data[key] = value; } http.post('/api/v1/me/quizs', data, function(json) { - console.log(json); + if (json.error !== undefined) + app.toast.error(app.strings.app.error[json.error]); + else if (json.result === 1) { + app.toast.info(app.strings.app.ok.quiz_sent); + setTimeout(function(){ exit() }, app.toast.DEFAULT_MILLIS); + } }); }, }, diff --git a/web/src/config/lang/en.php b/web/src/config/lang/en.php index 470dbc0..fca39b4 100644 --- a/web/src/config/lang/en.php +++ b/web/src/config/lang/en.php @@ -53,6 +53,7 @@ $strings = [ 'follow_rejected_max' => 'You have reached the limit of crush requests on this person', 'user_blocked_you' => 'We are sorry, this person rejected to be your crush. You will find another love soon!', 'already_sent_quiz' => 'Sorry, you can\'t send the Quiz again. It was already sent.', + 'must_fill_quiz' => 'Error, you must fill all Quiz questions before sending it.', ], ], ]; diff --git a/web/src/config/lang/es.php b/web/src/config/lang/es.php index c336bec..0d56ec1 100644 --- a/web/src/config/lang/es.php +++ b/web/src/config/lang/es.php @@ -53,6 +53,7 @@ $strings = [ 'follow_rejected_max' => 'Has alcanzado el límite de peticiones de crush para esta persona', 'user_blocked_you' => 'Lo sentimos, esta persona ha rechazado ser su crush. ¡Encontrarás a otra persona pronto!', 'already_sent_quiz' => 'Lo siento, no puedes enviar este Quiz de nuevo. Ya ha sido enviado antes.', + 'must_fill_quiz' => 'Error, debes rellenar todas las preguntas del Quiz antes de enviarlo.', ], ], ];