thedesk/app/js/tl/datails.js

//トゥートの詳細
function details(id, acct_id, tlid, mode) {
	if (mode == "dm") {
		$(".dm-hide").hide();
	} else {
		$(".dm-hide").show();
	}
	$(".toot-reset").html('<span class="no-data">' + lang.lang_details_nodata + '</span>');
	var html = $("#timeline_" + tlid + " [toot-id=" + id + "]").html();
	$("#toot-this").html(html);
	$('#tootmodal').modal('open');
	var domain = localStorage.getItem("domain_" + acct_id);
	var at = localStorage.getItem("acct_" + acct_id + "_at");
	if (localStorage.getItem("mode_" + domain) == "misskey") {
		var start = "https://" + domain + "/api/notes/show";
		var i = {
			method: 'POST',
			headers: {
				'content-type': 'application/json',
			},
			body: JSON.stringify({
				i: at,
				noteId: id
			})
		}
	} else {
		var start = "https://" + domain + "/api/v1/statuses/" + id;
		var i = {
			method: 'GET',
			headers: {
				'content-type': 'application/json',
				'Authorization': 'Bearer ' + at
			},
		}
	}

	fetch(start, i).then(function (response) {
		if (!response.ok) {
			response.text().then(function(text) {
				setLog(response.url, response.status, text);
			});
		}
		return response.json();
	}).catch(function (error) {
		todo(error);
		console.error(error);
	}).then(function (json) {
		console.log(["Toot data:", json]);
		if (!$("#timeline_" + tlid + " #pub_" + id).length) {
			var html = parse([json], '', acct_id);
			$("#toot-this").html(html);
			jQuery("time.timeago").timeago();
		}
		if (localStorage.getItem("mode_" + domain) == "misskey") {
			var url = "https://" + domain + "/notes/" + json.id;
			var scn = json.user.username;
			if (!json.user.host) {
				var local = true;
			} else {
				var local = false;
				scn = scn + "@" + host;
			}
			var rep = "";
			var uid = json.user.id;
			if (json._replyIds) {
				replyTL(json._replyIds[0], acct_id);
			}
		} else {
			var url = json.url
			if (json.account.acct == json.account.username) {
				var local = true;
			} else {
				var local = false;
			}
			var scn = json.account.acct;
			var uid = json.account.id;
			if (json["in_reply_to_id"]) {
				replyTL(json["in_reply_to_id"], acct_id);
			}
		}
		$("#toot-this .fav_ct").text(json.favourites_count);
		$("#toot-this .rt_ct").text(json.reblogs_count);
		$("#tootmodal").attr("data-url", url);
		$("#tootmodal").attr("data-id", json.id);
		$("#tootmodal").attr("data-acct", acct_id);
		if (local) {
			$("#tootmodal").attr("data-user", scn + "@" + domain);
		} else {
			$("#tootmodal").attr("data-user", scn);
		}
		getContext(id, acct_id);
		var dom = null;
		if (!local) {
			dom = scn.replace(/.+@/g, '');
		} else {
			dom = domain;
		}
		beforeToot(id, acct_id, dom);
		userToot(id, acct_id, uid);
		afterToot(id, acct_id, dom);
		afterUserToot(id, acct_id, uid);
		afterFTLToot(id, acct_id, dom);
		faved(id, acct_id);
		rted(id, acct_id);
		if ($("#toot-this div").hasClass("cvo")) {
			$("#toot-this").removeClass("cvo");
		} else {
			if(!$("#toot-this .cvo").hasClass("cvo")){
				$("#toot-this").addClass("cvo");
			}
		}
		if (!$("#activator").hasClass("active")) {
			$('#det-col').collapsible('open', 4);
		}

	});
}

