MaxLength: 140,
PatternUsername: /^[0-9a-zA-Z\-_.]*$/,
HTTP20x30x: [200, 201, 202, 203, 204, 205, 206, 300, 301, 302, 303, 304, 305, 306, 307],
- NoticeFormMaster: null // to be cloned from the one at top
},
/**
NoticeDataGeo: 'notice_data-geo',
NoticeDataGeoCookie: 'NoticeDataGeo',
NoticeDataGeoSelected: 'notice_data-geo_selected',
- StatusNetInstance:'StatusNetInstance'
}
},
+ V: { // Variables
+ // These get set on runtime via inline scripting, so don't put anything here.
+ },
+
+ /**
+ * list of callbacks, categorized into _callbacks['event_name'] = [ callback_function_1, callback_function_2 ]
+ *
+ * @access private
+ */
+ _callbacks: {},
+
/**
* Map of localized message strings exported to script from the PHP
* side via Action::getScriptMessages().
* @param {String} key: string key name to pull from message index
* @return matching localized message string
*/
- msg: function(key) {
- if (typeof SN.messages[key] == "undefined") {
+ msg: function (key) {
+ if (SN.messages[key] === undefined) {
return '[' + key + ']';
- } else {
- return SN.messages[key];
}
+ return SN.messages[key];
},
U: { // Utils
* @param {jQuery} form: jQuery object whose first matching element is the form
* @access private
*/
- FormNoticeEnhancements: function(form) {
- if (jQuery.data(form[0], 'ElementData') === undefined) {
- MaxLength = form.find('.count').text();
- if (typeof(MaxLength) == 'undefined') {
- MaxLength = SN.C.I.MaxLength;
+ FormNoticeEnhancements: function (form) {
+ if ($.data(form[0], 'ElementData') === undefined) {
+ var MaxLength = form.find('.count').text();
+ if (MaxLength === undefined) {
+ MaxLength = SN.C.I.MaxLength;
}
- jQuery.data(form[0], 'ElementData', {MaxLength:MaxLength});
+ $.data(form[0], 'ElementData', {MaxLength: MaxLength});
SN.U.Counter(form);
- NDT = form.find('.notice_data-text:first');
+ var NDT = form.find('.notice_data-text:first');
- NDT.bind('keyup', function(e) {
+ NDT.on('keyup', function (e) {
SN.U.Counter(form);
});
- var delayedUpdate= function(e) {
+ var delayedUpdate = function (e) {
// Cut and paste events fire *before* the operation,
// so we need to trigger an update in a little bit.
// This would be so much easier if the 'change' event
// actually fired every time the value changed. :P
- window.setTimeout(function() {
+ window.setTimeout(function () {
SN.U.Counter(form);
}, 50);
};
// Note there's still no event for mouse-triggered 'delete'.
- NDT.bind('cut', delayedUpdate)
- .bind('paste', delayedUpdate);
- }
- else {
- form.find('.count').text(jQuery.data(form[0], 'ElementData').MaxLength);
+ NDT.on('cut', delayedUpdate)
+ .on('paste', delayedUpdate);
+ } else {
+ form.find('.count').text($.data(form[0], 'ElementData').MaxLength);
}
},
* @param {jQuery} form: jQuery object whose first element is the notice posting form
* @access private
*/
- Counter: function(form) {
+ Counter: function (form) {
SN.C.I.FormNoticeCurrent = form;
- var MaxLength = jQuery.data(form[0], 'ElementData').MaxLength;
+ var MaxLength = $.data(form[0], 'ElementData').MaxLength;
if (MaxLength <= 0) {
return;
* @param {jQuery} form: jQuery object whose first element is the notice posting form
* @return number of chars
*/
- CharacterCount: function(form) {
+ CharacterCount: function (form) {
return form.find('.notice_data-text:first').val().length;
},
* @param {jQuery} form: jQuery object whose first element is the notice posting form
* @access private
*/
- ClearCounterBlackout: function(form) {
+ ClearCounterBlackout: function (form) {
// Allow keyup events to poke the counter again
SN.C.I.CounterBlackout = false;
// Check if the string changed since we last looked
* @param {String} url
* @return string
*/
- RewriteAjaxAction: function(url) {
+ RewriteAjaxAction: function (url) {
// Quick hack: rewrite AJAX submits to HTTPS if they'd fail otherwise.
- if (document.location.protocol == 'https:' && url.substr(0, 5) == 'http:') {
+ if (document.location.protocol === 'https:' && url.substr(0, 5) === 'http:') {
return url.replace(/^http:\/\/[^:\/]+/, 'https://' + document.location.host);
- } else {
- return url;
+ }
+ return url;
+ },
+
+ FormNoticeUniqueID: function (form) {
+ var oldId = form.attr('id');
+ var newId = 'form_notice_' + Math.floor(Math.random()*999999999);
+ var attrs = ['name', 'for', 'id'];
+ for (var key in attrs) {
+ if (form.attr(attrs[key]) === undefined) {
+ continue;
+ }
+ form.attr(attrs[key], form.attr(attrs[key]).replace(oldId, newId));
+ }
+ for (var key in attrs) {
+ form.find("[" + attrs[key] + "*='" + oldId + "']").each(function () {
+ if ($(this).attr(attrs[key]) === undefined) {
+ return; // since we're inside the each(function () { ... });
+ }
+ var newAttr = $(this).attr(attrs[key]).replace(oldId, newId);
+ $(this).attr(attrs[key], newAttr);
+ });
}
},
* @fixme can't submit file uploads
*
* @param {jQuery} form: jQuery object whose first element is a form
+ * @param function onSuccess: something extra to do on success
*
* @access public
*/
- FormXHR: function(form) {
+ FormXHR: function (form, onSuccess) {
$.ajax({
type: 'POST',
dataType: 'xml',
url: SN.U.RewriteAjaxAction(form.attr('action')),
data: form.serialize() + '&ajax=1',
- beforeSend: function(xhr) {
+ beforeSend: function (xhr) {
form
.addClass(SN.C.S.Processing)
.find('.submit')
.addClass(SN.C.S.Disabled)
- .attr(SN.C.S.Disabled, SN.C.S.Disabled);
+ .prop(SN.C.S.Disabled, true);
},
error: function (xhr, textStatus, errorThrown) {
// If the server end reported an error from StatusNet,
if (xhr.responseXML) {
errorReported = $('#error', xhr.responseXML).text();
}
- alert(errorReported || errorThrown || textStatus);
-
+ window.alert(errorReported || errorThrown || textStatus);
+
// Restore the form to original state.
// Hopefully. :D
form
.removeClass(SN.C.S.Processing)
.find('.submit')
.removeClass(SN.C.S.Disabled)
- .removeAttr(SN.C.S.Disabled);
+ .prop(SN.C.S.Disabled, false);
},
- success: function(data, textStatus) {
- if (typeof($('form', data)[0]) != 'undefined') {
- form_new = document._importNode($('form', data)[0], true);
+ success: function (data, textStatus) {
+ if ($('form', data)[0] !== undefined) {
+ var form_new = document._importNode($('form', data)[0], true);
form.replaceWith(form_new);
- }
- else if (typeof($('p', data)[0]) != 'undefined') {
+ if (onSuccess) {
+ onSuccess();
+ }
+ } else if ($('p', data)[0] !== undefined) {
form.replaceWith(document._importNode($('p', data)[0], true));
- }
- else {
- alert('Unknown error.');
+ if (onSuccess) {
+ onSuccess();
+ }
+ } else {
+ window.alert('Unknown error.');
}
}
});
* @fixme cookieValue is a global variable, but probably shouldn't be
* @fixme saving the location cache cookies should be split out
* @fixme some error messages are hardcoded english: needs i18n
- * @fixme special-case for bookmarklet is confusing and uses a global var "self". Is this ok?
*
* @param {jQuery} form: jQuery object whose first element is a form
*
* @access public
*/
- FormNoticeXHR: function(form) {
+ FormNoticeXHR: function (form) {
SN.C.I.NoticeDataGeo = {};
form.append('<input type="hidden" name="ajax" value="1"/>');
// Make sure we don't have a mixed HTTP/HTTPS submission...
form.attr('action', SN.U.RewriteAjaxAction(form.attr('action')));
- /**
- * Show a response feedback bit under the new-notice dialog.
- *
- * @param {String} cls: CSS class name to use ('error' or 'success')
- * @param {String} text
- * @access private
- */
- var showFeedback = function(cls, text) {
- form.append(
- $('<p class="form_response"></p>')
- .addClass(cls)
- .text(text)
- );
- };
-
/**
* Hide the previous response feedback, if any.
*/
- var removeFeedback = function() {
+ var removeFeedback = function () {
form.find('.form_response').remove();
};
form.ajaxForm({
dataType: 'xml',
- timeout: '60000',
- beforeSend: function(formData) {
+ timeout: SN.V.xhrTimeout,
+ beforeSend: function (formData) {
if (form.find('.notice_data-text:first').val() == '') {
form.addClass(SN.C.S.Warning);
return false;
.addClass(SN.C.S.Processing)
.find('.submit')
.addClass(SN.C.S.Disabled)
- .attr(SN.C.S.Disabled, SN.C.S.Disabled);
+ .prop(SN.C.S.Disabled, true);
SN.U.normalizeGeoData(form);
.removeClass(SN.C.S.Processing)
.find('.submit')
.removeClass(SN.C.S.Disabled)
- .removeAttr(SN.C.S.Disabled, SN.C.S.Disabled);
+ .prop(SN.C.S.Disabled, false);
removeFeedback();
if (textStatus == 'timeout') {
// @fixme i18n
- showFeedback('error', 'Sorry! We had trouble sending your notice. The servers are overloaded. Please try again, and contact the site administrator if this problem persists.');
- }
- else {
+ SN.U.showFeedback(form, 'error', 'Sorry! We had trouble sending your notice. The servers are overloaded. Please try again, and contact the site administrator if this problem persists.');
+ } else {
var response = SN.U.GetResponseXML(xhr);
- if ($('.'+SN.C.S.Error, response).length > 0) {
- form.append(document._importNode($('.'+SN.C.S.Error, response)[0], true));
- }
- else {
- if (parseInt(xhr.status) === 0 || jQuery.inArray(parseInt(xhr.status), SN.C.I.HTTP20x30x) >= 0) {
+ if ($('.' + SN.C.S.Error, response).length > 0) {
+ form.append(document._importNode($('.' + SN.C.S.Error, response)[0], true));
+ } else {
+ if (parseInt(xhr.status) === 0 || $.inArray(parseInt(xhr.status), SN.C.I.HTTP20x30x) >= 0) {
form
.resetForm()
.find('.attach-status').remove();
SN.U.FormNoticeEnhancements(form);
- }
- else {
+ } else {
// @fixme i18n
- showFeedback('error', '(Sorry! We had trouble sending your notice ('+xhr.status+' '+xhr.statusText+'). Please report the problem to the site administrator if this happens again.');
+ SN.U.showFeedback(form, 'error', '(Sorry! We had trouble sending your notice (' + xhr.status + ' ' + xhr.statusText + '). Please report the problem to the site administrator if this happens again.');
}
}
}
},
- success: function(data, textStatus) {
+ success: function (data, textStatus) {
removeFeedback();
- var errorResult = $('#'+SN.C.S.Error, data);
+ var errorResult = $('#' + SN.C.S.Error, data);
if (errorResult.length > 0) {
- showFeedback('error', errorResult.text());
- }
- else {
- if($('body')[0].id == 'bookmarklet') {
- // @fixme self is not referenced anywhere?
- self.close();
- }
-
- var commandResult = $('#'+SN.C.S.CommandResult, data);
- if (commandResult.length > 0) {
- showFeedback('success', commandResult.text());
- }
- else {
- // New notice post was successful. If on our timeline, show it!
- var notice = document._importNode($('li', data)[0], true);
- var notices = $('#notices_primary .notices:first');
- var replyItem = form.closest('li.notice-reply');
-
- if (replyItem.length > 0) {
- // If this is an inline reply, insert it in place.
- var id = $(notice).attr('id');
- if ($("#"+id).length == 0) {
- var parentNotice = replyItem.closest('li.notice');
- replyItem.replaceWith(notice);
- SN.U.NoticeInlineReplyPlaceholder(parentNotice);
- } else {
- // Realtime came through before us...
- replyItem.remove();
- }
- } else if (notices.length > 0 && SN.U.belongsOnTimeline(notice)) {
- // Not a reply. If on our timeline, show it at the top!
-
- if ($('#'+notice.id).length === 0) {
- var notice_irt_value = form.find('[name=inreplyto]').val();
- var notice_irt = '#notices_primary #notice-'+notice_irt_value;
- if($('body')[0].id == 'conversation') {
- if(notice_irt_value.length > 0 && $(notice_irt+' .notices').length < 1) {
- $(notice_irt).append('<ul class="notices"></ul>');
- }
- $($(notice_irt+' .notices')[0]).append(notice);
- }
- else {
- notices.prepend(notice);
- }
- $('#'+notice.id)
- .css({display:'none'})
- .fadeIn(2500);
- SN.U.NoticeWithAttachment($('#'+notice.id));
- SN.U.switchInputFormTab("placeholder");
- }
- } else {
- // Not on a timeline that this belongs on?
- // Just show a success message.
- // @fixme inline
- showFeedback('success', $('title', data).text());
- }
- }
- form.resetForm();
- form.find('[name=inreplyto]').val('');
- form.find('.attach-status').remove();
- SN.U.FormNoticeEnhancements(form);
+ SN.U.showFeedback(form, 'error', errorResult.text());
+ } else {
+ SN.E.ajaxNoticePosted(form, data, textStatus);
}
},
- complete: function(xhr, textStatus) {
+ complete: function (xhr, textStatus) {
form
.removeClass(SN.C.S.Processing)
.find('.submit')
- .removeAttr(SN.C.S.Disabled)
+ .prop(SN.C.S.Disabled, false)
.removeClass(SN.C.S.Disabled);
form.find('[name=lat]').val(SN.C.I.NoticeDataGeo.NLat);
form.find('[name=lon]').val(SN.C.I.NoticeDataGeo.NLon);
form.find('[name=location_ns]').val(SN.C.I.NoticeDataGeo.NLNS);
form.find('[name=location_id]').val(SN.C.I.NoticeDataGeo.NLID);
- form.find('[name=notice_data-geo]').attr('checked', SN.C.I.NoticeDataGeo.NDG);
+ form.find('[name=notice_data-geo]').prop('checked', SN.C.I.NoticeDataGeo.NDG);
}
});
},
- normalizeGeoData: function(form) {
+ FormProfileSearchXHR: function (form) {
+ $.ajax({
+ type: 'POST',
+ dataType: 'xml',
+ url: form.attr('action'),
+ data: form.serialize() + '&ajax=1',
+ beforeSend: function (xhr) {
+ form
+ .addClass(SN.C.S.Processing)
+ .find('.submit')
+ .addClass(SN.C.S.Disabled)
+ .prop(SN.C.S.Disabled, true);
+ },
+ error: function (xhr, textStatus, errorThrown) {
+ window.alert(errorThrown || textStatus);
+ },
+ success: function (data, textStatus) {
+ var results_placeholder = $('#profile_search_results');
+ if ($('ul', data)[0] !== undefined) {
+ var list = document._importNode($('ul', data)[0], true);
+ results_placeholder.replaceWith(list);
+ } else {
+ var _error = $('<li/>').append(document._importNode($('p', data)[0], true));
+ results_placeholder.html(_error);
+ }
+ form
+ .removeClass(SN.C.S.Processing)
+ .find('.submit')
+ .removeClass(SN.C.S.Disabled)
+ .prop(SN.C.S.Disabled, false);
+ }
+ });
+ },
+
+ FormPeopletagsXHR: function (form) {
+ $.ajax({
+ type: 'POST',
+ dataType: 'xml',
+ url: form.attr('action'),
+ data: form.serialize() + '&ajax=1',
+ beforeSend: function (xhr) {
+ form.find('.submit')
+ .addClass(SN.C.S.Processing)
+ .addClass(SN.C.S.Disabled)
+ .prop(SN.C.S.Disabled, true);
+ },
+ error: function (xhr, textStatus, errorThrown) {
+ window.alert(errorThrown || textStatus);
+ },
+ success: function (data, textStatus) {
+ var results_placeholder = form.parents('.entity_tags');
+ if ($('.entity_tags', data)[0] !== undefined) {
+ var tags = document._importNode($('.entity_tags', data)[0], true);
+ $(tags).find('.editable').append($('<button class="peopletags_edit_button"/>'));
+ results_placeholder.replaceWith(tags);
+ } else {
+ results_placeholder.find('p').remove();
+ results_placeholder.append(document._importNode($('p', data)[0], true));
+ form.removeClass(SN.C.S.Processing)
+ .find('.submit')
+ .removeClass(SN.C.S.Disabled)
+ .prop(SN.C.S.Disabled, false);
+ }
+ }
+ });
+ },
+
+ normalizeGeoData: function (form) {
SN.C.I.NoticeDataGeo.NLat = form.find('[name=lat]').val();
SN.C.I.NoticeDataGeo.NLon = form.find('[name=lon]').val();
SN.C.I.NoticeDataGeo.NLNS = form.find('[name=location_ns]').val();
SN.C.I.NoticeDataGeo.NLID = form.find('[name=location_id]').val();
- SN.C.I.NoticeDataGeo.NDG = form.find('[name=notice_data-geo]').attr('checked'); // @fixme
+ SN.C.I.NoticeDataGeo.NDG = form.find('[name=notice_data-geo]').prop('checked'); // @fixme (does this still need to be fixed somehow?)
var cookieValue = $.cookie(SN.C.S.NoticeDataGeoCookie);
- if (cookieValue !== null && cookieValue != 'disabled') {
+ if (cookieValue !== undefined && cookieValue != 'disabled') {
cookieValue = JSON.parse(cookieValue);
SN.C.I.NoticeDataGeo.NLat = form.find('[name=lat]').val(cookieValue.NLat).val();
SN.C.I.NoticeDataGeo.NLon = form.find('[name=lon]').val(cookieValue.NLon).val();
}
}
if (cookieValue == 'disabled') {
- SN.C.I.NoticeDataGeo.NDG = form.find('[name=notice_data-geo]').attr('checked', false).attr('checked');
- }
- else {
- SN.C.I.NoticeDataGeo.NDG = form.find('[name=notice_data-geo]').attr('checked', true).attr('checked');
+ SN.C.I.NoticeDataGeo.NDG = form.find('[name=notice_data-geo]').prop('checked', false).prop('checked');
+ } else {
+ SN.C.I.NoticeDataGeo.NDG = form.find('[name=notice_data-geo]').prop('checked', true).prop('checked');
}
},
+
/**
* Fetch an XML DOM from an XHR's response data.
*
* @param {XMLHTTPRequest} xhr
* @return DOMDocument
*/
- GetResponseXML: function(xhr) {
+ GetResponseXML: function (xhr) {
try {
return xhr.responseXML;
} catch (e) {
}
},
+ /**
+ * Setup function -- DOES NOT trigger actions immediately.
+ *
+ * Sets up event handlers on all visible notice's option <a> elements
+ * with the "popup" class so they behave as expected with AJAX.
+ *
+ * (without javascript the link goes to a page that expects you to verify
+ * the action through a form)
+ *
+ * @access private
+ */
+ NoticeOptionsAjax: function () {
+ $(document).on('click', '.notice-options > a.popup', function (e) {
+ e.preventDefault();
+ var noticeEl = $(this).closest('.notice');
+ $.ajax({
+ url: $(this).attr('href'),
+ data: {ajax: 1},
+ success: function (data, textStatus, xhr) {
+ SN.U.NoticeOptionPopup(data, noticeEl);
+ },
+ });
+ return false;
+ });
+ },
+
+ NoticeOptionPopup: function (data, noticeEl) {
+ title = $('head > title', data).text();
+ body = $('body', data).html();
+ dialog = $(body).dialog({
+ height: "auto",
+ width: "auto",
+ modal: true,
+ resizable: true,
+ title: title,
+ });
+ },
+
/**
* Setup function -- DOES NOT trigger actions immediately.
*
*
* @access private
*/
- NoticeReply: function() {
- $('#content .notice_reply').live('click', function(e) {
+ NoticeReply: function () {
+ $(document).on('click', '#content .notice_reply', function (e) {
e.preventDefault();
var notice = $(this).closest('li.notice');
- var nickname = ($('.author .nickname', notice).length > 0) ? $($('.author .nickname', notice)[0]) : $('.author .nickname.uid');
- SN.U.NoticeInlineReplyTrigger(notice, '@' + nickname.text());
+ SN.U.NoticeInlineReplyTrigger(notice);
return false;
});
},
* Stub -- kept for compat with plugins for now.
* @access private
*/
- NoticeReplyTo: function(notice) {
+ NoticeReplyTo: function (notice) {
},
/**
* @param {jQuery} notice: jQuery object containing one notice
* @param {String} initialText
*/
- NoticeInlineReplyTrigger: function(notice, initialText) {
+ NoticeInlineReplyTrigger: function (notice, initialText) {
// Find the notice we're replying to...
var id = $($('.notice_id', notice)[0]).text();
+ var replyForm;
var parentNotice = notice;
+ var stripForm = true; // strip a couple things out of reply forms that are inline
- // Find the threaded replies view we'll be adding to...
- var list = notice.closest('.notices');
- if (list.hasClass('threaded-replies')) {
- // We're replying to a reply; use reply form on the end of this list.
- // We'll add our form at the end of this; grab the root notice.
- parentNotice = list.closest('.notice');
- } else {
- // We're replying to a parent notice; pull its threaded list
- // and we'll add on the end of it. Will add if needed.
- list = $('ul.threaded-replies', notice);
- if (list.length == 0) {
- list = $('<ul class="notices threaded-replies xoxo"></ul>');
- notice.append(list);
- }
+ var list = notice.find('.threaded-replies');
+ if (list.length == 0) {
+ list = notice.closest('.threaded-replies');
+ }
+ if (list.length == 0) {
+ list = $('<ul class="notices threaded-replies xoxo"></ul>');
+ notice.append(list);
+ list = notice.find('.threaded-replies');
}
- // See if the form's already open...
- var replyForm = $('.notice-reply-form', list);
-
- var nextStep = function() {
+ var nextStep = function () {
// Override...?
replyForm.find('input[name=inreplyto]').val(id);
+ if (stripForm) {
+ // Don't do this for old-school reply form, as they don't come back!
+ replyForm.find('#notice_to').prop('disabled', true).hide();
+ replyForm.find('#notice_private').prop('disabled', true).hide();
+ replyForm.find('label[for=notice_to]').hide();
+ replyForm.find('label[for=notice_private]').hide();
+ }
+ replyItem.show();
// Set focus...
var text = replyForm.find('textarea');
if (initialText) {
replyto = initialText + ' ';
}
- text.val(replyto + text.val().replace(RegExp(replyto, 'i'), ''));
- text.data('initialText', $.trim(initialText + ''));
+ text.val(replyto + text.val().replace(new RegExp(replyto, 'i'), ''));
+ text.data('initialText', $.trim(initialText));
text.focus();
if (text[0].setSelectionRange) {
var len = text.val().length;
- text[0].setSelectionRange(len,len);
+ text[0].setSelectionRange(len, len);
}
};
- if (replyForm.length > 0) {
- // Update the existing form...
- nextStep();
- } else {
- // Remove placeholder if any
- list.find('li.notice-reply-placeholder').remove();
-
- // Create the reply form entry at the end
- var replyItem = $('li.notice-reply', list);
- if (replyItem.length == 0) {
- replyItem = $('<li class="notice-reply"></li>');
- var intermediateStep = function(formMaster) {
- var formEl = document._importNode(formMaster, true);
- replyItem.append(formEl);
- list.append(replyItem);
-
- var form = replyForm = $(formEl);
- SN.Init.NoticeFormSetup(form);
-
- nextStep();
- };
- if (SN.C.I.NoticeFormMaster) {
- // We've already saved a master copy of the form.
- // Clone it in!
- intermediateStep(SN.C.I.NoticeFormMaster);
- } else {
- // Fetch a fresh copy of the notice form over AJAX.
- // Warning: this can have a delay, which looks bad.
- // @fixme this fallback may or may not work
- var url = $('#form_notice').attr('action');
- $.get(url, {ajax: 1}, function(data, textStatus, xhr) {
- intermediateStep($('form', data)[0]);
- });
- }
+ // Create the reply form entry
+ var replyItem = $('li.notice-reply', list);
+ if (replyItem.length == 0) {
+ replyItem = $('<li class="notice-reply"></li>');
+ }
+ replyForm = replyItem.children('form');
+ if (replyForm.length == 0) {
+ // Let's try another trick to avoid fetching by URL
+ var noticeForm = $('#input_form_status > form');
+ if (noticeForm.length == 0) {
+ // No notice form found on the page, so let's just
+ // fetch a fresh copy of the notice form over AJAX.
+ $.ajax({
+ url: SN.V.urlNewNotice,
+ data: {ajax: 1, inreplyto: id},
+ success: function (data, textStatus, xhr) {
+ var formEl = document._importNode($('form', data)[0], true);
+ replyForm = $(formEl);
+ replyItem.append(replyForm);
+ list.append(replyItem);
+
+ SN.Init.NoticeFormSetup(replyForm);
+ nextStep();
+ },
+ });
+ // We do everything relevant in 'success' above
+ return;
}
+ replyForm = noticeForm.clone();
+ SN.Init.NoticeFormSetup(replyForm);
+ replyItem.append(replyForm);
+ list.append(replyItem);
}
- },
-
- NoticeInlineReplyPlaceholder: function(notice) {
- var list = notice.find('ul.threaded-replies');
- var placeholder = $('<li class="notice-reply-placeholder">' +
- '<input class="placeholder">' +
- '</li>');
- placeholder.find('input')
- .val(SN.msg('reply_placeholder'));
- list.append(placeholder);
+ // replyForm is set, we're not fetching by URL...
+ // Next setp is to configure in-reply-to etc.
+ nextStep();
},
/**
* Setup function -- DOES NOT apply immediately.
*
- * Sets up event handlers for inline reply mini-form placeholders.
- * Uses 'live' rather than 'bind', so applies to future as well as present items.
+ * Uses 'on' rather than 'live' or 'bind', so applies to future as well as present items.
*/
- NoticeInlineReplySetup: function() {
- $('li.notice-reply-placeholder input')
- .live('focus', function() {
- var notice = $(this).closest('li.notice');
- SN.U.NoticeInlineReplyTrigger(notice);
+ NoticeInlineReplySetup: function () {
+ // Expand conversation links
+ $(document).on('click', 'li.notice-reply-comments a', function () {
+ var url = $(this).attr('href');
+ var area = $(this).closest('.threaded-replies');
+ $.ajax({
+ url: url,
+ data: {ajax: 1},
+ success: function (data, textStatus, xhr) {
+ var replies = $('.threaded-replies', data);
+ if (replies.length) {
+ area.replaceWith(document._importNode(replies[0], true));
+ }
+ },
+ });
return false;
});
},
* Sets up event handlers for repeat forms to toss up a confirmation
* popout before submitting.
*
- * Uses 'live' rather than 'bind', so applies to future as well as present items.
+ * Uses 'on' rather than 'live' or 'bind', so applies to future as well as present items.
+ *
*/
- NoticeRepeat: function() {
- $('.form_repeat').live('click', function(e) {
+ NoticeRepeat: function () {
+ $('body').on('click', '.form_repeat', function (e) {
e.preventDefault();
SN.U.NoticeRepeatConfirmation($(this));
*
* @param {jQuery} form
*/
- NoticeRepeatConfirmation: function(form) {
+ NoticeRepeatConfirmation: function (form) {
var submit_i = form.find('.submit');
var submit = submit_i.clone();
.addClass('submit_dialogbox')
.removeClass('submit');
form.append(submit);
- submit.bind('click', function() { SN.U.FormXHR(form); return false; });
+ submit.on('click', function () { SN.U.FormXHR(form); return false; });
submit_i.hide();
form
.addClass('dialogbox')
- .append('<button class="close">×</button>')
+ .append('<button class="close" title="' + SN.msg('popup_close_button') + '">×</button>')
.closest('.notice-options')
.addClass('opaque');
- form.find('button.close').click(function(){
+ form.find('button.close').click(function () {
$(this).remove();
form
* Goes through all notices currently displayed and sets up attachment
* handling if needed.
*/
- NoticeAttachments: function() {
- $('.notice a.attachment').each(function() {
+ NoticeAttachments: function () {
+ $('.notice a.attachment').each(function () {
SN.U.NoticeWithAttachment($(this).closest('.notice'));
});
},
*
* @param {jQuery} notice
*/
- NoticeWithAttachment: function(notice) {
+ NoticeWithAttachment: function (notice) {
if (notice.find('.attachment').length === 0) {
return;
}
- var attachment_more = notice.find('.attachment.more');
- if (attachment_more.length > 0) {
- $(attachment_more[0]).click(function() {
- var m = $(this);
- m.addClass(SN.C.S.Processing);
- $.get(m.attr('href')+'/ajax', null, function(data) {
- m.parent('.entry-content').html($(data).find('#attachment_view .entry-content').html());
- });
+ $(document).on('click','.attachment.more',function () {
+ var m = $(this);
+ m.addClass(SN.C.S.Processing);
+ $.get(m.attr('href'), {ajax: 1}, function (data) {
+ m.parent('.e-content').html($(data).find('#attachment_view .e-content').html());
+ });
+
+ return false;
+ });
- return false;
- }).attr('title', SN.msg('showmore_tooltip'));
- }
},
/**
*
* @param {jQuery} form
*/
- NoticeDataAttach: function(form) {
+ NoticeDataAttach: function (form) {
+ var i;
var NDA = form.find('input[type=file]');
- NDA.change(function(event) {
+ NDA.change(function (event) {
form.find('.attach-status').remove();
- var filename = $(this).val();
- if (!filename) {
- // No file -- we've been tricked!
- return false;
- }
-
- var attachStatus = $('<div class="attach-status '+SN.C.S.Success+'"><code></code> <button class="close">×</button></div>');
- attachStatus.find('code').text(filename);
- attachStatus.find('button').click(function(){
- attachStatus.remove();
- NDA.val('');
-
- return false;
- });
- form.append(attachStatus);
-
- if (typeof this.files == "object") {
+ if (typeof this.files === "object") {
+ var attachStatus = $('<ul class="attach-status ' + SN.C.S.Success + '"></ul>');
+ form.append(attachStatus);
// Some newer browsers will let us fetch the files for preview.
- for (var i = 0; i < this.files.length; i++) {
+ for (i = 0; i < this.files.length; i++) {
SN.U.PreviewAttach(form, this.files[i]);
}
+ } else {
+ var filename = $(this).val();
+ if (!filename) {
+ // No file -- we've been tricked!
+ return false;
+ }
+
+ var attachStatus = $('<div class="attach-status ' + SN.C.S.Success + '"><code></code> <button class="close">×</button></div>');
+ attachStatus.find('code').text(filename);
+ attachStatus.find('button').click(function () {
+ attachStatus.remove();
+ NDA.val('');
+
+ return false;
+ });
+ form.append(attachStatus);
}
});
},
* @param {jQuery} form
* @return int max size in bytes; 0 or negative means no limit
*/
- maxFileSize: function(form) {
+ maxFileSize: function (form) {
var max = $(form).find('input[name=MAX_FILE_SIZE]').attr('value');
if (max) {
return parseInt(max);
- } else {
- return 0;
}
+ return 0;
},
/**
* @todo detect pixel size?
* @todo should we render a thumbnail to a canvas and then use the smaller image?
*/
- PreviewAttach: function(form, file) {
+ PreviewAttach: function (form, file) {
var tooltip = file.type + ' ' + Math.round(file.size / 1024) + 'KB';
var preview = true;
var blobAsDataURL;
- if (typeof window.createObjectURL != "undefined") {
+ if (window.createObjectURL !== undefined) {
/**
* createObjectURL lets us reference the file directly from an <img>
* This produces a compact URL with an opaque reference to the file,
* - Safari 5.0.2: no
* - Chrome 8.0.552.210: works!
*/
- blobAsDataURL = function(blob, callback) {
+ blobAsDataURL = function (blob, callback) {
callback(window.createObjectURL(blob));
- }
- } else if (typeof window.FileReader != "undefined") {
+ };
+ } else if (window.FileReader !== undefined) {
/**
* FileAPI's FileReader can build a data URL from a blob's contents,
* but it must read the file and build it asynchronously. This means
* - Safari 5.0.2: no
* - Chrome 8.0.552.210: works!
*/
- blobAsDataURL = function(blob, callback) {
+ blobAsDataURL = function (blob, callback) {
var reader = new FileReader();
- reader.onload = function(event) {
+ reader.onload = function (event) {
callback(reader.result);
- }
+ };
reader.readAsDataURL(blob);
- }
+ };
} else {
preview = false;
}
}
if (preview) {
- blobAsDataURL(file, function(url) {
+ blobAsDataURL(file, function (url) {
+ var fileentry = $('<li class="attachment"></li>');
+ fileentry.append($('<code>' + file.name + '</code>'));
var img = $('<img>')
.attr('title', tooltip)
.attr('alt', tooltip)
.attr('src', url)
.attr('style', 'height: 120px');
- form.find('.attach-status').append(img);
+ fileentry.append(img);
+ form.find('.attach-status').append(fileentry);
});
} else {
var img = $('<div></div>').text(tooltip);
* hard time figuring out if it's working or fixing if it's wrong.
*
*/
- NoticeLocationAttach: function(form) {
+ NoticeLocationAttach: function (form) {
// @fixme this should not be tied to the main notice form, as there may be multiple notice forms...
- var NLat = form.find('[name=lat]')
- var NLon = form.find('[name=lon]')
+ var NLat = form.find('[name=lat]');
+ var NLon = form.find('[name=lon]');
var NLNS = form.find('[name=location_ns]').val();
var NLID = form.find('[name=location_id]').val();
var NLN = ''; // @fixme
function removeNoticeDataGeo(error) {
label
- .attr('title', jQuery.trim(label.text()))
+ .attr('title', $.trim(label.text()))
.removeClass('checked');
form.find('[name=lat]').val('');
form.find('[name=lon]').val('');
form.find('[name=location_ns]').val('');
form.find('[name=location_id]').val('');
- form.find('[name=notice_data-geo]').attr('checked', false);
+ form.find('[name=notice_data-geo]').prop('checked', false);
$.cookie(SN.C.S.NoticeDataGeoCookie, 'disabled', { path: '/' });
function getJSONgeocodeURL(geocodeURL, data) {
SN.U.NoticeGeoStatus(form, 'Looking up place name...');
- $.getJSON(geocodeURL, data, function(location) {
- var lns, lid;
+ $.getJSON(geocodeURL, data, function (location) {
+ var lns, lid, NLN_text;
- if (typeof(location.location_ns) != 'undefined') {
+ if (location.location_ns !== undefined) {
form.find('[name=location_ns]').val(location.location_ns);
lns = location.location_ns;
}
- if (typeof(location.location_id) != 'undefined') {
+ if (location.location_id !== undefined) {
form.find('[name=location_id]').val(location.location_id);
lid = location.location_id;
}
- if (typeof(location.name) == 'undefined') {
+ if (location.name === undefined) {
NLN_text = data.lat + ';' + data.lon;
- }
- else {
+ } else {
NLN_text = location.name;
}
form.find('[name=lon]').val(data.lon);
form.find('[name=location_ns]').val(lns);
form.find('[name=location_id]').val(lid);
- form.find('[name=notice_data-geo]').attr('checked', true);
+ form.find('[name=notice_data-geo]').prop('checked', true);
var cookieValue = {
NLat: data.lat,
if (check.length > 0) {
if ($.cookie(SN.C.S.NoticeDataGeoCookie) == 'disabled') {
- check.attr('checked', false);
- }
- else {
- check.attr('checked', true);
+ check.prop('checked', false);
+ } else {
+ check.prop('checked', true);
}
var NGW = form.find('.notice_data-geo_wrap');
var geocodeURL = NGW.attr('data-api');
- label
- .attr('title', label.text());
+ label.attr('title', label.text());
- check.change(function() {
- if (check.attr('checked') === true || $.cookie(SN.C.S.NoticeDataGeoCookie) === null) {
+ check.change(function () {
+ if (check.prop('checked') === true || $.cookie(SN.C.S.NoticeDataGeoCookie) === undefined) {
label
.attr('title', NoticeDataGeo_text.ShareDisable)
.addClass('checked');
- if ($.cookie(SN.C.S.NoticeDataGeoCookie) === null || $.cookie(SN.C.S.NoticeDataGeoCookie) == 'disabled') {
+ if ($.cookie(SN.C.S.NoticeDataGeoCookie) === undefined || $.cookie(SN.C.S.NoticeDataGeoCookie) == 'disabled') {
if (navigator.geolocation) {
SN.U.NoticeGeoStatus(form, 'Requesting location from browser...');
navigator.geolocation.getCurrentPosition(
- function(position) {
+ function (position) {
form.find('[name=lat]').val(position.coords.latitude);
form.find('[name=lon]').val(position.coords.longitude);
getJSONgeocodeURL(geocodeURL, data);
},
- function(error) {
+ function (error) {
switch(error.code) {
case error.PERMISSION_DENIED:
removeNoticeDataGeo('Location permission denied.');
break;
case error.TIMEOUT:
- //$('#'+SN.C.S.NoticeDataGeo).attr('checked', false);
+ //$('#' + SN.C.S.NoticeDataGeo).prop('checked', false);
removeNoticeDataGeo('Location lookup timeout.');
break;
}
timeout: 10000
}
);
- }
- else {
+ } else {
if (NLat.length > 0 && NLon.length > 0) {
var data = {
lat: NLat,
};
getJSONgeocodeURL(geocodeURL, data);
- }
- else {
+ } else {
removeNoticeDataGeo();
check.remove();
label.remove();
}
}
+ } else {
+ try {
+ var cookieValue = JSON.parse($.cookie(SN.C.S.NoticeDataGeoCookie));
+
+ form.find('[name=lat]').val(cookieValue.NLat);
+ form.find('[name=lon]').val(cookieValue.NLon);
+ form.find('[name=location_ns]').val(cookieValue.NLNS);
+ form.find('[name=location_id]').val(cookieValue.NLID);
+ form.find('[name=notice_data-geo]').prop('checked', cookieValue.NDG);
+
+ SN.U.NoticeGeoStatus(form, cookieValue.NLN, cookieValue.NLat, cookieValue.NLon, cookieValue.NLNU);
+ label
+ .attr('title', NoticeDataGeo_text.ShareDisable + ' (' + cookieValue.NLN + ')')
+ .addClass('checked');
+ } catch (e) {
+ console.log('Parsing error:', e);
+ }
}
- else {
- var cookieValue = JSON.parse($.cookie(SN.C.S.NoticeDataGeoCookie));
-
- form.find('[name=lat]').val(cookieValue.NLat);
- form.find('[name=lon]').val(cookieValue.NLon);
- form.find('[name=location_ns]').val(cookieValue.NLNS);
- form.find('[name=location_id]').val(cookieValue.NLID);
- form.find('[name=notice_data-geo]').attr('checked', cookieValue.NDG);
-
- SN.U.NoticeGeoStatus(form, cookieValue.NLN, cookieValue.NLat, cookieValue.NLon, cookieValue.NLNU);
- label
- .attr('title', NoticeDataGeo_text.ShareDisable + ' (' + cookieValue.NLN + ')')
- .addClass('checked');
- }
- }
- else {
+ } else {
removeNoticeDataGeo();
}
}).change();
* @param {String} lon (optional)
* @param {String} url (optional)
*/
- NoticeGeoStatus: function(form, status, lat, lon, url)
+ NoticeGeoStatus: function (form, status, lat, lon, url)
{
var wrapper = form.find('.geo_status_wrapper');
if (wrapper.length == 0) {
- wrapper = $('<div class="'+SN.C.S.Success+' geo_status_wrapper"><button class="close" style="float:right">×</button><div class="geo_status"></div></div>');
- wrapper.find('button.close').click(function() {
- form.find('[name=notice_data-geo]').removeAttr('checked').change();
+ wrapper = $('<div class="' + SN.C.S.Success + ' geo_status_wrapper"><button class="close" style="float:right">×</button><div class="geo_status"></div></div>');
+ wrapper.find('button.close').click(function () {
+ form.find('[name=notice_data-geo]').prop('checked', false).change();
return false;
});
form.append(wrapper);
*
* @fixme breaks ability to open link in new window?
*/
- NewDirectMessage: function() {
+ NewDirectMessage: function () {
NDM = $('.entity_send-a-message a');
- NDM.attr({'href':NDM.attr('href')+'&ajax=1'});
- NDM.bind('click', function() {
+ NDM.attr({'href': NDM.attr('href') + '&ajax=1'});
+ NDM.on('click', function () {
var NDMF = $('.entity_send-a-message form');
if (NDMF.length === 0) {
$(this).addClass(SN.C.S.Processing);
- $.get(NDM.attr('href'), null, function(data) {
+ $.get(NDM.attr('href'), null, function (data) {
$('.entity_send-a-message').append(document._importNode($('form', data)[0], true));
NDMF = $('.entity_send-a-message .form_notice');
SN.U.FormNoticeXHR(NDMF);
SN.U.FormNoticeEnhancements(NDMF);
NDMF.append('<button class="close">×</button>');
- $('.entity_send-a-message button').click(function(){
+ $('.entity_send-a-message button').click(function () {
NDMF.hide();
return false;
});
NDM.removeClass(SN.C.S.Processing);
});
- }
- else {
+ } else {
NDMF.show();
$('.entity_send-a-message textarea').focus();
}
* @param {number} day: 1 == 1
* @return {Date}
*/
- GetFullYear: function(year, month, day) {
+ GetFullYear: function (year, month, day) {
var date = new Date();
date.setFullYear(year, month, day);
return date;
},
- /**
- * Some sort of object interface for storing some structured
- * information in a cookie.
- *
- * Appears to be used to save the last-used login nickname?
- * That's something that browsers usually take care of for us
- * these days, do we really need to do it? Does anything else
- * use this interface?
- *
- * @fixme what is this?
- * @fixme should this use non-cookie local storage when available?
- */
- StatusNetInstance: {
- /**
- * @fixme what is this?
- */
- Set: function(value) {
- var SNI = SN.U.StatusNetInstance.Get();
- if (SNI !== null) {
- value = $.extend(SNI, value);
- }
-
- $.cookie(
- SN.C.S.StatusNetInstance,
- JSON.stringify(value),
- {
- path: '/',
- expires: SN.U.GetFullYear(2029, 0, 1)
- });
- },
-
- /**
- * @fixme what is this?
- */
- Get: function() {
- var cookieValue = $.cookie(SN.C.S.StatusNetInstance);
- if (cookieValue !== null) {
- return JSON.parse(cookieValue);
- }
- return null;
- },
-
- /**
- * @fixme what is this?
- */
- Delete: function() {
- $.cookie(SN.C.S.StatusNetInstance, null);
- }
- },
-
/**
* Check if the current page is a timeline where the current user's
* posts should be displayed immediately on success.
* @param {DOMElement} notice: HTML chunk with formatted notice
* @return boolean
*/
- belongsOnTimeline: function(notice) {
+ belongsOnTimeline: function (notice) {
var action = $("body").attr('id');
if (action == 'public') {
return true;
var profileLink = $('#nav_profile a').attr('href');
if (profileLink) {
- var authorUrl = $(notice).find('.vcard.author a.url').attr('href');
+ var authorUrl = $(notice).find('.h-card.p-author').attr('href');
if (authorUrl == profileLink) {
if (action == 'all' || action == 'showstream') {
// Posts always show on your own friends and profile streams.
// Mismatch between id-based and name-based user/group links currently complicates
// the lookup, since all our inline mentions contain the absolute links but the
// UI links currently on the page use malleable names.
-
+
return false;
},
*
* @param {String} tag
*/
- switchInputFormTab: function(tag) {
- // The one that's current isn't current anymore
- $('.input_form_nav_tab.current').removeClass('current');
- if (tag == 'placeholder') {
- // Hack: when showing the placeholder, mark the tab
- // as current for 'Status'.
- $('#input_form_nav_status').addClass('current');
+ switchInputFormTab: function (tag, setFocus) {
+ if (typeof setFocus === 'undefined') { setFocus = true; }
+ // The one that's current isn't current anymore
+ $('.input_form_nav_tab.current').removeClass('current');
+ if (tag != null) {
+ $('#input_form_nav_' + tag).addClass('current');
+ }
+
+ // Don't remove 'current' if we also have the "nonav" class.
+ // An example would be the message input form. removing
+ // 'current' will cause the form to vanish from the page.
+ var nonav = $('.input_form.current.nonav');
+ if (nonav.length > 0) {
+ return;
+ }
+
+ $('.input_form.current').removeClass('current');
+ if (tag == null) {
+ // we're done here, no new inputform to focus on
+ return false;
+ }
+
+ var noticeForm = $('#input_form_' + tag)
+ .addClass('current')
+ .find('.ajax-notice').each(function () {
+ var form = $(this);
+ SN.Init.NoticeFormSetup(form);
+ });
+ if (setFocus) {
+ noticeForm.find('.notice_data-text').focus();
+ }
+
+ return false;
+ },
+
+ showMoreMenuItems: function (menuid) {
+ $('#' + menuid + ' .more_link').remove();
+ var selector = '#' + menuid + ' .extended_menu';
+ var extended = $(selector);
+ extended.removeClass('extended_menu');
+ return void(0);
+ },
+
+ /**
+ * Show a response feedback bit under a form.
+ *
+ * @param {Element} form: the new-notice form usually
+ * @param {String} cls: CSS class name to use ('error' or 'success')
+ * @param {String} text
+ * @access public
+ */
+ showFeedback: function (form, cls, text) {
+ form.append(
+ $('<p class="form_response"></p>')
+ .addClass(cls)
+ .text(text)
+ );
+ },
+
+ addCallback: function (ename, callback) {
+ // initialize to array if it's undefined
+ if (typeof SN._callbacks[ename] === 'undefined') {
+ SN._callbacks[ename] = [];
+ }
+ SN._callbacks[ename].push(callback);
+ },
+
+ runCallbacks: function (ename, data) {
+ if (typeof SN._callbacks[ename] === 'undefined') {
+ return;
+ }
+ for (cbname in SN._callbacks[ename]) {
+ SN._callbacks[ename][cbname](data);
+ }
+ }
+ },
+
+ E: { /* Events */
+ /* SN.E.ajaxNoticePosted, called when a notice has been posted successfully via an AJAX form
+ @param form the originating form element
+ @param data data from success() callback
+ @param textStatus textStatus from success() callback
+ */
+ ajaxNoticePosted: function (form, data, textStatus) {
+ var commandResult = $('#' + SN.C.S.CommandResult, data);
+ if (commandResult.length > 0) {
+ SN.U.showFeedback(form, 'success', commandResult.text());
} else {
- $('#input_form_nav_'+tag).addClass('current');
+ // New notice post was successful. If on our timeline, show it!
+ var notice = document._importNode($('li', data)[0], true);
+ var notices = $('#notices_primary .notices:first');
+ var replyItem = form.closest('li.notice-reply');
+
+ if (replyItem.length > 0) {
+ // If this is an inline reply, remove the form...
+ var list = form.closest('.threaded-replies');
+
+ var id = $(notice).attr('id');
+ if ($('#' + id).length == 0) {
+ $(notice).insertBefore(replyItem);
+ } // else Realtime came through before us...
+
+ replyItem.remove();
+
+ } else if (notices.length > 0 && SN.U.belongsOnTimeline(notice)) {
+ // Not a reply. If on our timeline, show it at the top!
+
+ if ($('#' + notice.id).length === 0) {
+ var notice_irt_value = form.find('[name=inreplyto]').val();
+ var notice_irt = '#notices_primary #notice-' + notice_irt_value;
+ if ($('body')[0].id == 'conversation') {
+ if (notice_irt_value.length > 0 && $(notice_irt + ' .notices').length < 1) {
+ $(notice_irt).append('<ul class="notices"></ul>');
+ }
+ $($(notice_irt + ' .notices')[0]).append(notice);
+ } else {
+ notices.prepend(notice);
+ }
+ $('#' + notice.id)
+ .css({display: 'none'})
+ .fadeIn(2500);
+ SN.U.NoticeWithAttachment($('#' + notice.id));
+ SN.U.switchInputFormTab(null);
+ }
+ } else {
+ // Not on a timeline that this belongs on?
+ // Just show a success message.
+ // @fixme inline
+ SN.U.showFeedback(form, 'success', $('title', data).text());
+ }
}
+ form.resetForm();
+ form.find('[name=inreplyto]').val('');
+ form.find('.attach-status').remove();
+ SN.U.FormNoticeEnhancements(form);
- $('.input_form.current').removeClass('current');
- $('#input_form_'+tag)
- .addClass('current')
- .find('.ajax-notice').each(function() {
- var form = $(this);
- SN.Init.NoticeFormSetup(form);
- })
- .find('textarea:first').focus();
- }
+ SN.U.runCallbacks('notice_posted', {"notice": notice});
+ },
},
+
Init: {
/**
* If user is logged in, run setup code for the new notice form:
* - location events
* - file upload events
*/
- NoticeForm: function() {
+ NoticeForm: function () {
if ($('body.user_in').length > 0) {
// SN.Init.NoticeFormSetup() will get run
// when forms get displayed for the first time...
- // Hack to initialize the placeholder at top
- $('#input_form_placeholder input.placeholder').focus(function() {
- SN.U.switchInputFormTab("status");
+ // Initialize the input form field
+ $('#input_form_nav .input_form_nav_tab.current').each(function () {
+ current_tab_id = $(this).attr('id').substring('input_form_nav_'.length);
+ SN.U.switchInputFormTab(current_tab_id, false);
});
// Make inline reply forms self-close when clicking out.
- $('body').bind('click', function(e) {
- var currentForm = $('#content .input_forms div.current');
- if (currentForm.length > 0) {
- if ($('#content .input_forms').has(e.target).length == 0) {
- // If all fields are empty, switch back to the placeholder.
- var fields = currentForm.find('textarea, input[type=text], input[type=""]');
- var anything = false;
- fields.each(function() {
- anything = anything || $(this).val();
- });
- if (!anything) {
- SN.U.switchInputFormTab("placeholder");
- }
- }
- }
-
+ $('body').on('click', function (e) {
var openReplies = $('li.notice-reply');
if (openReplies.length > 0) {
var target = $(e.target);
- openReplies.each(function() {
+ openReplies.each(function () {
// Did we click outside this one?
var replyItem = $(this);
if (replyItem.has(e.target).length == 0) {
// Only close if there's been no edit.
if (cur == '' || cur == textarea.data('initialText')) {
var parentNotice = replyItem.closest('li.notice');
- replyItem.remove();
- SN.U.NoticeInlineReplyPlaceholder(parentNotice);
+ replyItem.hide();
+ parentNotice.find('li.notice-reply-placeholder').show();
}
}
});
*
* @param {jQuery} form
*/
- NoticeFormSetup: function(form) {
- if (!form.data('NoticeFormSetup')) {
- SN.U.NoticeLocationAttach(form);
- SN.U.FormNoticeXHR(form);
- SN.U.FormNoticeEnhancements(form);
- SN.U.NoticeDataAttach(form);
- form.data('NoticeFormSetup', true);
+ NoticeFormSetup: function (form) {
+ if (form.data('NoticeFormSetup')) {
+ return false;
}
+ SN.U.NoticeLocationAttach(form);
+ SN.U.FormNoticeUniqueID(form);
+ SN.U.FormNoticeXHR(form);
+ SN.U.FormNoticeEnhancements(form);
+ SN.U.NoticeDataAttach(form);
+ form.data('NoticeFormSetup', true);
},
/**
* - AJAX submission for fave/repeat/reply (if logged in)
* - Attachment link extras ('more' links)
*/
- Notices: function() {
+ Notices: function () {
if ($('body.user_in').length > 0) {
- var masterForm = $('.form_notice:first');
- if (masterForm.length > 0) {
- SN.C.I.NoticeFormMaster = document._importNode(masterForm[0], true);
- }
SN.U.NoticeRepeat();
SN.U.NoticeReply();
SN.U.NoticeInlineReplySetup();
+ SN.U.NoticeOptionsAjax();
}
SN.U.NoticeAttachments();
* - AJAX submission for sub/unsub/join/leave/nudge
* - AJAX form popup for direct-message
*/
- EntityActions: function() {
+ EntityActions: function () {
if ($('body.user_in').length > 0) {
+ $(document).on('click', '.form_user_subscribe', function () { SN.U.FormXHR($(this)); return false; });
+ $(document).on('click', '.form_user_unsubscribe', function () { SN.U.FormXHR($(this)); return false; });
+ $(document).on('click', '.form_group_join', function () { SN.U.FormXHR($(this)); return false; });
+ $(document).on('click', '.form_group_leave', function () { SN.U.FormXHR($(this)); return false; });
+ $(document).on('click', '.form_user_nudge', function () { SN.U.FormXHR($(this)); return false; });
+ $(document).on('click', '.form_peopletag_subscribe', function () { SN.U.FormXHR($(this)); return false; });
+ $(document).on('click', '.form_peopletag_unsubscribe', function () { SN.U.FormXHR($(this)); return false; });
+ $(document).on('click', '.form_user_add_peopletag', function () { SN.U.FormXHR($(this)); return false; });
+ $(document).on('click', '.form_user_remove_peopletag', function () { SN.U.FormXHR($(this)); return false; });
+
SN.U.NewDirectMessage();
}
},
+ ProfileSearch: function () {
+ if ($('body.user_in').length > 0) {
+ $(document).on('click', '.form_peopletag_edit_user_search input.submit', function () {
+ SN.U.FormProfileSearchXHR($(this).parents('form')); return false;
+ });
+ }
+ },
+
/**
- * Run setup code for login form:
+ * Run setup for the ajax people tags editor
*
- * - loads saved last-used-nickname from cookie
- * - sets event handler to save nickname to cookie on submit
+ * - show edit button
+ * - set event handle for click on edit button
+ * - loads people tag autocompletion data if not already present
+ * or if it is stale.
*
- * @fixme is this necessary? Browsers do their own form saving these days.
*/
- Login: function() {
- if (SN.U.StatusNetInstance.Get() !== null) {
- var nickname = SN.U.StatusNetInstance.Get().Nickname;
- if (nickname !== null) {
- $('#form_login #nickname').val(nickname);
- }
- }
+ PeopleTags: function () {
+ $('.user_profile_tags .editable').append($('<button class="peopletags_edit_button"/>'));
+
+ $(document).on('click', '.peopletags_edit_button', function () {
+ var form = $(this).parents('dd').eq(0).find('form');
+ // We can buy time from the above animation
+
+ $.ajax({
+ url: _peopletagAC,
+ dataType: 'json',
+ data: {token: $('#token').val()},
+ ifModified: true,
+ success: function (data) {
+ // item.label is used to match
+ for (i=0; i < data.length; i++) {
+ data[i].label = data[i].tag;
+ }
- $('#form_login').bind('submit', function() {
- SN.U.StatusNetInstance.Set({Nickname: $('#form_login #nickname').val()});
- return true;
+ SN.C.PtagACData = data;
+ }
+ });
+
+ $(this).parents('ul').eq(0).fadeOut(200, function () {form.fadeIn(200).find('input#tags')});
+ });
+
+ $(document).on('click', '.user_profile_tags form .submit', function () {
+ SN.U.FormPeopletagsXHR($(this).parents('form')); return false;
});
},
/**
* Set up any generic 'ajax' form so it submits via AJAX with auto-replacement.
*/
- AjaxForms: function() {
- $('form.ajax').live('submit', function() {
+ AjaxForms: function () {
+ $(document).on('submit', 'form.ajax', function () {
SN.U.FormXHR($(this));
return false;
});
+ $(document).on('click', 'form.ajax input[type=submit]', function () {
+ // Some forms rely on knowing which submit button was clicked.
+ // Save a hidden input field which'll be picked up during AJAX
+ // submit...
+ var button = $(this);
+ var form = button.closest('form');
+ form.find('.hidden-submit-button').remove();
+ $('<input class="hidden-submit-button" type="hidden" />')
+ .attr('name', button.attr('name'))
+ .val(button.val())
+ .appendTo(form);
+ });
},
/**
* on browsers that support basic FileAPI.
*/
UploadForms: function () {
- $('input[type=file]').change(function(event) {
- if (typeof this.files == "object" && this.files.length > 0) {
+ $('input[type=file]').change(function (event) {
+ if (typeof this.files === "object" && this.files.length > 0) {
var size = 0;
for (var i = 0; i < this.files.length; i++) {
size += this.files[i].size;
}
}
});
+ },
+
+ CheckBoxes: function () {
+ $("span[class='checkbox-wrapper']").addClass("unchecked");
+ $(".checkbox-wrapper").click(function () {
+ if ($(this).children("input").prop("checked")) {
+ // uncheck
+ $(this).children("input").prop("checked", false);
+ $(this).removeClass("checked");
+ $(this).addClass("unchecked");
+ $(this).children("label").text("Private?");
+ } else {
+ // check
+ $(this).children("input").prop("checked", true);
+ $(this).removeClass("unchecked");
+ $(this).addClass("checked");
+ $(this).children("label").text("Private");
+ }
+ });
}
}
};
* until that's done. To load scripts asynchronously without delaying setup,
* don't start them loading until after DOM-ready time!
*/
-$(document).ready(function(){
+$(function () {
SN.Init.AjaxForms();
SN.Init.UploadForms();
- if ($('.'+SN.C.S.FormNotice).length > 0) {
+ SN.Init.CheckBoxes();
+ if ($('.' + SN.C.S.FormNotice).length > 0) {
SN.Init.NoticeForm();
}
if ($('#content .notices').length > 0) {
if ($('#content .entity_actions').length > 0) {
SN.Init.EntityActions();
}
- if ($('#form_login').length > 0) {
- SN.Init.Login();
+ if ($('#profile_search_results').length > 0) {
+ SN.Init.ProfileSearch();
+ }
+ if ($('.user_profile_tags .editable').length > 0) {
+ SN.Init.PeopleTags();
}
});
+