139 lines
4.9 KiB
CoffeeScript
139 lines
4.9 KiB
CoffeeScript
linearMode = false
|
|
linearCount = 0
|
|
selection = null
|
|
|
|
refreshQuestion = () ->
|
|
if(sessionStorage.getItem('user_items'))
|
|
items = JSON.parse(sessionStorage.getItem('user_items'))
|
|
if linearMode
|
|
selection = items[linearCount]
|
|
linearCount++
|
|
if linearCount >= items.length # Wrap around
|
|
linearCount = 0
|
|
else
|
|
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');
|
|
$("#question-image").hide()
|
|
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']);
|
|
$("#question-image").show()
|
|
else
|
|
$("#question-area").text(selection['question']);
|
|
else
|
|
if(selection['item_type'] == 'kanji')
|
|
document.body.style.backgroundColor = "deeppink";
|
|
else
|
|
document.body.style.backgroundColor = "darkviolet";
|
|
$("#question-area").text(selection['question']);
|
|
if(selection['answer_type'] == 'eng')
|
|
$("#kana").attr("placeholder", "Meaning")
|
|
wanakana.unbind(input_element);
|
|
else
|
|
$("#kana").attr("placeholder", "かな")
|
|
wanakana.bind(input_element);
|
|
|
|
updateQuizItemStats = () ->
|
|
$('#radical-num').text(sessionStorage.getItem('radical_count'));
|
|
$('#kanji-num').text(sessionStorage.getItem('kanji_count'));
|
|
$('#vocab-num').text(sessionStorage.getItem('vocabulary_count'));
|
|
$('#total-num').text(parseInt(sessionStorage.getItem('radical_count')) + parseInt(sessionStorage.getItem('kanji_count'))+ parseInt(sessionStorage.getItem('vocabulary_count')))
|
|
|
|
getSrsTypeFilters = () ->
|
|
srs_levels = ['burnedcheck','enlightencheck','mastercheck','gurucheck','apprenticecheck']
|
|
return (document.getElementById(s).value for s in srs_levels when document.getElementById(s).checked).toString()
|
|
|
|
getItemTypeFilters = () ->
|
|
item_types = ['radicalcheck', 'kanjicheck', 'vocabcheck']
|
|
return (document.getElementById(s).value for s in item_types when document.getElementById(s).checked).toString()
|
|
|
|
filterQuestions = () ->
|
|
sessionStorage.removeItem('user_items')
|
|
sessionStorage.removeItem('radical_count')
|
|
sessionStorage.removeItem('kanji_count')
|
|
sessionStorage.removeItem('vocabulary_count')
|
|
target_url = "/user_items?level_range=" + $('#filter-input').val() + "&item_state=" + getSrsTypeFilters() + "&item_types=" + getItemTypeFilters()
|
|
$.ajax
|
|
url: target_url,
|
|
dataType: 'json',
|
|
success: (e) ->
|
|
if(e.hasOwnProperty('error'))
|
|
document.getElementById('filter-input').value = ''
|
|
$('#error-text').text(e['error'])
|
|
$('#error-area').show();
|
|
else
|
|
sessionStorage.setItem('user_items', JSON.stringify(e['item_list']))
|
|
sessionStorage.setItem('radical_count', e['radical_count'])
|
|
sessionStorage.setItem('kanji_count', e['kanji_count'])
|
|
sessionStorage.setItem('vocabulary_count', e['vocabulary_count'])
|
|
updateQuizItemStats()
|
|
refreshQuestion()
|
|
|
|
$('#filter-form').submit( (e) ->
|
|
e.preventDefault()
|
|
filterQuestions()
|
|
$('#modal-filter').modal('hide')
|
|
linearCount = 0
|
|
)
|
|
|
|
toggleQuizMode = () ->
|
|
linearMode = !linearMode
|
|
if linearMode
|
|
$('#mode-toggle').text("Linear Mode")
|
|
else
|
|
linearCount = 0
|
|
$('#mode-toggle').text("Random Mode")
|
|
refreshQuestion()
|
|
|
|
$(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(selection['answer'].split(/[,\.]/g).map((x) -> x.trim()).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();
|
|
$("#api-refresh").find('span').addClass('glyphicon-spin');
|
|
$.post("/refresh").success(() ->
|
|
refreshQuestion();
|
|
$("#api-refresh").find('span').removeClass('glyphicon-spin');
|
|
$('#success-area').show();
|
|
).fail(() ->
|
|
$('#error-area').show();
|
|
$('#error-text').text("Cannot refresh API. Try again later.")
|
|
$("#api-refresh").find('span').removeClass('glyphicon-spin');
|
|
);
|
|
|
|
$('#error-area').find('button').click () ->
|
|
$('#error-area').hide()
|
|
|
|
$('#success-area').find('button').click () ->
|
|
$('#success-area').hide()
|
|
|
|
$ ->
|
|
$(document).ready ->
|
|
$('[data-toggle="tooltip"]').tooltip();
|
|
document.getElementById('mode-toggle').onclick = toggleQuizMode
|
|
filterQuestions()
|