mint/app/palicanon/palicanon.js

var main_tag = "";
var list_tag = new Array();
var currTagLevel0 = new Array();
var allTags = new Array();
var arrMyTerm = new Array();

palicanon_load_term();

function palicanon_onload() {
	$("span[tag]").click(function () {
		$(this).siblings().removeClass("select");
		$(this).addClass("select");
		main_tag = $(this).attr("tag");
		list_tag = new Array();
		tag_changed();
		render_tag_list();
	});

	$("#tag_input").keypress(function () {
		tag_render_others();
	});
}

function palicanon_load_term() {
	$.post(
		"../term/get_term_index.php",
		{
			lang: getCookie("language"),
		},
		function (data) {
			let result = JSON.parse(data);
			if (result.status == 0) {
				arrMyTerm = result.data;
				render_main_tag();
			} else {
				alert(result.error);
			}
		}
	);
}

function render_main_tag() {
	$("#main_tag")
		.children()
		.each(function () {
			$(this).html(tag_get_local_word($(this).attr("tag")));
		});
}
function tag_changed() {
	let strTags = "";
	if (list_tag.length > 0) {
		strTags = main_tag + "," + list_tag.join();
	} else {
		strTags = main_tag;
	}
	console.log(strTags);
	let lang = getCookie("language");
	if (lang == "zh-cn") {
		lang = "zh-hans";
	} else if (lang == "zh-tw") {
		lang = "zh-hant";
	} else if (lang == "") {
		lang = "en";
	}
	$.get(
		"book_tag.php",
		{
			tag: strTags,
			lang: lang,
		},
		function (data, status) {
			let arrBookList = JSON.parse(data);
			let html = "";
			allTags = new Array();
			let arrChapter = new Array();

			for (const iterator of arrBookList) {
				let tag0 = "";
				let tags = iterator.tag.split("::");
				let currTag = new Array();
				currTag[main_tag] = 1;
				for (const scondTag of list_tag) {
					currTag[scondTag] = 1;
				}
				for (let tag of tags) {
					if (tag.slice(0, 1) == ":") {
						tag = tag.slice(1);
					}
					if (tag.slice(-1) == ":") {
						tag = tag.slice(0, -1);
					}
					if (currTagLevel0.hasOwnProperty(tag)) {
						tag0 = tag;
					}
					if (!currTag.hasOwnProperty(tag)) {
						if (allTags.hasOwnProperty(tag)) {
							allTags[tag] += 1;
						} else {
							allTags[tag] = 1;
						}
					}
				}

				if (arrBookList.length < 100 || (arrBookList.length > 100 && iterator.level == 1)) {
					arrChapter.push(iterator);
				}
			}

			let newTags = new Array();
			for (const oneTag in allTags) {
				if (allTags[oneTag] < arrBookList.length) {
					newTags[oneTag] = allTags[oneTag];
				}
			}
			allTags = newTags;
			allTags.sort(sortNumber);
			tag_render_others();
			palicanon_chapter_list_apply(arrChapter, 0);
		}
	);
}

function palicanon_load_chapter(book, para, div_index = 1) {
	let lang = getCookie("language");
	if (lang == "zh-cn") {
		lang = "zh-hans";
	} else if (lang == "zh-tw") {
		lang = "zh-hant";
	} else if (lang == "") {
		lang = "en";
	}
	$.get(
		"get_chapter_children.php",
		{
			book: book,
			para: para,
			lang: lang,
		},
		function (data, status) {
			let lang = getCookie("language");
			if (lang == "zh-cn") {
				lang = "zh-hans";
			} else if (lang == "zh-tw") {
				lang = "zh-hant";
			} else if (lang == "") {
				lang = "en";
			}
			let arrChapterList = JSON.parse(data);
			palicanon_chapter_list_apply(arrChapterList, div_index);
			$.get(
				"get_chapter_info.php",
				{
					book: book,
					para: para,
					lang: lang,
				},
				function (data, status) {
					let arrChapterInfo = JSON.parse(data);
					let html = render_chapter_head(arrChapterInfo, div_index + 1);
					$("#chapter_head_" + (parseInt(div_index) + 1)).html(html);
				}
			);
		}
	);
}

