Click on posts to reveal their content.

[ketch]

Related to #105, this PR makes lists of posts appear as just titles initially; clicking on any of them expands it. This is the same behavior already available with checkboxes, but perhaps this interface is a bit more fun.

Some notes:

• I added a bit of javascript; since it is used in multiple files, I put it in a file in staticroot/js/. So to make this work you must add the following to your cp.conf:

[/js]
tools.staticdir.on = True
tools.staticdir.dir = "js"
tools.caching.on = True
tools.caching.delay = 7200

I updated the template with this. This avoids duplicated code. If this is not the preferred approach, please let me know.

• I added some styling to arxiv.css. Perhaps it should be in a separate css file.
• The appearance can of course be tweaked, depending on developer opinions.

[cjlee112]

I really like the way you cleaned up the code! My apologies -- my javascript skills are below rudimentary! Regarding the "look and feel", we may want to seek input from users. My initial feeling is that we might want to tweak this a bit. Some possibilities:

• follow the Gmail / Google Groups interface, which shows each message as a single line making it visually obvious that you're expected to click that line to view the message. I guess the fact that it's just one line and "flat text" (no hyperlinks) makes it clear you can just click anywhere to see the message.
• replace the "item number" with a checkbox that indicates the show / hide state.

The former sounds clearer and simpler to me...

[cjlee112]

@ketch I tried out a really basic version of making it look more like gmail (only in the get_person.html page). Take a look. My feeling is this direction will work out nicely if we can adjust the styling to follow the gmail look & feel.

[ketch]

@cjlee112 I like your modifications! I have two comments:

• The star confused me because in Gmail there is a star next to each item, and clicking it marks it (as a favorite or something important, I guess). The stars added here don't behave that way; in fact, clicking right on the star does not even expand the post. To me it would make sense perhaps to have a triangle there (pointing to the right, then pointing downward when the post is expanded), but I don't think it's very important.
• In Gmail, for each message I see three things: The sender, the start of the message, and the date. For us, there are potentially four things to show: The sender (person who wrote the post), the start of the post, the date, and the title of the paper. Which of all of these do we want to show? I'm not completely sure, and it might be different for a "person page" (since I already know that person is the "sender" for everything) versus a "topic page" (where the sender is useful to see).

Also, I'm not sure how many things we want to fine-tune now versus merging in the basic idea and then refining. We should definitely get feedback from users. My feeling is that the current users don't mind being guinea pigs and we can get feedback by making a prototype active on the site (rather than asking them to run a Github branch); do you agree?

[ketch]

@cjlee112 I tried to take your modification of get_person.html further in the same direction, making it even more like Gmail. Here's a screenshot:

The text is automatically truncated based on the browser window width. The date shows up on the right if the window is wide enough. It would be nice to have a fraction of the window width dedicated to each field; I think I can do this with a bit more work. But is that what you're thinking of, more or less?

Also, I modified the javascript so that clicking on the star also expands the post.

[ketch]

In the last commit, I changed things so that the title, text, and date each occupy a fraction of the browser space. I applied this only to the "Recommendations" and not the "Discussion" so that the two approaches can easily be compared. To see the difference, change the width of your browser window.