Private content in public post?

Contribute Feature

AI-generated summary

The discussion revolves around hiding content within a post from non-logged-in users. Marty_Downs is looking for a way to post virtual event details, including Zoom links, while restricting access to logged-in users only.

Canapin suggests using “whispers,” which can achieve similar results, but notes that they cannot be “unwhispered” after posting. Marty_Downs appreciates the suggestion but is looking for a more flexible solution.

Canapin mentions that developing a custom solution would require a plugin and could be vulnerable to circumvention by users with development experience.

Lhc_fl offers a theme component that can hide posts from non-logged-in users, providing code snippets for implementation. This solution can be bypassed by users with rich development experience, but it may serve the community’s needs.

1

Is there any way to make content within a post available only to logged in users?

The use case I’m thinking of is virtual event postings. We have a ton of working groups in our community that meet virtually. We’d like to let casual visitors know that the groups and meetings exist – and when they are happening – but we don’t want to post the zoom links publicly.

1 Like
2

Hey Marty!

Whispers kind of do that: Creating a whisper post

image
image745×400 4.96 KB

:information_source: whisper posts can’t be “unwhispered” after being posted, but can be with this theme component: Toggle Whisper 👁

2 Likes
3

Thanks. That comes close. The ideal thing would be a way of formatting content within a post so that the rest of the post shows up for all and a message such as “link only available to logged-in users” shows up if you’re not logged in, but it looks like whispers will work well for now.

Newbie admin here, so still trying to find my way around all the functionality.

2 Likes
4

I don’t know much about Discourse modifications, but that seems a bit tricky and would require a plugin if you don’t want it circumvented by someone who knows how to tweak client-side code.

1 Like
5

I’ve developed a theme component that allows to hide posts on the front end from users who are not logged in. Of course, if they are people with rich development experience, they can easily get it directly from the backend.

I haven’t packaged this component yet, so please use the code below directly.

Head Tag:

<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: "This post is hidden";
}
`

api.addPostClassesCallback((attrs) => {
if (attrs?.cooked?.includes(`<div data-theme-hide="true">`)) {
  return ["lycoris-hiddened"];
} 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>This post is hidden</p>`;
            hide_post();
        }
    }, {
        id: pid,
        afterAdopt: true,
        onlyStream: true,
    });
} else if (user?.trust_level == 4) {
    const s = document.createElement("style");
    s.innerHTML = tl4_css;
    document.body.appendChild(s);
    api.decorateCookedElement((el, helper) => {
        if (el?.querySelector(`[data-theme-hide="true"]`)) {
            el.innerHTML = `<div class="d-wrap" data-wrap="tips" data-type="warn"><p>帖子被设置为对社区未登录用户隐藏</p></div> ` + el.innerHTML;
        }
    }, {
        id: pid,
        afterAdopt: true,
        onlyStream: true,
    });
    if (!I18n.translations[I18n.currentLocale()].js.composer) {
        I18n.translations[I18n.currentLocale()].js.composer = {};
    }
    I18n.translations[I18n.currentLocale()].js.composer.hide_text = " ";
    I18n.translations[I18n.currentLocale()].js.composer.make_hide = "Hide this post";
    api.modifyClass("controller:composer", {
        pluginId: pid,
        actions: {
            insertHide() {
             this.get("toolbarEvent").applySurround(
                `<div data-theme-hide="true">`,
                `</div>\n`,
                "hide_text"
              );
            },
        },
    });
    api.addToolbarPopupMenuOptionsCallback(() => {
        return {
            action: "insertHide",
            icon: "far-eye-slash",
            label: "composer.make_hide",
        };
    });
}


    
</script>

CSS

.anon .lycoris-hiddened {
    display: none;

    .post-info.edits {
        display: none;
    
    }
}
2 Likes