UI Interaction enhancements

[docapotamus]

There are parts of the UI that would be much better if they made Ajax style calls for various tasks.

Deleting posts, voting, etc, would all benefit from not changing the flow due to page reloads.

We need to write this in a way that keeps compatibility with text based browsers such as Lynx.

[mcrmonkey]

Probably worth looking in to "dataType" here. We can set this on an ajax style call and when its not present it has the same effect as it does now.

See this for more info and a quick example

[docapotamus]

We can just use the built in Flask method for checking this http://flask.pocoo.org/docs/0.10/api/#flask.Request.is_xhr

[docapotamus]

We need to re-style the flask messages so we can generate the messages from JS also without needing to scroll.

[docapotamus]

Pushing back for the time being. Due to some ongoing work this it will be best for the changes currently being made to be deployed first.

[docapotamus]

I will add anchors to the lists also so that non-javascript users will be able to go back to where they were.

[docapotamus]

The list of things to make AJAX:

• Remove from feed
• Delete post/comment (can't delete post via AJAX on post view, can comment though)
• Hide alert
• Up/down vote
• Flag
• Unsubscribe
• Follow/un-follow
• Trust/un-trust
• Hide tip

[ghost]

Why not add “Post something” to the list, too?

[docapotamus]

I haven't given it much thought. There would be a lot more work to do with handling images. All posts are appended to the feed so you need to be at the top any way. I'll give it some thought 😄

[docapotamus]

There is an issue with the current JS on votes. Once an action has been pressed the up/down vote buttons should be disabled in jQuery so they can not be repeated for that post. You will still be able to do the same action on a different post though.

May be confusing with the flash messages so I may remove them. Do the action on the page immediatley and reverse it if something goes wrong.