コンテンツ閲覧ログイン機能の実装方法：ユーザー登録を促すために

サポート
8

このトピックモデルには、返信したかどうかを示す posted という属性があります。以前、返信したかどうかを判断するコンポーネント (Composer tip under specific tag topics) を作成しました。プログラミングの経験があれば、私のコードを参照できます。API の decorateCookedElement メソッドと組み合わせることで、返信がない場合に非表示にすることができます。

具体的なコードを書くのは面倒です。最近とても忙しいです。

<script type="text/discourse-plugin" version="1.6.0">

const user = api.getCurrentUser();

const I18n = require("I18n");

const pid = "post_hider"

const tl4_css = `
.d-editor-preview [data-theme-hide] {
  background: var(--tertiary);
  color: var(--secondary);
  border-top: 2px solid var(--secondary);
  position: sticky;
  top: 0;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.d-editor-preview [data-theme-hide]::before {
  content: "この投稿は非表示に設定されています";
}
`

api.addPostClassesCallback((attrs) => {
if (attrs?.cooked?.includes(`div data-theme-hide="true"`)) {
  return ["hiddened"]; // CSS 用に追加します。CSS の書き方はあなた次第です。
} else {
  return [];
}
});

if (!user) {
    api.decorateCookedElement((el, helper) => {
        function hide_post() {
            setTimeout(() => {
                try {
                    // document.querySelector(`[data-post-id="${helper?.widget?.attrs?.id}"]`)?.parentElement?.remove();
                } catch (err) {
                    console.log(el);
                    console.log(err);
                }
            }, 1000);
        }
        if (el?.querySelector(`[data-theme-hide="true"]`)) {
            el.innerHTML = `<p>この投稿はコミュニティによって非表示にされました</p>`; // この行を変更してください
            hide_post();
        }
    }, {
        id: pid,
        afterAdopt: true,
        onlyStream: true,
    });
}


</script>

未ログインユーザーに投稿全体を非表示にするために以前使用していたコードがあります。参考にしてください。

「いいね！」 4