//返信タイムライン
function replyTL(id, acct_id) {
	var domain = localStorage.getItem("domain_" + acct_id);
	var at = localStorage.getItem("acct_" + acct_id + "_at");
	if (localStorage.getItem("mode_" + domain) == "misskey") {
		var start = "https://" + domain + "/api/notes/show";
		var i = {
			method: 'POST',
			headers: {
				'content-type': 'application/json',
			},
			body: JSON.stringify({
				i: at,
				noteId: id
			})
		}
	} else {
		return false
	}
	fetch(start, i).then(function (response) {
		if (!response.ok) {
			response.text().then(function(text) {
				setLog(response.url, response.status, text);
			});
		}
		return response.json();
	}).catch(function (error) {
		todo(error);
		console.error(error);
	}).then(function (json) {
		if (localStorage.getItem("filter_" + acct_id) != "undefined") {
			var mute = getFilterType(JSON.parse(localStorage.getItem("filter_" + acct_id)), "thread");
		} else {
			var mute = [];
		}
		if (localStorage.getItem("mode_" + domain) == "misskey") {
			var templete = misskeyParse([json], '', acct_id, "", "", mute);
			$("#toot-after").prepend(templete);
			$("#toot-after .hide").html(lang.lang_details_filtered);
			$("#toot-after .by_filter").css("display", "block");
			$("#toot-after .by_filter").removeClass("hide");
			var rep = "_replyIds";
			if (json[rep]) {
				replyTL(json[rep][0], acct_id);
			}
		}

	});
}

//コンテクストってなんですか
function getContext(id, acct_id) {
	var domain = localStorage.getItem("domain_" + acct_id);
	var at = localStorage.getItem("acct_" + acct_id + "_at");
	if (localStorage.getItem("mode_" + domain) == "misskey") {
		var start = "https://" + domain + "/api/notes/conversation";
		var i = {
			method: 'POST',
			headers: {
				'content-type': 'application/json',
			},
			body: JSON.stringify({
				i: at,
				noteId: id
			})
		}
	} else {
		var start = "https://" + domain + "/api/v1/statuses/" + id + "/context";
		var i = {
			method: 'GET',
			headers: {
				'content-type': 'application/json',
				'Authorization': 'Bearer ' + at
			},
		}
	}
	fetch(start, i).then(function (response) {
		if (!response.ok) {
			response.text().then(function(text) {
				setLog(response.url, response.status, text);
			});
		}
		return response.json();
	}).catch(function (error) {
		todo(error);
		console.error(error);
	}).then(function (json) {
		if (localStorage.getItem("mode_" + domain) == "misskey") {
			json.reverse();
			var templete = misskeyParse(json, '', acct_id, "", "", []);
			$("#toot-reply").html(templete);
			$("#toot-reply .hide").html(lang.lang_details_filtered);
			$("#toot-reply .by_filter").css("display", "block");
			$("#toot-reply .by_filter").removeClass("hide");
			jQuery("time.timeago").timeago();
		} else {
			if (localStorage.getItem("filter_" + acct_id) != "undefined") {
				var mute = getFilterType(JSON.parse(localStorage.getItem("filter_" + acct_id)), "thread");
			} else {
				var mute = [];
			}
			var templete = parse(json.descendants, '', acct_id, "", "", mute);
			if (templete != "") {
				$("#toot-after .no-data").hide();
			}
			$("#toot-after").html(templete);
			$("#toot-after .hide").html(lang.lang_details_filtered);
			$("#toot-after .by_filter").css("display", "block");
			$("#toot-after .by_filter").removeClass("hide");
			var templete = parse(json.ancestors, '', acct_id, "", "", mute);
			if (templete != "") {
				$("#toot-reply .no-data").hide();
			}
			$("#toot-reply").prepend(templete);
			$("#toot-reply .hide").html(lang.lang_details_filtered);
			$("#toot-reply .by_filter").css("display", "block");
			$("#toot-reply .by_filter").removeClass("hide");
			jQuery("time.timeago").timeago();
		}

	});
}

