【20250124】增加帖子中楼层数显示

增加了一个帖子中回复的楼层数显示,效果如图所示:

自定义 CSS:

/* 显示帖子楼层数,配合head的js食用 */
a.post-date span {
    margin-right: 1em
}
a.post-date:after {
    content: "#"attr(data-post-number);
    font-style: italic;
    font-size: 0.8em;
}

自定义 JavaScript:

<script type="text/discourse-plugin" version="0.1">
    // 显示帖子楼层数,配合css食用
    // import { schedule } from "@ember/runloop";
    const { schedule } = require("@ember/runloop");  // use this if running in Admin UI
    api.decorateCookedElement((element,  /* helper */) => {
        schedule("afterRender", () => {
            const article = element.closest("article");
            if (article) {
                // 原句
                // article.dataset.postNumber = article.id.replace("post_", "");
                // 根据上面的css修改
                const postDate = article.querySelector("a.post-date");
                if (postDate) {
                    postDate.dataset.postNumber = article.id.replace("post_", "");
                }
            }
        });
    });
</script>