61 lines
2.1 KiB
CoffeeScript
61 lines
2.1 KiB
CoffeeScript
refreshQuestion = () ->
|
|
if(not sessionStorage.getItem('user_items'))
|
|
$.ajax
|
|
url: "/user_items",
|
|
dataType: 'json',
|
|
success: (e) ->
|
|
sessionStorage.setItem('user_items', JSON.stringify(e['item_list']))
|
|
refreshQuestion()
|
|
if(sessionStorage.getItem('user_items'))
|
|
items = JSON.parse(sessionStorage.getItem('user_items'))
|
|
selection = items[Math.floor(Math.random() * items.length)]
|
|
$("#help-area").text('');
|
|
$("#kana").removeClass("correct").val('');
|
|
$("#question-area").text('');
|
|
$("#question-image").attr("src", '');
|
|
$('#answer').addClass('hidden');
|
|
$('#answer').text(selection['answer']);
|
|
input_element = document.getElementById('kana');
|
|
if(selection['item_type'] == 'radical')
|
|
$("#kana").attr("placeholder", "Meaning")
|
|
document.body.style.backgroundColor = "deepskyblue";
|
|
wanakana.unbind(input_element);
|
|
if(selection['question'].indexOf('http') >= 0)
|
|
$("#question-image").attr("src", selection['question']);
|
|
else
|
|
$("#question-area").text(selection['question']);
|
|
else
|
|
$("#kana").attr("placeholder", "かな")
|
|
if(selection['item_type'] == 'kanji')
|
|
document.body.style.backgroundColor = "deeppink";
|
|
else
|
|
document.body.style.backgroundColor = "darkviolet";
|
|
wanakana.bind(input_element);
|
|
$("#question-area").text(selection['question']);
|
|
|
|
$(document).keypress (e) ->
|
|
if(e.which == 13)
|
|
$("#submit-answer").click();
|
|
|
|
$("#submit-answer").click (e) ->
|
|
e.preventDefault();
|
|
input_answer = document.getElementById('kana').value;
|
|
if($("#kana").hasClass("correct"))
|
|
refreshQuestion();
|
|
else if($('#answer').text().replace(/\s/g, '').split(/[,\.]/g).indexOf(input_answer) != -1)
|
|
$("#kana").addClass("correct").removeClass("wrong");
|
|
else
|
|
$("#kana").addClass("wrong").removeClass("correct").val('')
|
|
|
|
$("#get-help").click (e) ->
|
|
e.preventDefault();
|
|
$("#answer").removeClass('hidden');
|
|
|
|
$("#api-refresh").click (e) ->
|
|
e.preventDefault();
|
|
$.post("{{ url_for('refresh_api') }}");
|
|
|
|
$ ->
|
|
$(document).ready ->
|
|
$('[data-toggle="tooltip"]').tooltip();
|
|
refreshQuestion(); |