//前のトゥート(Back TL)
function beforeToot(id, acct_id, domain) {
	//var domain = localStorage.getItem("domain_" + acct_id);
	var at = localStorage.getItem("acct_" + acct_id + "_at");
	if (localStorage.getItem("mode_" + domain) == "misskey") {
		var start = "https://" + domain +
			"/api/notes/local-timeline"
		fetch(start, {
			method: 'POST',
			headers: {
				'content-type': 'application/json',
			},
			body: JSON.stringify({
				i: at,
				untilID: id
			})
		}).then(function (response) {
			if (!response.ok) {
			response.text().then(function(text) {
				setLog(response.url, response.status, text);
			});
		}
		return response.json();
		}).catch(function (error) {
			todo(error);
			console.error(error);
		}).then(function (json) {
			var templete = misskeyParse(json, 'noauth', acct_id);
			$("#toot-before").html(templete);
			jQuery("time.timeago").timeago();
		});
	} else {
		var start = "https://" + domain +
			"/api/v1/timelines/public?local=true&max_id=" + id;
		fetch(start, {
			method: 'GET',
			headers: {
				'content-type': 'application/json',
			},
		}).then(function (response) {
			if (!response.ok) {
			response.text().then(function(text) {
				setLog(response.url, response.status, text);
			});
		}
		return response.json();
		}).catch(function (error) {
			todo(error);
			console.error(error);
		}).then(function (json) {
			var templete = parse(json, 'noauth', acct_id);
			if (templete != "") {
				$("#toot-before .no-data").hide();
			}
			$("#toot-before").html(templete);
			jQuery("time.timeago").timeago();
		});
	}
}
//前のユーザーのトゥート
function userToot(id, acct_id, user) {
	var domain = localStorage.getItem("domain_" + acct_id);
	var at = localStorage.getItem("acct_" + acct_id + "_at");
	if (localStorage.getItem("mode_" + domain) == "misskey") {
		var start = "https://" + domain +
			"/api/users/notes"
		fetch(start, {
			method: 'POST',
			headers: {
				'content-type': 'application/json',
			},
			body: JSON.stringify({
				i: at,
				untilID: id,
				userId: user
			})
		}).then(function (response) {
			if (!response.ok) {
			response.text().then(function(text) {
				setLog(response.url, response.status, text);
			});
		}
		return response.json();
		}).catch(function (error) {
			todo(error);
			console.error(error);
		}).then(function (json) {
			var templete = misskeyParse(json, 'noauth', acct_id);
			$("#user-before").html(templete);
			jQuery("time.timeago").timeago();
		});
	} else {
		var start = "https://" + domain + "/api/v1/accounts/" + user + "/statuses?max_id=" + id;
		fetch(start, {
			method: 'GET',
			headers: {
				'content-type': 'application/json',
				'Authorization': 'Bearer ' + at
			},
		}).then(function (response) {
			if (!response.ok) {
			response.text().then(function(text) {
				setLog(response.url, response.status, text);
			});
		}
		return response.json();
		}).catch(function (error) {
			todo(error);
			console.error(error);
		}).then(function (json) {
			var templete = parse(json, '', acct_id);
			if (templete != "") {
				$("#user-before .no-data").hide();
			}
			$("#user-before").html(templete);
			jQuery("time.timeago").timeago();
		});
	}

}
//後のLTL
function afterToot(id, acct_id, domain) {
	//var domain = localStorage.getItem("domain_" + acct_id);
	var at = localStorage.getItem("acct_" + acct_id + "_at");
	var start = "https://" + domain +
		"/api/v1/timelines/public?local=true&min_id=" + id;
	fetch(start, {
		method: 'GET',
		headers: {
			'content-type': 'application/json',
		},
	}).then(function (response) {
		if (!response.ok) {
			response.text().then(function(text) {
				setLog(response.url, response.status, text);
			});
		}
		return response.json();
	}).catch(function (error) {
		todo(error);
		console.error(error);
	}).then(function (json) {
		var templete = parse(json, 'noauth', acct_id);
		if (templete != "") {
			$("#ltl-after .no-data").hide();
		}
		$("#ltl-after").html(templete);
		jQuery("time.timeago").timeago();
	});
}
//後のUTL
function afterUserToot(id, acct_id, user) {
	var domain = localStorage.getItem("domain_" + acct_id);
	var at = localStorage.getItem("acct_" + acct_id + "_at");
	var start = "https://" + domain + "/api/v1/accounts/" + user + "/statuses?min_id=" + id;
	fetch(start, {
		method: 'GET',
		headers: {
			'content-type': 'application/json',
			'Authorization': 'Bearer ' + at
		},
	}).then(function (response) {
		if (!response.ok) {
			response.text().then(function(text) {
				setLog(response.url, response.status, text);
			});
		}
		return response.json();
	}).catch(function (error) {
		todo(error);
		console.error(error);
	}).then(function (json) {
		var templete = parse(json, '', acct_id);
		if (templete != "") {
			$("#user-after .no-data").hide();
		}
		$("#user-after").html(templete);
		jQuery("time.timeago").timeago();
	});
}
//後のFTL
function afterFTLToot(id, acct_id, domain) {
	//var domain = localStorage.getItem("domain_" + acct_id);
	var at = localStorage.getItem("acct_" + acct_id + "_at");
	var start = "https://" + domain +
		"/api/v1/timelines/public?min_id=" + id;
	fetch(start, {
		method: 'GET',
		headers: {
			'content-type': 'application/json',
		},
	}).then(function (response) {
		if (!response.ok) {
			response.text().then(function(text) {
				setLog(response.url, response.status, text);
			});
		}
		return response.json();
	}).catch(function (error) {
		todo(error);
		console.error(error);
	}).then(function (json) {
		var templete = parse(json, 'noauth', acct_id);
		if (templete != "") {
			$("#ftl-after .no-data").hide();
		}
		$("#ftl-after").html(templete);
		jQuery("time.timeago").timeago();
	});
}

