251 lines
8.9 KiB
JavaScript
251 lines
8.9 KiB
JavaScript
|
//オブジェクトパーサー(トゥート)
|
||
|
|
function parse(obj, mix, acct_id) {
|
||
|
|
var templete = '';
|
||
|
|
var datetype = localStorage.getItem("datetype");
|
||
|
|
var nsfwtype = localStorage.getItem("nsfw");
|
||
|
|
var sent = localStorage.getItem("sentence");
|
||
|
|
if (!sent) {
|
||
|
|
var sent = 500;
|
||
|
|
}
|
||
|
|
if (!nsfwtype || nsfwtype == "yes") {
|
||
|
|
var nsfw = "ok";
|
||
|
|
} else {
|
||
|
|
var nsfw;
|
||
|
|
}
|
||
|
|
var cwtype = localStorage.getItem("cw");
|
||
|
|
if (!cwtype || cwtype == "yes") {
|
||
|
|
var cw = "ok";
|
||
|
|
} else {
|
||
|
|
var cw;
|
||
|
|
}
|
||
|
|
if (!datetype) {
|
||
|
|
datetype = "absolute";
|
||
|
|
}
|
||
|
|
var local = [];
|
||
|
|
Object.keys(obj).forEach(function(key) {
|
||
|
|
var toot = obj[key];
|
||
|
|
var id = toot.id;
|
||
|
|
//Integratedである場合はUnix時間をキーに配列を生成しておく
|
||
|
|
if (mix == "mix") {
|
||
|
|
local[date(obj[key].created_at, 'unix')] = toot.id;
|
||
|
|
}
|
||
|
|
if (mix == "home") {
|
||
|
|
var home = "Home TLより"
|
||
|
|
} else {
|
||
|
|
var home = "";
|
||
|
|
}
|
||
|
|
if (toot.reblog) {
|
||
|
|
var notice = toot.account.display_name + "(" + toot.account.acct +
|
||
|
|
")がブースト<br>";
|
||
|
|
var boostback = "shared";
|
||
|
|
var toot = toot.reblog;
|
||
|
|
} else {
|
||
|
|
var notice = "";
|
||
|
|
var boostback = "";
|
||
|
|
}
|
||
|
|
if (toot.account.locked) {
|
||
|
|
var locked = ' <i class="fa fa-lock red-text"></i>';
|
||
|
|
} else {
|
||
|
|
var locked = "";
|
||
|
|
}
|
||
|
|
if (!toot.application) {
|
||
|
|
var via = "<i>Unknown</i>";
|
||
|
|
} else {
|
||
|
|
var via = toot.application.name;
|
||
|
|
}
|
||
|
|
if (toot.spoiler_text && cw) {
|
||
|
|
var content = toot.content;
|
||
|
|
var spoil = toot.spoiler_text;
|
||
|
|
var spoiler = "cw cw_hide_" + toot.id;
|
||
|
|
var api_spoil = "gray";
|
||
|
|
var spoiler_show = '<a href="#" onclick="cw_show(\'' + toot.id +
|
||
|
|
'\')" class="nex parsed">見る</a>';
|
||
|
|
} else {
|
||
|
|
var ct = toot.content.split('</p>').length + toot.content.split('<br />').length -
|
||
|
|
2;
|
||
|
|
if (sent < ct && $.mb_strlen(toot.content) > 5) {
|
||
|
|
var content = '<span class="gray">以下全文</span><br>' + toot.content
|
||
|
|
var spoil = $.strip_tags($.mb_substr(toot.content, 0, 100)) +
|
||
|
|
'<span class="gray">自動折りたたみ</span>';
|
||
|
|
var spoiler = "cw cw_hide_" + toot.id;
|
||
|
|
var spoiler_show = '<a href="#" onclick="cw_show(\'' + toot.id +
|
||
|
|
'\')" class="nex parsed">続き…</a>';
|
||
|
|
} else {
|
||
|
|
var content = toot.content;
|
||
|
|
var spoil = toot.spoiler_text;
|
||
|
|
var spoiler = "";
|
||
|
|
var spoiler_show = "";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
var viewer = "";
|
||
|
|
var youtube = "";
|
||
|
|
var emojick = toot.emojis[0];
|
||
|
|
//絵文字があれば
|
||
|
|
if (emojick) {
|
||
|
|
Object.keys(toot.emojis).forEach(function(key5) {
|
||
|
|
var emoji = toot.emojis[key5];
|
||
|
|
var shortcode = emoji.shortcode;
|
||
|
|
var emoji_url = '<img src="' + emoji.url +
|
||
|
|
'" style="width:2em" class="emoji-img">';
|
||
|
|
var regExp = new RegExp(":" + shortcode + ":", "g");
|
||
|
|
content = content.replace(regExp, emoji_url);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
var mediack = toot.media_attachments[0];
|
||
|
|
//メディアがあれば
|
||
|
|
if (mediack) {
|
||
|
|
Object.keys(toot.media_attachments).forEach(function(key2) {
|
||
|
|
var media = toot.media_attachments[key2];
|
||
|
|
var purl = media.preview_url;
|
||
|
|
var url = media.url;
|
||
|
|
if (toot.sensitive && nsfw) {
|
||
|
|
var sense = "sensitive"
|
||
|
|
} else {
|
||
|
|
var sense = ""
|
||
|
|
}
|
||
|
|
viewer = viewer + '<a onclick="imgv(\''+id+'\',\''+key2+'\')" id="'+id+'-image-'+key2+'" data-url="'+url+'" data-type="'+media.type+'"><img src="' + purl + '" class="' + sense +
|
||
|
|
' toot-img" style=""></a></span>';
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
viewer = "";
|
||
|
|
}
|
||
|
|
var menck = toot.mentions[0];
|
||
|
|
var mentions = "";
|
||
|
|
//メンションであれば
|
||
|
|
if (menck) {
|
||
|
|
mentions = "Links: ";
|
||
|
|
Object.keys(toot.mentions).forEach(function(key3) {
|
||
|
|
var mention = toot.mentions[key3];
|
||
|
|
mentions = mentions + '<a onclick="udg(\'' + mention.id + '\',' +
|
||
|
|
acct_id + ')" class="pointer">@' + mention.acct + '</a> ';
|
||
|
|
});
|
||
|
|
}
|
||
|
|
var tagck = toot.tags[0];
|
||
|
|
var tags = "";
|
||
|
|
//タグであれば
|
||
|
|
if (tagck) {
|
||
|
|
if (!menck) {
|
||
|
|
tags = "Links: ";
|
||
|
|
}
|
||
|
|
Object.keys(toot.tags).forEach(function(key4) {
|
||
|
|
var tag = toot.tags[key4];
|
||
|
|
tags = tags + '<a onclick="tl(\'tag\',\'' + tag.name + '\',' + acct_id +
|
||
|
|
',\'add\')" class="pointer">#' + tag.name + '</a> ';
|
||
|
|
});
|
||
|
|
}
|
||
|
|
if (toot.account.acct == localStorage.getItem("user_" + acct_id)) {
|
||
|
|
var if_mine = "";
|
||
|
|
} else {
|
||
|
|
var if_mine = "hide";
|
||
|
|
}
|
||
|
|
if (toot.favourited) {
|
||
|
|
var if_fav = " yellow-text";
|
||
|
|
var fav_app = "faved";
|
||
|
|
} else {
|
||
|
|
var if_fav = "";
|
||
|
|
var fav_app = "";
|
||
|
|
}
|
||
|
|
if (toot.reblogged) {
|
||
|
|
var if_rt = "teal-text";
|
||
|
|
var rt_app = "rted";
|
||
|
|
} else {
|
||
|
|
var if_rt = "";
|
||
|
|
var rt_app = "";
|
||
|
|
}
|
||
|
|
templete = templete + '<div id="pub_' + toot.id + '" class="cvo ' +
|
||
|
|
boostback + ' ' + fav_app + ' ' + rt_app +
|
||
|
|
'" style="padding-top:5px;" toot-id="' + id + '" unixtime="' + date(obj[
|
||
|
|
key].created_at, 'unix') + '">' +
|
||
|
|
'<span class="gray sharesta">' + notice + home + '</span>' +
|
||
|
|
'<div style="padding:0; margin:0; width:400px; max-width:100%; display:flex; align-items:flex-end;">' +
|
||
|
|
'<div style="flex-basis:40px;"><a onclick="udg(\'' + toot.account.id +
|
||
|
|
'\',' + acct_id + ');" user="' + toot.account.acct + '" class="udg">' +
|
||
|
|
'<img src="' + toot.account.avatar +
|
||
|
|
'" width="40" class="prof-img" user="' + toot.account.acct +
|
||
|
|
'"></a></div>' +
|
||
|
|
'<div style="flex-grow:3; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;"><big>' +
|
||
|
|
toot.account.display_name + '</big></div>' +
|
||
|
|
'<div class="sml gray" style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;"> @' +
|
||
|
|
toot.account.acct + locked + '</div>' +
|
||
|
|
'</div>' +
|
||
|
|
'<div style="display:none; justify-content:space-around" class="sml gray"> <div>Follows:' +
|
||
|
|
toot.account.following_count + '</div><div>Followers:' + toot.account.followers_count +
|
||
|
|
'</div>' +
|
||
|
|
'<div>Toots:' + toot.account.statuses_count + '</div></div>' +
|
||
|
|
'<span class="toot ' + spoiler + '">' + content + '</span><span class="' +
|
||
|
|
api_spoil + ' cw_text_' + toot.id + '">' + spoil + spoiler_show +
|
||
|
|
'</span>' +
|
||
|
|
'' + viewer + '' +
|
||
|
|
'<div class="additional"></div><span class="cbadge"><i class="fa fa-clock-o"></i>' +
|
||
|
|
date(toot.created_at, datetype) + '</span>' +
|
||
|
|
'<span class="cbadge">via ' + via +
|
||
|
|
'<help class="white-text">どこから投稿したか</help></span>' + mentions + tags +
|
||
|
|
'<div style="padding:0; margin:0; top:-20px; display:flex; justify-content:space-around; width:500px; max-width:100%; ">' +
|
||
|
|
'<div><a onclick="re(\'' + toot.id + '\',\'' + toot.account.acct + '\',' +
|
||
|
|
acct_id +
|
||
|
|
')" class="waves-effect waves-dark btn-flat" style="padding:0"><i class="fa fa-share"></i></a></div>' +
|
||
|
|
'<div><a onclick="rt(\'' + toot.id + '\',' + acct_id +
|
||
|
|
')" class="waves-effect waves-dark btn-flat" style="padding:0"><i class="text-darken-3 fa fa-retweet ' +
|
||
|
|
if_rt + '" id="rt_' + toot.id + '"></i><span class="rt_ct">' + toot.reblogs_count +
|
||
|
|
'</span></a></div>' +
|
||
|
|
'<div><a onclick="fav(\'' + toot.id + '\',' + acct_id +
|
||
|
|
')" class="waves-effect waves-dark btn-flat" style="padding:0"><i class="fa text-darken-3 fa-star' +
|
||
|
|
if_fav + '" id="fav_' + toot.id + '"></i><span class="fav_ct">' + toot.favourites_count +
|
||
|
|
'</a></span></div>' +
|
||
|
|
'<div class=' + if_mine + '><a onclick="del(\'' + toot.id + '\',' +
|
||
|
|
acct_id +
|
||
|
|
')" class="waves-effect waves-dark btn-flat" style="padding:0"><i class="fa fa-trash-o"></i></a></div>' +
|
||
|
|
'<div><a onclick="details(\'' + toot.id + '\',' + acct_id +
|
||
|
|
')" class="waves-effect waves-dark btn-flat details" style="padding:0"><i class="text-darken-3 material-icons">more_vert</i></a></div>' +
|
||
|
|
'</div>' +
|
||
|
|
'<div class="divider"></div>' +
|
||
|
|
'</div>' +
|
||
|
|
'</div>';
|
||
|
|
|
||
|
|
});
|
||
|
|
if (mix == "mix") {
|
||
|
|
return [templete, local]
|
||
|
|
} else {
|
||
|
|
return templete;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//オブジェクトパーサー(ユーザーデータ)
|
||
|
|
function userparse(obj, auth) {
|
||
|
|
var templete = '';
|
||
|
|
Object.keys(obj).forEach(function(key) {
|
||
|
|
var toot = obj[key];
|
||
|
|
if (toot.locked) {
|
||
|
|
var locked = ' <i class="fa fa-lock red-text"></i>';
|
||
|
|
} else {
|
||
|
|
var locked = "";
|
||
|
|
}
|
||
|
|
if (auth) {
|
||
|
|
var auth = '<i class="material-icons gray pointer" onclick="request(\'' +
|
||
|
|
toot.id + '\',\'authorize\',' + acct_id + ')">person_add</i>';
|
||
|
|
} else {
|
||
|
|
var auth = "";
|
||
|
|
}
|
||
|
|
templete = templete +
|
||
|
|
'<div class="cvo " style="padding-top:5px;" user-id="' + toot.id + '">' +
|
||
|
|
'<div style="padding:0; margin:0; width:400px; max-width:100%; display:flex; align-items:flex-end;">' +
|
||
|
|
'<div style="flex-basis:40px;"><a onclick="udg(\'' + toot.id + '\',' +
|
||
|
|
acct_id + ');" user="' + toot.acct + '" class="udg">' +
|
||
|
|
'<img src="' + toot.avatar + '" width="40" class="prof-img" user="' + toot
|
||
|
|
.acct + '"></a></div>' +
|
||
|
|
'<div style="flex-grow:3; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;"><big>' +
|
||
|
|
toot.display_name + '</big></div>' +
|
||
|
|
'<div class="sml gray" style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;"> @' +
|
||
|
|
toot.acct + locked + '</div>' +
|
||
|
|
'</div>' + auth +
|
||
|
|
'<div style="justify-content:space-around"> <div class="cbadge">Follows:' +
|
||
|
|
toot.following_count + '</div><div class="cbadge">Followers:' + toot.followers_count +
|
||
|
|
'</div>' +
|
||
|
|
'<div class="divider"></div>' +
|
||
|
|
'</div>' +
|
||
|
|
'</div>';
|
||
|
|
|
||
|
|
});
|
||
|
|
return templete;
|
||
|
|
}
|