313 lines
9.6 KiB
JavaScript
313 lines
9.6 KiB
JavaScript
//カード処理やメンション、ハッシュタグの別途表示
|
|
//全てのTL処理で呼び出し
|
|
function additional(acct_id, tlid) {
|
|
//メンション系
|
|
//$(".mention").attr("href", "");
|
|
|
|
$("#timeline-container .mention").addClass("parsed");
|
|
|
|
$("#timeline-container .hashtag, #timeline-container [rel=tag]").each(function (i, elem) {
|
|
var tags = $(this).attr("href").match(
|
|
/https?:\/\/([-a-zA-Z0-9@.]+)\/tags\/([-_.!~*\'()a-zA-Z0-9;\/?:\@&=+\$,%#]+)/
|
|
);
|
|
if(tags){
|
|
var tagThis = tags[2]
|
|
}else{
|
|
var tagThis = $(this).attr("data-tag")
|
|
}
|
|
|
|
if(tagThis){
|
|
$(this).attr("onclick", 'tagShow(\'' + tagThis + '\')');
|
|
$(this).attr("href", "#");
|
|
}
|
|
|
|
});
|
|
|
|
//トゥートサムネ
|
|
$("#timeline_" + tlid + " .toot a:not(.parsed)").each(function (i, elem) {
|
|
var domain = localStorage.getItem("domain_" + acct_id);
|
|
var at = localStorage.getItem("acct_" + acct_id + "_at");
|
|
var card = localStorage.getItem("card_" + tlid);
|
|
var text = $(this).attr('href');
|
|
if (text) {
|
|
if (text.indexOf("twimg.com") === -1) {
|
|
var urls = text.match(
|
|
/https?:\/\/([-a-zA-Z0-9@.]+)\/media\/([-_.!~*\'()a-zA-Z0-9;\/?:\@&=+\$,%#]+)/
|
|
);
|
|
}
|
|
} else {
|
|
text = ""
|
|
var urls = []
|
|
}
|
|
|
|
//トゥートのURLぽかったら
|
|
toot = text.match(/https:\/\/([a-zA-Z0-9.-]+)\/@([a-zA-Z0-9_]+)\/([0-9]+)/);
|
|
if (toot) {
|
|
if (toot[1]) {
|
|
$(this).attr("data-acct", acct_id);
|
|
}
|
|
}
|
|
if (urls) {
|
|
$(this).remove();
|
|
} else if (!card) {
|
|
var id = $(this).parents('.cvo').attr("toot-id");
|
|
if (localStorage.getItem("mode_" + domain) == "misskey") {
|
|
var start = "https://" + domain + "/url?url=" + text;
|
|
fetch(start, {
|
|
method: 'GET',
|
|
headers: {
|
|
'content-type': 'application/json'
|
|
},
|
|
//body: JSON.stringify({})
|
|
}).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.title) {
|
|
$("[toot-id=" + id + "] .additional").html(
|
|
"<span class=\"gray\">URL" + lang.lang_cards_check + ":<br>Title:" + escapeHTML(json.title) + "<br>" +
|
|
escapeHTML(json.description) + "</span>");
|
|
$("[toot-id=" + id + "] a:not(.parsed)").addClass("parsed");
|
|
$("[toot-id=" + id + "]").addClass("parsed");
|
|
}
|
|
});
|
|
}
|
|
|
|
} else {
|
|
$(this).attr("title", text);
|
|
}
|
|
});
|
|
$("i.unparsed").each(function (i, elem) {
|
|
var dem = $(this).text();
|
|
var dom = $(this);
|
|
var start = "./js/emoji/emoji-map.json";
|
|
var xmlHttpRequest = new XMLHttpRequest();
|
|
xmlHttpRequest.onreadystatechange = function () {
|
|
if (this.readyState === 4 && this.status === 200) {
|
|
if (this.response) {
|
|
var json = this.response;
|
|
if(this.status!==200){ setLog(start, this.status, this.response); }
|
|
var emojis = json.emojis;
|
|
for (i = 0; i < emojis.length; i++) {
|
|
var emojie = emojis[i];
|
|
var regExp = new RegExp(dem, "g");
|
|
if (emojie.emoji.match(regExp)) {
|
|
var sc = emojie.name;
|
|
var sc = "twa-" + sc.replace(/_/g, "-");
|
|
dom.addClass(sc);
|
|
dom.text("");
|
|
dom.removeClass("unparsed");
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
xmlHttpRequest.open('GET', start, true);
|
|
xmlHttpRequest.responseType = 'json';
|
|
xmlHttpRequest.send(null);
|
|
});
|
|
|
|
$("#timeline_" + tlid + " .toot:not(:has(a:not(.add-show,.parsed)))").each(function (i, elem) {
|
|
$(this).parent().find(".add-show").hide();
|
|
});
|
|
//Markdownイメージビューワー
|
|
$("#timeline_" + tlid + " .toot a:not(.img-parsed):has(img)").each(function (i, elem) {
|
|
var ilink = $(this).attr("href");
|
|
var id = $(this).parents('.cvo').attr("toot-id");
|
|
$(this).attr("href", "#");
|
|
$(this).attr("onclick", "imgv('" + id + "','" + i + "')");
|
|
$(this).attr("data-type", "image");
|
|
$(this).attr("id", id + "-image-" + i);
|
|
$(this).attr("data-url", ilink);
|
|
$(this).addClass("img-parsed");
|
|
});
|
|
}
|
|
|
|
function additionalIndv(tlid, acct_id, id) {
|
|
var domain = localStorage.getItem("domain_" + acct_id);
|
|
var at = localStorage.getItem("acct_" + acct_id + "_at");
|
|
var text = $("[toot-id=" + id + "] .toot a").attr('href');
|
|
var urls = text.match(
|
|
/https?:\/\/([-a-zA-Z0-9@.]+)\/media\/([-_.!~*\'()a-zA-Z0-9;\/?:\@&=+\$,%#]+)/
|
|
);
|
|
if (urls) {
|
|
$("[toot-id=" + id + "] .toot a").remove();
|
|
} else {
|
|
if (localStorage.getItem("mode_" + domain) == "misskey") {
|
|
var start = "https://" + domain + "/url?url=" + text;
|
|
fetch(start, {
|
|
method: 'GET',
|
|
headers: {
|
|
'content-type': 'application/json'
|
|
},
|
|
//body: JSON.stringify({})
|
|
}).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.title) {
|
|
$("[toot-id=" + id + "] .additional").html(
|
|
"<span class=\"gray\">URL" + lang.lang_cards_check + ":<br>Title:" + escapeHTML(json.title) + "<br>" +
|
|
escapeHTML(json.description) + "</span>");
|
|
$("[toot-id=" + id + "] a:not(.parsed)").addClass("parsed");
|
|
$("[toot-id=" + id + "]").addClass("parsed");
|
|
}
|
|
});
|
|
} else {
|
|
var id = $("[toot-id=" + id + "] .toot a").parents('.cvo').attr("toot-id");
|
|
var start = "https://" + domain + "/api/v1/statuses/" + id;
|
|
fetch(start, {
|
|
method: 'GET',
|
|
headers: {
|
|
'content-type': 'application/json',
|
|
'Authorization': 'Bearer ' + at
|
|
},
|
|
//body: JSON.stringify({})
|
|
}).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) {
|
|
json = json.card;
|
|
//このリンク鳥やんけ、ってとき
|
|
if (json.provider_name == "Twitter") {
|
|
if (json.image) {
|
|
var twiImg = '<br><img src="' + json.image + '" style="max-width:100%" onclick="imgv(\'twi_' + id + '\', 0, \'twitter\');" id="twi_' + id + '-image-0" data-url="' + json.image + '" data-type="image">';
|
|
} else {
|
|
var twiImg = '';
|
|
}
|
|
$("[toot-id=" + id + "] .additional").html(
|
|
'<div class="twitter-tweet"><b>' + escapeHTML(json.author_name) + '</b><br>' + escapeHTML(json.description) + twiImg + '</div>');
|
|
} else if (json.provider_name == "pixiv") {
|
|
if (json.image) {
|
|
var pxvImg = '<br><img src="' + json.image + '" style="max-width:100%" onclick="imgv(\'pixiv_' + id + '\', 0, \'pixiv\');" id="pixiv_' + id + '-image-0" data-url="' + json.embed_url + '" data-type="image">';
|
|
} else {
|
|
var pxvImg = '';
|
|
}
|
|
$("[toot-id=" + id + "] .additional").html(
|
|
'<div class="pixiv-post"><b><a href="' + json.author_url + '" target="_blank">' + escapeHTML(json.author_name) + '</a></b><br>' + escapeHTML(json.title) + pxvImg + '</div>');
|
|
} else {
|
|
if (json.title) {
|
|
$("[toot-id=" + id + "] .additional").html(
|
|
"<span class=\"gray\">URL" + lang.lang_cards_check + ":<br>Title:" + escapeHTML(json.title) + "<br>" +
|
|
escapeHTML(json.description) + "</span>");
|
|
}
|
|
if (json.html) {
|
|
$("[toot-id=" + id + "] .additional").html(json.html + '<i class="material-icons sml pointer" onclick="pip(\'' + id + '\')" title="' + lang.lang_cards_pip + '">picture_in_picture_alt</i>');
|
|
|
|
}
|
|
}
|
|
if (json.title) {
|
|
$("[toot-id=" + id + "] a:not(.parsed)").addClass("parsed");
|
|
$("[toot-id=" + id + "]").addClass("parsed");
|
|
}
|
|
});
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
//各TL上方のLink[On/Off]
|
|
function cardToggle(tlid) {
|
|
var card = localStorage.getItem("card_" + tlid);
|
|
if (!card) {
|
|
localStorage.setItem("card_" + tlid, "true");
|
|
$("#sta-card-" + tlid).text("Off");
|
|
$("#sta-card-" + tlid).css("color", 'red');
|
|
} else {
|
|
localStorage.removeItem("card_" + tlid);
|
|
$("#sta-card-" + tlid).text("On");
|
|
$("#sta-card-" + tlid).css("color", '#009688');
|
|
}
|
|
}
|
|
//各TL上方のLink[On/Off]をチェック
|
|
function cardCheck(tlid) {
|
|
var card = localStorage.getItem("card_" + tlid);
|
|
if (!card) {
|
|
$("#sta-card-" + tlid).text("On");
|
|
$("#sta-card-" + tlid).css("color", '#009688');
|
|
} else {
|
|
$("#sta-card-" + tlid).text("Off");
|
|
$("#sta-card-" + tlid).css("color", 'red');
|
|
}
|
|
}
|
|
|
|
function mov(id, tlid, type) {
|
|
var click = false
|
|
if (tlid == "notf") {
|
|
var tlide = "[data-notf=" + acct_id + "]";
|
|
} else if (tlid == "user") {
|
|
var tlide = "#his-data";
|
|
} else {
|
|
var tlide = "[tlid=" + tlid + "]";
|
|
}
|
|
var mouseover = localStorage.getItem("mouseover");
|
|
if (!mouseover) {
|
|
mouseover = "";
|
|
}
|
|
if (mouseover == "yes") {
|
|
mouseover = "hide";
|
|
} else if (mouseover == "click") {
|
|
if (type == "mv") {
|
|
mouseover = "";
|
|
} else {
|
|
mouseover = "hide";
|
|
}
|
|
click=true
|
|
} else if (mouseover == "no") {
|
|
mouseover = "";
|
|
}
|
|
if (mouseover == "hide") {
|
|
if(click){
|
|
$(tlide + " [toot-id=" + id + "]").toggleClass("hide-actions")
|
|
}else{
|
|
$(tlide + " [toot-id=" + id + "]").removeClass("hide-actions")
|
|
}
|
|
|
|
//$(tlide + " [toot-id=" + id + "] .area-vis").toggleClass("hide")
|
|
//$(tlide + " [toot-id=" + id + "] .area-actions").toggleClass("hide")
|
|
//$(tlide + " [toot-id=" + id + "] .area-side").toggleClass("hide")
|
|
|
|
}
|
|
}
|
|
|
|
function resetmv(type) {
|
|
var mouseover = localStorage.getItem("mouseover");
|
|
if (!mouseover) {
|
|
mouseover = "";
|
|
} else if (mouseover == "yes") {
|
|
mouseover = "hide";
|
|
} else if (mouseover == "no") {
|
|
mouseover = "";
|
|
} else if (mouseover == "click" && type != "mv") {
|
|
mouseover = "hide";
|
|
}
|
|
if (mouseover == "hide") {
|
|
$(".cvo").addClass("hide-actions")
|
|
//$(".area-vis").addClass("hide");
|
|
//$(".area-actions").addClass("hide");
|
|
//$(".area-side").addClass("hide");
|
|
}
|
|
|
|
} |