//ふぁぼ一覧
function faved(id, acct_id) {
	var domain = localStorage.getItem("domain_" + acct_id);
	if (localStorage.getItem("mode_" + domain) == "misskey") { return false; }
	var at = localStorage.getItem("acct_" + acct_id + "_at");
	var start = "https://" + domain + "/api/v1/statuses/" + id + "/favourited_by";
	fetch(start, {
		method: 'GET',
		headers: {
			'content-type': 'application/json',
			'Authorization': 'Bearer ' + at
		},
	}).then(function (response) {
		if (!response.ok) {
			response.text().then(function(text) {
				setLog(response.url, response.status, text);
			});
		}
		return response.json();
	}).catch(function (error) {
		todo(error);
		console.error(error);
	}).then(function (json) {
		var templete = userparse(json, '', acct_id);
		if (templete != "") {
			$("#toot-fav .no-data").hide();
		}
		$("#toot-fav").html(templete);
		jQuery("time.timeago").timeago();
	});
}

//ブースト一覧
function rted(id, acct_id) {
	var domain = localStorage.getItem("domain_" + acct_id);
	if (localStorage.getItem("mode_" + domain) == "misskey") { return false; }
	var at = localStorage.getItem("acct_" + acct_id + "_at");
	var start = "https://" + domain + "/api/v1/statuses/" + id + "/reblogged_by";
	fetch(start, {
		method: 'GET',
		headers: {
			'content-type': 'application/json',
			'Authorization': 'Bearer ' + at
		},
	}).then(function (response) {
		if (!response.ok) {
			response.text().then(function(text) {
				setLog(response.url, response.status, text);
			});
		}
		return response.json();
	}).catch(function (error) {
		todo(error);
		console.error(error);
	}).then(function (json) {
		var templete = userparse(json, '', acct_id);
		$("#toot-rt").html(templete);
		jQuery("time.timeago").timeago();
	});
}
//URL等のコピー
function cbCopy(mode) {
	var url = $("#tootmodal").attr("data-url");
	var urls = url.match(/https?:\/\/([-.a-zA-Z0-9]+)/);
	var domain = urls[1];
	if (mode == "emb") {
		var emb = '<iframe src="' + url + '/embed" class="mastodon-embed" style="max-width: 100%; border: 0" width="400"></iframe><script src="https://' + domain + '/embed.js" async="async"></script>';
		execCopy(emb)
		M.toast({ html: lang.lang_details_embed, displayLength: 1500 })
	} else {
		if (execCopy(url)) {
			M.toast({ html: lang.lang_details_url, displayLength: 1500 })
		}

	}
}
//本文のコピー
function staCopy(id) {
	var html = $("[toot-id=" + id + "] .toot").html();
	html = html.replace(/^<p>(.+)<\/p>$/, "$1");
	html = html.replace(/<br\s?\/?>/, "\n");
	html = html.replace(/<p>/, "\n");
	html = html.replace(/<\/p>/, "\n");
	console.log("Copy it:\n" + html);
	html = html.replace(/<img[\s\S]*alt="(.+?)"[\s\S]*?>/g, "$1");
	html = $.strip_tags(html);
	if (execCopy(html)) {
		M.toast({ html: lang.lang_details_txt, displayLength: 1500 })
	}

}
//翻訳
function trans(tar, to) {
	var html = $("#toot-this .toot").html();
	if (html.match(/^<p>(.+)<\/p>$/)) {
		html = html.match(/^<p>(.+)<\/p>$/)[1];
	}
	html = html.replace(/<br\s?\/?>/g, "\n");
	html = html.replace(/<p>/g, "\n");
	html = html.replace(/<\/p>/g, "\n");
	html = $.strip_tags(html);
	if (~tar.indexOf("zh")) {
		tar = "zh";
	}
	$("#toot-this .additional").text("Loading...(Powered by Google Translate)");
	var exec = 'https://script.google.com/macros/s/AKfycbxhwW5tjjop9Irg-y1zr_WsXlCKEzwWG6KuoOt_vVRDfEbRv0c/exec?format=json&text=' + encodeURIComponent(html) + '&source=' + tar + '&target=' + to
	console.log("Try to translate from " + tar + " to " + to + " at " + exec);
	fetch(exec, {
		method: 'GET',
	}).then(function (response) {
		if (!response.ok) {
			response.text().then(function(text) {
				setLog(response.url, response.status, text);
			});
		}
		return response.json();
	}).catch(function (error) {
		todo(error);
		console.error(error);
	}).then(function (text) {
		$("#toot-this .additional").html('<span class="gray translate">' + text.text + '</span>');
	});
}
//ブラウザで開く
function brws() {
	var url = $("#tootmodal").attr("data-url");
	postMessage(["openUrl", url], "*")
}
//外部からトゥート開く
function detEx(url, acct_id) {
	if (acct_id == "main") {
		acct_id = localStorage.getItem("main");
	}
	var domain = localStorage.getItem("domain_" + acct_id);
	var at = localStorage.getItem("acct_" + acct_id + "_at");
	var start = "https://" + domain + "/api/v2/search?resolve=true&q=" + url
	fetch(start, {
		method: 'GET',
		headers: {
			'content-type': 'application/json',
			'Authorization': 'Bearer ' + at
		}
	}).then(function (response) {
		if (!response.ok) {
			response.text().then(function(text) {
				setLog(response.url, response.status, text);
			});
		}
		return response.json();
	}).catch(function (error) {
		todo(error);
		console.error(error);
	}).then(function (json) {
		if (!json.statuses) {
			postMessage(["openUrl", url], "*")
		} else {
			var id = json.statuses[0].id;
			$(".loadp").text($(".loadp").attr("href"));
			$(".loadp").removeClass("loadp");
			details(id, acct_id, 0)
		}

	});
	return;
}