Commit 62712b79 authored by Brion Vibber's avatar Brion Vibber

More interactive magic for inline replies: placeholder at the end of list

parent 3b456b4f
......@@ -591,6 +591,9 @@ var SN = { // StatusNet
// See if the form's already open...
var replyForm = $('.notice-reply-form', list);
if (replyForm.length == 0) {
// Remove placeholder if any
$('li.notice-reply-placeholder').remove();
// Create the reply form entry at the end
var replyItem = $('li.notice-reply', list);
if (replyItem.length == 0) {
......@@ -672,6 +675,19 @@ var SN = { // StatusNet
$('.form_disfavor').live('click', function() { SN.U.FormXHR($(this)); return false; });
},
NoticeInlineReplyPlaceholder: function(notice) {
var id = $($('.notice_id', notice)[0]).text();
var list = notice.find('ul.threaded-notices');
var placeholder = $('<li class="notice-reply-placeholder">' +
'<input class="placeholder">' +
'</li>');
placeholder.click(function() {
SN.U.NoticeInlineReplyTrigger(id);
});
placeholder.find('input').val(SN.msg('reply_comment'));
list.append(placeholder);
},
/**
* Setup function -- DOES NOT apply immediately.
*
......@@ -679,7 +695,11 @@ var SN = { // StatusNet
* Uses 'live' rather than 'bind', so applies to future as well as present items.
*/
NoticeInlineReplySetup: function() {
$('')
$('.threaded-notices').each(function() {
var list = $(this);
var notice = list.closest('.notice');
SN.U.NoticeInlineReplyPlaceholder(notice);
});
$('.replyform').live('submit', function(event) {
//SN.U.FormXHR($(this));
var form = $(this);
......
This diff is collapsed.
......@@ -314,6 +314,9 @@ class Action extends HTMLOutputter // lawsuit
// TRANS: Inline reply form submit button: submits a reply comment.
$messages['reply_submit'] = _m('BUTTON', 'Comment');
// TRANS: Placeholder text for inline reply form. Clicking in this box will turn it into a mini notice form.
$messages['reply_comment'] = _m('Add a comment...');
$messages = array_merge($messages, $this->getScriptMessages());
Event::handle('EndScriptMessages', array($this, &$messages));
......
......@@ -1124,11 +1124,17 @@ border-top-style:solid;
.threaded-notices .notice-reply {
margin: 8px;
}
.threaded-notices .notice-reply textarea {
.threaded-notices .notice-reply textarea,
.threaded-notices .notice-reply-placeholder input.placeholder {
margin-left: 0;
width: 95%;
}
.threaded-notices .notice-reply input.submit {
.threaded-notices .notice-reply-placeholder input.placeholder {
color: gray;
margin-left: 8px; /* ?? */
margin-bottom: 8px;
}
.threaded-notices .notice-reply .controls {
text-align: right;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment