Quip Threaded Comment Reply Form on same page - My Forums

Quip Threaded Comment Reply Form on same page

designcouch — Mar 04, 2013, 04:08 PM

I am finishing up the blog portion of my portfolio site using Articles 1.6.4 ( Quip 2.2.3 ) and MODX 2.2.6. My question is as follows:

I would like to utilize threaded comments in Quip, and I would also like to be able to include the reply form within the comment thread (instead of taking them to a new page) if a user wants to comment on a pre-existing comment (the form would appear when "reply" was clicked).

Has anyone out there pulled something like this off? I don't want to have to re-direct my users to a new page. Thanks in advance, everyone!

Re: Quip Threaded Comment Reply Form on same page

miomir.dancevic — Mar 09, 2017, 01:15 PM

How did you managed to get all treath on one page?

Re: Quip Threaded Comment Reply Form on same page

dubbs — Jul 15, 2015, 03:36 AM

Quote from: donshakespeare at Jul 15, 2015, 07:36 AM

Is your modal window getting Quip replyto page via AJAX or iframe?
Is your replyto form same as main comment form?

Hi - Using Ajax, and the replyto form is very similar to the original yes. Only difference being I don't want the preview functionality - rest is as per the default.

Code to call in the Modal is:

Reply to this comment

And code on the replyto page is:

[[+preview]]
[[+successMsg]]
 


    
    
    
    
    
 
     
        [[%quip.name? &namespace=`quip` &topic=`default`]]:[[+error.name]]
        
        

    
     
    
        [[%quip.email]]:[[+error.email]]
        
        

    
     
    
        [[%quip.website]]:[[+error.website]]
        
        

    
 
    
        [[%quip.notify_me]]:[[+error.notify]]
        
        

    
 
    
    [[+quip.recaptcha_html]]
    [[+error.recaptcha]]
    
     
     
    [[%quip.allowed_tags? &tags=`[[++quip.allowed_tags:htmlent]]`]][[%quip.comment_add_new]][[+error.comment]]
    [[+comment]]
     
    
    [[+can_post:is=`1`:then=``]]

Re: Quip Threaded Comment Reply Form on same page

donshakespeare — Jul 15, 2015, 02:36 AM

Is your modal window getting Quip replyto page via AJAX or iframe?
Is your replyto form same as main comment form?

Re: Quip Threaded Comment Reply Form on same page

dubbs — Jul 14, 2015, 02:42 PM

Quote from: donshakespeare at Jul 14, 2015, 07:33 PM

Ideally you want your user to never reach the Quip's validation error, that is, you want to force your own validation.

However if you still want to use Quip's validation error, check if your modal plugin accepts url parameters, some do, or just create your on JS event listener.

Example, my Quip form is hidden with an accordion, which also has the error divs (of course you can use CSS/JS to relocate these divs o the fly, to make the error visible whether or not the accordion is closed or not - or in your case, a modal window)

This accordion can be expanded or collapsed programmatically via a url parameter.
In the Quip's form action url, I appended ?ddPostComment=0
So in full, reply-form.html?quip_thread=article-b114-1516&quip_parent=1439?ddPostComment=0

If ddPostComment equals zero, the accordion will expand transitionally.
This ensures that the accordion is expanded whenever a comment is made or rejected, that is, when a post is made and the page refreshes.

Let me know if this is not a clear explanation.

Thanks - I think I follow your idea - but in practical terms, I am unsure how to make it work...

I am using FancyApps to create the modal, just launching a modal window with the Post Reply resource within it.

The button which launches the modal has code like this So I pass the relevant details to the Quip Post Reply page and that all works well.

What changes do I need to make to the Post Reply page to sort as per your suggestion then?

Re: Quip Threaded Comment Reply Form on same page

donshakespeare — Jul 14, 2015, 02:33 PM

Ideally you want your user to never reach the Quip's validation error, that is, you want to force your own validation.

However if you still want to use Quip's validation error, check if your modal plugin accepts url parameters, some do, or just create your on JS event listener.

Example, my Quip form is hidden with an accordion, which also has the error divs (of course you can use CSS/JS to relocate these divs o the fly, to make the error visible whether or not the accordion is closed or not - or in your case, a modal window)

This accordion can be expanded or collapsed programmatically via a url parameter.
In the Quip's form action url, I appended ?ddPostComment=0
So in full, reply-form.html?quip_thread=article-b114-1516&quip_parent=1439?ddPostComment=0

If ddPostComment equals zero, the accordion will expand transitionally.
This ensures that the accordion is expanded whenever a comment is made or rejected, that is, when a post is made and the page refreshes.

Let me know if this is not a clear explanation.

Re: Quip Threaded Comment Reply Form on same page

dubbs — Jul 14, 2015, 10:43 AM

Quote from: donshakespeare at Jul 14, 2015, 02:31 PM

I have that kind of refreshing thing incase the world fails, then there is some fallback.
But what fields are you talking about? The Quip fields or/and recaptcha?

You may use HTML5 required attr or JS to speed-bump forgetful users.
And maybe try this http://formvalidation.io/examples/validating-google-recaptcha/

Demo:
http://www.leofec.com/modx-revolution/using-only-one-form-in-modx-quip-comments.html
Go ahead and forget to enter the right recaptcha value

References (see what this guy did) I don't know if it will help you
http://cmhworks.com/blogs/2015/07/09/responsive-modx-quip/
http://forums.modx.com/thread/96540/using-only-one-form-in-modx-quip-comments---like-wordpress#dis-post-528023

Hi, I just mean, when you throw the Reply Form into a modal, if the user does not enter their name, email or comment, then the validation fails, and instead of adding in the error states to the modal window, it instead loads the Reply Form resource page itself - I'd like to have the validation checked and passed back into the modal - therefore not moving the user out of the modal....

Re: Quip Threaded Comment Reply Form on same page

donshakespeare — Jul 14, 2015, 09:31 AM

I have that kind of refreshing thing incase the world fails, then there is some fallback.
But what fields are you talking about? The Quip fields or/and recaptcha?

You may use HTML5 required attr or JS to speed-bump forgetful users.
And maybe try this http://formvalidation.io/examples/validating-google-recaptcha/

Demo:
http://www.leofec.com/modx-revolution/using-only-one-form-in-modx-quip-comments.html
Go ahead and forget to enter the right recaptcha value

References (see what this guy did) I don't know if it will help you
http://cmhworks.com/blogs/2015/07/09/responsive-modx-quip/
http://forums.modx.com/thread/96540/using-only-one-form-in-modx-quip-comments---like-wordpress#dis-post-528023

Re: Quip Threaded Comment Reply Form on same page

dubbs — Jul 14, 2015, 09:13 AM

Quote from: designcouch at Mar 25, 2013, 01:25 PM

Glad I could help!

Hiya - I am looking at implementing something very similar myself and have the reply page loading in a modal nicely - problem is with reference the inline validation of the form fields... if the user forgets to add in details to a field, the page is refreshed and loads the Page Reply in its own window and therefore the modal approach is compromised... Any ideas on a fix?

Cheers,

dubbs.

Re: Quip Threaded Comment Reply Form on same page

donshakespeare — Mar 13, 2015, 11:12 PM

Quote from: jonahnaylor at Oct 22, 2014, 02:25 PM

I assume I need to... create some TVs such as thread?

No need to create anything.

Supply the name manually, yourself; give a unique name

[[!Quip? &thread=`myBlog-[[*id]]` &threading=`1`]]


[[!QuipReply? &thread=`myBlog-[[*id]]` &tplAddComment=`quipAddCommentCustom` &parent=`[[+id]]` ]]

Here is a tutorial on how to implement this, enjoy.
http://www.leofec.com/modx-revolution/using-only-one-form-in-modx-quip-comments.html