2018-09-18 17:17:42 +00:00
|
|
|
var flashcard = $("#flashcard");
|
|
|
|
var FLIPPED = false;
|
|
|
|
flashcard.onclick = function(){
|
|
|
|
|
|
|
|
// Flip!
|
|
|
|
var flip = flashcard.getAttribute("flip");
|
|
|
|
if(flip=="yes"){
|
|
|
|
flashcard.setAttribute("flip","no");
|
|
|
|
}else{
|
|
|
|
flashcard.setAttribute("flip","yes");
|
2018-09-26 19:59:45 +00:00
|
|
|
|
|
|
|
// HACK: PLAY AUDIO
|
|
|
|
var a = $("#HACK_audio");
|
|
|
|
if(a){
|
|
|
|
a.play();
|
|
|
|
if(!a.onclick){
|
|
|
|
a.onclick = function(e){
|
|
|
|
e.stopPropagation();
|
|
|
|
};
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-09-18 17:17:42 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
// Also, send message (when flipped for first time)
|
|
|
|
if(!FLIPPED && window.top.broadcastMessage){
|
|
|
|
FLIPPED = true;
|
|
|
|
setTimeout(function(){
|
|
|
|
window.top.broadcastMessage("flip_"+cardname);
|
|
|
|
},1000);
|
|
|
|
}
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
window.cardname = _getQueryVariable("card");
|
|
|
|
var frontHTML = _getLabel("flashcard_"+cardname+"_front");
|
|
|
|
var backHTML = _getLabel("flashcard_"+cardname+"_back");
|
|
|
|
$("#front").innerHTML = frontHTML;
|
|
|
|
$("#back").innerHTML = backHTML;
|
|
|
|
|
|
|
|
_modifyFlashCard($("#front"));
|
2018-09-30 15:44:42 +00:00
|
|
|
_modifyFlashCard($("#back"));
|
|
|
|
|
|
|
|
// Refresh in real time...
|
|
|
|
if(_getQueryVariable("refresh")=="yes"){
|
|
|
|
|
|
|
|
var dom = back.querySelector(".fcard_center");
|
|
|
|
|
|
|
|
dom.style.top = "auto";
|
|
|
|
dom.style.bottom = "auto";
|
|
|
|
|
|
|
|
var _reAlign = function(){
|
|
|
|
var bounds = dom.getBoundingClientRect();
|
2018-10-04 17:14:18 +00:00
|
|
|
dom.style.top = (((240-bounds.height-10)/2)) +"px";
|
2018-09-30 15:44:42 +00:00
|
|
|
};
|
|
|
|
_reAlign();
|
|
|
|
|
|
|
|
window.top.subscribe("answer_edit_"+cardname, function(new_answer){
|
|
|
|
dom.innerText = new_answer;
|
|
|
|
_reAlign();
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|