// ==UserScript==
// @name TapTap游戏社区列表页贴子预览
// @namespace TapTap游戏社区列表页贴子预览
// @version 0.1
// @description TapTap游戏社区列表页贴子卡片新增预览按钮，可在列表页直接预览贴子内容。
// @author QIAN
// @match *://www.taptap.com/app*
// @grant none
// @require https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js
// @downloadURL none
// ==/UserScript==
$(function() {
var pvBtn = "预览";
var pvBtnClose = "取消预览";
var pvCss = ''
$(".topic-item[data-filter-id*='topic'] .item-text-footer").prepend(pvBtn);
$(".topic-item[data-filter-id*='topic'] .item-text-footer").prepend(pvBtnClose);
$(".topic-item[data-filter-id*='topic']").each(function() {
var postLink = $(this).find(".topic-share").attr("data-share-url");
var pvBox = ``;
var pvBtnOffset = $(this).find(".pvBtn").offset().top;
$(this).find(".pvBtn").click(function() {
$("html,body").animate({ scrollTop: pvBtnOffset - 12 + "px" }, 300);
$(this).parents(".topic-item[data-filter-id*='topic']").append(pvBox);
$(this).parents(".topic-item[data-filter-id*='topic']").find(".pvBox").load(`${postLink} .topic-content`);
$(this).parents(".topic-item[data-filter-id*='topic']").append(pvCss);
$(this).css("display", "none");
$(this).siblings(".pvBtnClose").css("display", "block");
$(this).parents(".topic-item[data-filter-id*='topic']").siblings().find(".pvBox").remove();
$(this).parents(".topic-item[data-filter-id*='topic']").siblings().find(".pvStyle").remove();
$(this).parents(".topic-item[data-filter-id*='topic']").siblings().find(".pvBtnClose").css("display", "none");
$(this).parents(".topic-item[data-filter-id*='topic']").siblings().find(".pvBtn").css("display", "block");
});
$(this).find(".pvBtnClose").click(function() {
$(this).parents(".topic-item[data-filter-id*='topic']").find(".pvBox").remove();
$(this).parents(".topic-item[data-filter-id*='topic']").find(".pvStyle").remove();
$(this).css("display", "none");
$(this).siblings(".pvBtn").css("display", "block");
});
});
});