Forum Discussion

domladden's avatar
domladden
Ace
9 years ago

Add custom component to PostPage

Hi, we would like to add a component to our postpage so we can add more custom content to our blog posts.   We have had this done before through Lithium in order to add an MPU module but we would l...
domladden's avatar
domladden
Ace
9 years ago

Hi Claudius, thanks for your reply.

 

However, that's not what I want to do, I'm pretty comfortable with custom content in the usage you described but what I want to do is add a new module onto the page from which you write/publish posts, not the completed page.

 

The process you described will fix the content across posts and pages in that category/community depending on where you put it in the Admin. I want to set the posting process up so that I can add and insert original content into each post.

 

We currently have 2 already but I would like the ability to add more, if this is possible without direct Lithium development.

 

Thanks

  • domladden's avatar
    domladden
    Ace
    9 years ago
    Hi, has anyone else had a similar issue?
    • phani's avatar
      phani
      Advisor
      9 years ago

      Hi domladden,

       

      As per my understanding following is my suggestion,

      1. In a post page, add a custom component.

      2. In customcomponet capture sumbmit(or Post) button action using jQuery

      3. Stop Lithium post activity by returning false.

      4. Read user entered subject and Body using jQuery,

      5. Add your data which you want to add into the body.

      6. Call Lithium post message API and pass subject and body.

      7. Capture new message ID and URL return from post API and redirect user to the new message page.

       

      Following is the code snippet: 

       

         $('.lia-button-Submit-action').bind('click', function(e) {
          
                        $.ajax({
                            url : '/restapi/vc/boards/id/${coreNode.id}/messages/post',
                            type : "POST",
                            data: {"message.author":"login/${user.login}","message.subject":subject goes here,"message.body":new body goes here,"restapi.response_style":"view","xslt":"json.xsl"},
                            async : true,
                            error : function(data){
                                
                            },
                            success : function(data){
                                redirect to data.response.message.view_href;
                            }
return false;
            
   }

       

      Hope this helps!

       

      Regards,

      Phani

      • domladden's avatar
        domladden
        Ace
        9 years ago

        Hi Phani, thanks for your reply and suggestion.

         

        Correct me if I am wrong but is this is to bypass the traditional posting mechanism in order to insert something later?

         

        I'm not sure that would be practical for our uses, would the ultimate front end set up be similar to what we currently have: http://i.imgur.com/lpIXxe5.png

         

         

        Or would this be a different process?

         

        Thanks,

         

        Dom