How to create a disscussion with JS API

askvortsov

FBioCS1 then most likely, the format is somehow wrong, and gets mutated when save is called. I'm away from my computernfornthe next few days, but taking a look at the implementation of save might help here.

FBioCS1

askvortsov
It's hard for me to check the implementation of save, I will try : )

askvortsov

FBioCS1 IIRC you mentioned somewhere that you're a student relatively new to software dev. One of the benefits of working in a FOSS project like Flarum that has a quality codebase is the ability to track down and dive deep into any part of the system. I would highly encourage taking advantage of this, as understanding and breaking down big systems is a strong advantage in software engineering.

FBioCS1

askvortsov

Yes, I am not a software engineering student, only have some very basic knowledge of HTML CSS, and JS.
I am now in a state of very impetuous and quick success because I recently set up a forum and urgently need some special features. When I have completed this extension(Two issues: how to close the DiscussionComposer in a modal and how to add tags when creating a discussion), I will calm down and learn more basic knowledge, and understand Flarum better : ) I will try to make some contributions to the flarum community,

Thanks for your help and suggestions!

Justoverclock

Not sure but maybe to close composer you can check at composerstate?


  view() {
    const body = this.state.body;
    const classes = {
      normal: this.state.position === ComposerState.Position.NORMAL,
      minimized: this.state.position === ComposerState.Position.MINIMIZED,
      fullScreen: this.state.position === ComposerState.Position.FULLSCREEN,
      active: this.active,
      visible: this.state.isVisible(),
    };

FBioCS1

Justoverclock

Hello, thank you for you code, but let me first explain what I want to achieve:

add a items in the DiscussionComposer's headerItems, when user's click it, it will open a Modal. When user's finished the form in the modal, they click the submit button, then we generate a discussion for them and close the DiscussionComposer.

I don't know how to use your code in the modal. Can you explain it in more detail?

I see close() function in the composerstate, but I don't know how to invoke it in the modal.

Justoverclock

FBioCS1 well, i do not know your code, but you can do something:

 onsubmit() {
    // If your modal contains a form, you can add form processing logic here.
  }
app.composer.close()
}

FBioCS1

Justoverclock
Hello.
I have some logic in the onsubmit. The problem is how to close the composer in the onsubmit() ? I can't use this.

askvortsov

FBioCS1 The problem is how to close the composer in the onsubmit()

Try app.composer.close()

FBioCS1 I can't use this.

Why?

FBioCS1

askvortsov Why?

Ignore it.....

askvortsov app.composer.close()

This works perfectly!!! Thank you. There is only one thing on the todo list, the tags 🤣

askvortsov

FBioCS1 check the outgoing network request headers as well: is tag data properly included? You might want to compare that to outgoing data on a working request.

FBioCS1

askvortsov
here is discussions' request payload, 'type' and 'id' are missing

{
    "data": {
        "type": "discussions",
        "attributes": {
            "title": "title",
            "content": "content"
        },
        "relationships": {
            "tags": {
                "data": {}
            }
        }
    }
}

and, how to check outgoing network request? you mean request headers?

POST /api/discussions HTTP/1.1
Host: mystie.com
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:91.0) Gecko/20100101 Firefox/91.0
Accept: */*
Accept-Language: en,zh-CN;q=0.8,zh;q=0.7,zh-TW;q=0.5,zh-HK;q=0.3,en-US;q=0.2
Accept-Encoding: gzip, deflate
Referer: http://mystie.com/
Content-Type: application/json; charset=utf-8
X-CSRF-Token: 3ifr3pi2IqSaCq4psXOPteHnizktNHWcX5N8WNvb
Content-Length: 119
Origin: http://mystie.com
Connection: keep-alive
Cookie: flarum_remember=0ov3t4PYhSMMobIlgpO59ueJftbMYcp2XgoZMkFu; flarum_session=XNHoxSJxpyeKDbPwVMhL1evrZETrlFQBZkSIXrAI

FBioCS1

askvortsov odd, this extension can't tag a discussion on my test flarum forum, but when I installed it on my forum(both version is 1.0.4), it works.

Now met another problem, I want to create a discussion with Tag ID 55, and its parent tag which id is 53.

    const data = {
      title: title,
      content: content,
      relationships: {
        tags: [{
          data: [{
            type: "tags",
            id: "53" ,
          },{
            type: "tags",
            id: "55" ,
          }]
        }]
      }
    }

error:

POST https://mystie.com/api/discussions

PDOException: SQLSTATE[23000]: Integrity constraint violation: 1452 Cannot add or update a child row: a foreign key constraint fails (`web_flarum`.`discussion_tag`, CONSTRAINT `discussion_tag_tag_id_foreign` FOREIGN KEY (`tag_id`) REFERENCES `tags` (`id`) ON DELETE CASCADE)

Then I tried:

    const data = {
      title: title,
      content: content,
      relationships: {
        tags: {
          data: [{
            type: "tags",
            id: "53" ,
          },{
            type: "tags",
            id: "55" ,
          }]
        }
      }
    }

Then no error, but the new discussion has no tags.

« Previous Page