Community

Adding buttons to posts

Plugin Development
  • OnyxO

    Hello all!

    I'm trying to add a button to all posts from a plugin. I'd rather do it serverside if possible, and it seems that some kind of support for this did exists at least:

    https://community.nodebb.org/topic/6507/adding-a-button-to-each-post/4

    This doesn't seem to work any more.

    Any pointers on how to do this best? Ideally I'd want another button next to "reply", although adding it to the post dropdown wouldn't be terrible either.

    1
  • yariplusY

    I don't see anywhere to add buttons, but the post.tools filter does add things to the dropdown.

    If you ask me though, there should be an additional block and filter there to add buttons. I suggest filter:post.buttons.

    2
  • OnyxO

    @yariplus said:

    I suggest filter:post.buttons

    That would be nice.

    Meanwhile, filter:post.tools doesn't seem to get triggered... I may be doing it wrong due to being a noob but I'm doing this:

    "hooks": [
        { "hook": "filter:post.getPosts", "method": "getPosts" },
        { "hook": "filter:post.tools", "method": "buildPostTools" }
    ],

    And in JS I just did this so I can inspect the object I get:

    Plugin.buildPostTools = function(data, cb) {
    console.log('building post tools');
    console.log(data);
    
    cb(null, data);
};

    But it's not getting called? getPosts works fine.

    (I'm also probably missing an error object there)

    0
  • yariplusY

    @Onyx said:
    It only gets called when you click the dropdown.

    OnyxO 1 Reply
    0
  • OnyxO

    @yariplus Aaah, I see how that works now. Thanks. Now off to figure the rest out... Out of interest, is there like a Slack chat or IRC or something so I don't spam the forums with noob questions?

    0
  • yariplusY

    There is nodebb-plugin-slack, but it looks like it's not been updated in a while and may no longer run on latest nbb. I don't see anything for irc. If your forum isn't huge, putting an iframe of an embedded irc client into an HTML widget may be be doable for you.

    OnyxO 1 Reply
    0
  • OnyxO

    @yariplus I meant a place to chat and get help, not install it as a plugin on my forum 😛

    Also, I can't find a way to hook into click events on the button. Tried searching through other plugins but I didn't find anything that would demonstrate this. I did see some of the base plugins using action:controller.method syntax but these don't seem to get triggered automatically?

    Sorry for being a bit of a pain but the docs are a bit scarce, and while I'm OK with JavaScript in general my NodeJS knowledge is... lacking, at best, so poking around the source is not something that's very effective in my case.

    0

Suggested Topics

  • dogsD
    ●

    [Tutorial] How to add custom data to a post > serverside > in a nutshell

    Plugin Development
    0 Votes
    1 Posts
    383 Views

    dogsD

    This is just a little snippet.

    This is about the question How can I add custom data to a post? a small tutorial

    How to add custom data permanently to a post It will be saved into the object:

    You need the following hook:

    { "hook": "filter:post.create", "method": "postCreate" }

    This hook is fired, when a Post is created. So it contains RAW Data.

    A filter:hook like "hook": "filter:post.create" can be edited before beeing proceeded.

    plugin.postCreate = function(data, callback){ // Edit data here callback(null, data); }

    You can access all Data you can work with via the data object.

    All those filter-hooks needs callbacks. The callback contains the modified / added / removed data.

    Whats inside the data object?

    The data object contains two main objects.

    this.post this.data post: { pid: 259, uid: 2, tid: 111, content: '### This is just a little snippet.', timestamp: 1617150411838 }, data: { uuid: '7277s31-6d23-43sa-1284-ad27e42yx879', title: 'How to add custom data to post serverside - in a nutshell', content: '### This is just a little snippet.', thumb: '', cid: '2', tags: [], uid: 2, req: { [...] }, timestamp: 1617150411838, fromQueue: false, tid: 111, ip: '111.123.2123.21', isMain: true } }

    With all the data you can work with. But only this.post is directly effected (lol) to the post Object.
    If you add data here. It will be attached to the post forever and you can access it any time. Even after plugin disable.

    So now add custom data:

    plugin.postCreate = function(data, callback){ // adds data **PERMANENT** to post // before any other procession -> RAW DATA (markdown) //data.post.myData = "directly effected to post you can work with it in next step"; //data.data.myData = "other data for other things I don't know"; var myData = {}; myData.name = "Schmock"; myData.signature = "raz0rn"; // Stick myData to post object data.post.myData = myData; // Debug? // console.log("POST CREATE", data); // finish the process() - passes on modified data callback(null, data); }

    So myData has added to post:

    post: { pid: 259, uid: 2, tid: 111, content: '### This is just a little snippet.', timestamp: 1617150411838, myData: { name = "Schmock", signature = "raz0rn", } }

    The data is stored. Everybody is happy.

    dance minions

    How to add dynamic data before render a post in template It wont be saved to the object. You can use this for dynamic things or logic before rendering the page.:

    You need the following hook:

    { "hook": "filter:topics.addPostData", "method": "addPostData" }

    This hook is fired before engine renders the template.
    It also needs a callback because its a filter-hook.

    plugin.addPostData = function(data, callback){ // modify data temporarily before it gets passed on to next step callback(null, data); }

    Same thing as above. Only the hook is different. And the data we are changing is temporarily.
    Data contains all data we can use for the dynamicness lol: .

    plugin.addPostData = function(data, callback){ // You can work with pre-parsed and already saved data .... // or put in something very flexible without saving to db like jquery-like dynamic etc etc // Debug? // console.log("addPostData?", data) var _posts = data.posts; _posts.forEach(function(post){ if(post.myData){ // add data to post if "myData" is there post.content = "THIS POST HAS MY OWN DATA -> CONTENT IS OVERWRITTEN"; } // this here affects all posts post.user.signature = "Ihr seid alle Schmocks!"; }); // Overwrite data and pass modified data on to the template engine data.posts = _posts; callback(null, data); }

    Now you can work with posts like a boss.

    Bildschirmfoto 2021-03-31 um 03.10.32.png

    dab

    Thanks and bye

    Important Note:

    Remind, that myData is available via API.

    https://nodebb.development.fail/api/topic/114/new-post

    returns your added data

    "content": "THIS POST AS MY OWN DATA -> CONTENT IS OVERWRITTEN", "myData": { "name": "Schmock", "signature": "raz0rn" }
  • Aisar G.A
    ●

    Hello, I want to get all the posts from a Topic

    Plugin Development
    1 Votes
    3 Posts
    293 Views

    Aisar G.A

    @baris Thanks. It worked 🙂

  • Jovan IvanovićJ
    ●

    NodeBB not applying new post.tpl on edit

    Plugin Development
    0 Votes
    1 Posts
    157 Views

    Jovan IvanovićJ

    Hello, I modified the post.tpl to my liking and added some more elements and stuff.

    When I use composer to make a new post in a topic, it works just fine, I get the post.tpl I modified, but when I try to edit any of the posts in the topic, it looks like the default post.tpl file.

    What am I doing wrong here?

  • I
    ●

    Get user info in post route registered in plugin

    Plugin Development
    0 Votes
    3 Posts
    1548 Views

    I

    Thanks @jarey , I was using shiny new fetch api but wasn't including credentials. silly me.

  • L
    ●

    get all posts

    Plugin Development
    0 Votes
    11 Posts
    4290 Views

    S

    @louisemcmahon ,
    You can try the filters unreplied for getting all topics which don't have any reply till.
    https://community.nodebb.org/recent?filter=unreplied

| | | |
Copyright © 2023 NodeBB | Contributors