function render_chapter_head(chapter_info, level) {
	let html = "";
	let link = "../reader/?view=chapter&book=" + chapter_info.book + "&para=" + chapter_info.paragraph;
	html += "<div class='title'>";
	if (typeof chapter_info.trans_title == "undefined") {
		html += "	<div class='title_1'><a href='" + link + "' target='_blank'>" + chapter_info.text + "</a></div>";
	} else {
		html +=
			"	<div class='title_1'><a href='" + link + "' target='_blank'>" + chapter_info.trans_title + "</a></div>";
	}
	html += "<div class='title_2'>" + chapter_info.text + "</div>";
	html += "</div>";
	html += "<div class='info res_more'>";
	html += "<div class='progress'>";
	if (chapter_info.progress && chapter_info.progress.length > 0) {
		let r = 12;
		let perimeter = 2 * Math.PI * r;
		for (const iterator of chapter_info.progress) {
			let stroke1 = parseInt(perimeter * iterator.all_trans);
			let stroke2 = perimeter - stroke1;
			html += '	<div class="item">';
			html += '<svg class="progress_circle" width="30" height="30" viewbox="0,0,30,30">';
			html += '<circle class="progress_bg" cx="15" cy="15" r="12" stroke-width="5"  fill="none"></circle>';
			html +=
				'<circle class="progress_color" cx="15" cy="15" r="12" stroke-width="5" fill="none"  stroke-dasharray="' +
				stroke1 +
				" " +
				stroke2 +
				'"></circle>';
			html += "</svg>";

			html += "<div>" + iterator.lang + "-" + parseInt(iterator.all_trans * 100) + "%</div>";
			html += "	</div>";
		}
	} else {
		html += "无译文";
	}
	html += "</div>";

	html += "</div>";

	return html;
}

function palicanon_chapter_list_apply(chapterList, div_index) {
	let iDiv = parseInt(div_index);
	let html = "";
	html += "<div id='chapter_head_" + (iDiv + 1) + "' class='chapter_head'></div>";
	html += "<ul id='list-" + (iDiv + 1) + "' class='grid' level='" + (iDiv + 1) + "'>";
	for (const iterator of chapterList) {
		html += palicanon_render_chapter_row(iterator);
	}
	html += "</ul>";

	$("#list_shell_" + (iDiv + 1)).html(html);
	$("#list_shell_" + (iDiv + 1)).removeClass();
	$("#list_shell_" + (iDiv + 1)).addClass("show");
	//隐藏之后的列表
	for (let index = iDiv + 2; index <= 8; index++) {
		$("#list_shell_" + index).removeClass();
		$("#list_shell_" + index).addClass("hidden");
	}
	//收缩当前的
	$("#list-" + iDiv).removeClass();
	$("#list-" + iDiv).addClass("list");

	$("#list_shell_" + iDiv).removeClass();
	$("#list_shell_" + iDiv).addClass("list");
}

function chapter_onclick(obj) {
	let book = $(obj).attr("book");
	let para = $(obj).attr("para");
	let level = $(obj).parent().attr("level");
	$(obj).siblings().removeClass("selected");
	$(obj).addClass("selected");
	$("#tag_list").slideUp();
	palicanon_load_chapter(book, para, level);
}

function palicanon_render_chapter_row(chapter) {
	let html = "";
	let levelClass = "";
	if (chapter.level == 1) {
		levelClass = " level_1";
	}
	html +=
		'<li class="' +
		levelClass +
		'" book="' +
		chapter.book +
		'" para="' +
		chapter.para +
		'" onclick="chapter_onclick(this)">';
	html += '<div class="title">';

	if (typeof chapter.trans_title == "undefined") {
		html += "	<div class='title_1'>" + chapter.title + "</div>";
	} else {
		html += "	<div class='title_1'>" + chapter.trans_title + "</div>";
	}

	html += '	<div class="title_2" lang="pali">' + chapter.title + "</div>";
	html += "</div>";
	html += '<div class="resource">';
	if (chapter.progress) {
		let r = 12;
		let perimeter = 2 * Math.PI * r;
		let stroke1 = parseInt(perimeter * chapter.progress.all_trans);
		let stroke2 = perimeter - stroke1;
		html += '<svg class="progress_circle" width="30" height="30" viewbox="0,0,30,30">';
		html += '<circle class="progress_bg" cx="15" cy="15" r="12" stroke-width="5"  fill="none"></circle>';
		html +=
			'<circle class="progress_color" cx="15" cy="15" r="12" stroke-width="5" fill="none"  stroke-dasharray="' +
			stroke1 +
			" " +
			stroke2 +
			'"></circle>';
		html += "</svg>";
		/*
		for (const iterator of chapter.progress) {
			html += '	<div class="item">';
			html += "<div>" + iterator.lang + "-" + parseInt(iterator.all_trans * 100) + "%</div>";
			html += "	</div>";
		}
		*/
	}
	html += '	<div class="res_more">';
	html += "		更多";
	html += "	</div>";
	html += "</div>";
	html += "</li>";
	return html;
}
function tag_get_local_word(word) {
	let termKey = term_lookup_my(word, "", getCookie("userid"), getCookie("language"));
	if (termKey) {
		return termKey.meaning;
	} else {
		return word;
	}
}
function tag_render_others() {
	let strOthersTag = "";
	currTagLevel0 = new Array();
	$(".tag_others").html("");

	document.getElementById("main_tag").style.margin = 1 + "em";
	document.getElementById("main_tag").style.fontSize = 100 + "%";

	for (const key in allTags) {
		if (allTags.hasOwnProperty(key)) {
			if ($("#tag_input").val().length > 0) {
				if (key.indexOf($("#tag_input").val()) >= 0) {
					strOthersTag =
						'<button class="canon-tag" onclick ="tag_click(\'' + key + "')\" >" + key + "</button>";
				}
			} else {
				let keyname = tag_get_local_word(key);
				strOthersTag =
					'<button class="canon-tag" title="' +
					key +
					'" onclick ="tag_click(\'' +
					key +
					"')\" >" +
					keyname +
					"</button>";
			}
			let thisLevel = 100;
			if (tag_level.hasOwnProperty(key)) {
				thisLevel = tag_level[key].level;
				if (tag_level[key].level == 0) {
					currTagLevel0[key] = 1;
				}
			}
			$(".tag_others[level='" + thisLevel + "']").html(
				$(".tag_others[level='" + thisLevel + "']").html() + strOthersTag
			);
		}
	}
}

function tag_click(tag) {
	list_tag.push(tag);
	render_tag_list();
	tag_changed();
}

function render_tag_list() {
	$("#tag_list").slideDown();

	let strListTag = gLocal.gui.selected + "：";
	for (const iterator of list_tag) {
		strListTag += '<tag><span class="textt" title="' + iterator + '">' + tag_get_local_word(iterator) + "</span>";
		strListTag += '<span class="tag-delete" onclick ="tag_remove(\'' + iterator + "')\">✕</span></tag>";
	}
	strListTag +=
		"<div style='display:inline-block;width:20em;'>" +
		"<input id='tag_input' type='input' placeholder='tag' size='20'  />" +
		"</div>";
	$("#tag_selected").html(strListTag);
}

function tag_remove(tag) {
	for (let i = 0; i < list_tag.length; i++) {
		if (list_tag[i] == tag) {
			list_tag.splice(i, 1);
		}
	}
	render_tag_list();
	tag_changed();
}

function sortNumber(a, b) {
	return b - a;
}

function tag_list_slide_toggle() {
	$("#tag_list").slideToggle();
}