mirror of
https://framagit.org/hubzilla/core.git
synced 2026-06-21 00:52:33 -04:00
1720 lines
47 KiB
JavaScript
1720 lines
47 KiB
JavaScript
var src = null;
|
|
var prev = null;
|
|
var livetime = null;
|
|
var msie = false;
|
|
var stopped = false;
|
|
var totStopped = false;
|
|
var timer = null;
|
|
var pr = 0;
|
|
var liking = 0;
|
|
var in_progress = false;
|
|
var langSelect = false;
|
|
var commentBusy = false;
|
|
var last_popup_menu = null;
|
|
var last_popup_button = null;
|
|
var scroll_next = false;
|
|
var next_page = 1;
|
|
var page_load = true;
|
|
var loadingPage = true;
|
|
var pageHasMoreContent = true;
|
|
var divmore_height = 400;
|
|
var last_filestorage_id = null;
|
|
var mediaPlaying = false;
|
|
var liveRecurse = 0;
|
|
var savedTitle = '';
|
|
var followUpPageLoad = false;
|
|
var window_needs_alert = true;
|
|
var expanded_items = [];
|
|
|
|
var page_cache = {};
|
|
|
|
// take care of tab/window reloads on channel change
|
|
if(localStorage.getItem('uid') !== localUser.toString()) {
|
|
localStorage.clear();
|
|
sessionStorage.clear();
|
|
localStorage.setItem('uid', localUser.toString());
|
|
}
|
|
|
|
window.onstorage = function(e) {
|
|
if(e.key === 'uid' && parseInt(e.newValue) !== localUser) {
|
|
if(window_needs_alert) {
|
|
window_needs_alert = false;
|
|
alert("Your identity has changed. Page reload required!");
|
|
window.location.reload();
|
|
return;
|
|
}
|
|
}
|
|
}
|
|
|
|
if ('serviceWorker' in navigator) {
|
|
navigator.serviceWorker.register('/ServiceWorker.js', { scope: '/' }).then(function(registration) {
|
|
console.log('Service worker registered. scope is', registration.scope);
|
|
}).catch(function(error) {
|
|
console.log('Service worker registration failed because ' + error);
|
|
});
|
|
}
|
|
|
|
$.ajaxSetup({cache: false});
|
|
|
|
var tf = new Function('n', 's', 'var k = s.split("/")['+aStr['plural_func']+']; return (k ? k : s);');
|
|
|
|
jQuery.timeago.settings.strings = {
|
|
prefixAgo : aStr['t01'],
|
|
prefixFromNow : aStr['t02'],
|
|
suffixAgo : aStr['t03'],
|
|
suffixFromNow : aStr['t04'],
|
|
seconds : aStr['t05'],
|
|
minute : aStr['t06'],
|
|
minutes : function(value){return tf(value, aStr['t07']);},
|
|
hour : aStr['t08'],
|
|
hours : function(value){return tf(value, aStr['t09']);},
|
|
day : aStr['t10'],
|
|
days : function(value){return tf(value, aStr['t11']);},
|
|
month : aStr['t12'],
|
|
months : function(value){return tf(value, aStr['t13']);},
|
|
year : aStr['t14'],
|
|
years : function(value){return tf(value, aStr['t15']);},
|
|
wordSeparator : aStr['t16'],
|
|
numbers : aStr['t17'],
|
|
};
|
|
|
|
jQuery.timeago.settings.allowFuture = true;
|
|
|
|
$(document).ready(function() {
|
|
|
|
$(document).on('click focus', '.comment-edit-form', handle_comment_form);
|
|
$(document).on('click', '.conversation-settings-link', getConversationSettings);
|
|
$(document).on('click', '#settings_module_ajax_submit', postConversationSettings);
|
|
|
|
$(document).on('click', '#expand-aside', function() {
|
|
toggleAside();
|
|
});
|
|
|
|
$(document).on('click focus', '.comment-edit-form textarea', function(e) {
|
|
if(! this.autocomplete_handled) {
|
|
/* autocomplete @nicknames */
|
|
$(this).editor_autocomplete(baseurl+"/acl?n=1");
|
|
/* autocomplete bbcode */
|
|
$(this).bbco_autocomplete('bbcode');
|
|
|
|
this.autocomplete_handled = true;
|
|
}
|
|
|
|
});
|
|
|
|
$(document).on('keydown', '.comment-edit-form textarea.expanded', function (e) {
|
|
if (e.ctrlKey && e.keyCode === 13) {
|
|
post_comment(this.id.replace('comment-edit-text-',''));
|
|
}
|
|
});
|
|
|
|
// @hilmar |->
|
|
if ( typeof(window.tao) == 'undefined' ) {
|
|
window.tao = {};
|
|
}
|
|
if ( typeof(window.tao.zin) == 'undefined' ) {
|
|
tao.zin = { syslc: '', syslcs: {}, htm: '', me: '', debug: '' };
|
|
tao.zin.axim = '<div class="zinpax fa fa-sync fa-spin"> </div>';
|
|
$('.navbar-app[href*="/lang"]').attr({"aria-expand": "true", "id": "zintog"})
|
|
.removeAttr('href').addClass('zinlcx zinlcxp dropdown dropdown-toggle').css('cursor','pointer');
|
|
$('.nav-link[href*="/lang"]').addClass('zinlcxmi zinlcx').removeAttr('href').css('cursor','pointer');
|
|
}
|
|
$('.zinlcx').on('click', function(e) {
|
|
if (tao.zin.syslc == '') {
|
|
$('.zinlcx').append(tao.zin.axim);
|
|
$.ajax({
|
|
type: 'POST', url: 'lang',
|
|
data: { zinlc: '??' }
|
|
}).done( function(re) {
|
|
tao.zin.re = JSON.parse(re);
|
|
tao.zin.syslc = tao.zin.re.lc;
|
|
tao.zin.syslcs = tao.zin.re.lcs;
|
|
tao.zin.htm = '<ul class="zinlcs fa-ul">';
|
|
$.each( tao.zin.syslcs, function( k, v ) {
|
|
tao.zin.htm += '<li><a id="zinlc' + k + '" class="zinlc nav-link fakelink">' + k + ' ' + v + '</a></li>';
|
|
});
|
|
tao.zin.htm += '</ul>';
|
|
$('.zinpax').remove();
|
|
$('.zinlcx').append(tao.zin.htm);
|
|
$('.zinlcxp > ul').addClass('dropdown dropdown-menu dropdown-menu-end mt-2 show').css('right', 0);
|
|
});
|
|
return false;
|
|
} else {
|
|
if (e.target.id == '' || e.target.id == 'zintog') {
|
|
// noop click on lang again
|
|
return false;
|
|
}
|
|
tao.zin.me = e.target.id.substr(5);
|
|
$('#right_aside_wrapper').append(tao.zin.axim);
|
|
$.ajax({
|
|
type: 'POST', url: 'lang',
|
|
data: { zinlc: tao.zin.me }
|
|
}).done( function(re) {
|
|
tao.zin.re = JSON.parse(re);
|
|
location.reload(true);
|
|
});
|
|
}
|
|
});
|
|
$('#zintog').on('click', function() {
|
|
$('.zinlcs').toggle();
|
|
});
|
|
$('#dropdown-menu').on('shown.bs.dropdown', function() {
|
|
tao.zin.debug += 'e,';
|
|
//$('.zinlcs').removeAttr('display');
|
|
})
|
|
.on('mouseleave', function() {
|
|
$(this).trigger('click');
|
|
});
|
|
// @hilmar <-|
|
|
|
|
$(document).on('click', '.notification, .message', function(e) {
|
|
let b64mid = this.dataset.b64mid;
|
|
let notify_id = this.dataset.notify_id;
|
|
let path = $(this)[0].pathname.split('/')[1];
|
|
let stateObj = { b64mid: b64mid };
|
|
let singlethread_modules = ['display', 'hq'];
|
|
let redirect_modules = ['display', 'notify'];
|
|
|
|
if(! b64mid && ! notify_id)
|
|
return;
|
|
|
|
if(localUser && redirect_modules.indexOf(path) !== -1) {
|
|
path = 'hq';
|
|
}
|
|
|
|
if(notify_id) {
|
|
$.ajax({
|
|
type: 'post',
|
|
url: 'notify',
|
|
data: {
|
|
'notify_id' : notify_id
|
|
},
|
|
async: ((module !== path) ? false : true)
|
|
});
|
|
}
|
|
|
|
if (module !== path) {
|
|
e.preventDefault();
|
|
window.location.href = path + '/' + b64mid;
|
|
}
|
|
else {
|
|
|
|
if (singlethread_modules.indexOf(module) !== -1) {
|
|
history.pushState(stateObj, '', module + '/' + b64mid);
|
|
|
|
}
|
|
|
|
if (b64mid) {
|
|
|
|
e.preventDefault();
|
|
|
|
if(! page_load) {
|
|
prepareLiveUpdate(b64mid, notify_id);
|
|
$('.message').removeClass('active');
|
|
$('[data-b64mid="' + b64mid + '"].message').addClass('active');
|
|
$('[data-b64mid="' + b64mid + '"].message .badge').remove();
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
window.onpopstate = function(e) {
|
|
if(e.state !== null && e.state.b64mid !== bParam_mid) {
|
|
prepareLiveUpdate(e.state.b64mid, '');
|
|
$('.message').removeClass('active');
|
|
$('[data-b64mid="' + e.state.b64mid + '"].message').addClass('active');
|
|
}
|
|
|
|
};
|
|
|
|
savedTitle = document.title;
|
|
|
|
updateInit();
|
|
|
|
var e = document.getElementById('content-complete');
|
|
if(e)
|
|
pageHasMoreContent = false;
|
|
|
|
$(document).on('hz:updateConvItems', function(event) {
|
|
if(!bParam_mid)
|
|
cache_next_page();
|
|
});
|
|
|
|
$(document).on('hz:handleNetworkNotificationsItems', function(e, obj) {
|
|
push_notification(
|
|
obj.name,
|
|
$('<p>' + obj.message + '</p>').text(),
|
|
obj.b64mid
|
|
);
|
|
});
|
|
});
|
|
|
|
function getConversationSettings() {
|
|
$.get('settings/conversation/?aj=1',function(data) {
|
|
$('#conversation_settings_body').html(data);
|
|
});
|
|
}
|
|
|
|
function postConversationSettings() {
|
|
if(next_page === 1) {
|
|
page_load = true;
|
|
}
|
|
|
|
$.post(
|
|
'settings/conversation',
|
|
$('#settings_module_ajax_form').serialize() + "&auto_update=" + next_page
|
|
).done(function() {
|
|
$('#conversation_settings').modal('hide');
|
|
toast('Conversation features updated', 'info');
|
|
updateInit();
|
|
});
|
|
|
|
return false;
|
|
}
|
|
|
|
function datasrc2src(selector) {
|
|
$(selector).each(function(i, el) {
|
|
$(el).attr("src", $(el).data("src"));
|
|
$(el).removeAttr("data-src");
|
|
});
|
|
}
|
|
|
|
function confirmDelete() {
|
|
return confirm(aStr.delitem);
|
|
}
|
|
|
|
function handle_comment_form(e) {
|
|
e.stopPropagation();
|
|
|
|
//handle eventual expanded forms
|
|
var expanded = $('.comment-edit-text.expanded');
|
|
var i = 0;
|
|
|
|
if(expanded.length) {
|
|
expanded.each(function() {
|
|
var ex_form = $(expanded[i].form);
|
|
var ex_fields = ex_form.find(':input[type=text], textarea');
|
|
var ex_fields_empty = true;
|
|
|
|
ex_fields.each(function() {
|
|
if($(this).val() != '')
|
|
ex_fields_empty = false;
|
|
});
|
|
if(ex_fields_empty) {
|
|
ex_form.find('.comment-edit-text').removeClass('expanded').attr('placeholder', aStr.comment);
|
|
ex_form.find(':not(.comment-edit-text)').hide();
|
|
}
|
|
i++;
|
|
});
|
|
}
|
|
|
|
// handle clicked form
|
|
var form = $(this);
|
|
|
|
var fields = form.find(':input[type=text], textarea');
|
|
var fields_empty = true;
|
|
|
|
if(form.find('.comment-edit-text').length) {
|
|
var commentElm = form.find('.comment-edit-text').attr('id');
|
|
var submitElm = commentElm.replace(/text/,'submit');
|
|
|
|
$('#' + commentElm).addClass('expanded').removeAttr('placeholder');
|
|
$('#' + commentElm).attr('tabindex','9');
|
|
$('#' + submitElm).attr('tabindex','10');
|
|
|
|
form.find(':not(:visible)').show();
|
|
}
|
|
|
|
|
|
// handle click outside of form (close empty forms)
|
|
$(document).one('click', function(e) {
|
|
fields.each(function() {
|
|
if($(this).val() != '')
|
|
fields_empty = false;
|
|
});
|
|
if(fields_empty) {
|
|
var emptyCommentElm = form.find('.comment-edit-text').attr('id');
|
|
var emptySubmitElm = commentElm.replace(/text/,'submit');
|
|
|
|
$('#' + emptyCommentElm).removeClass('expanded').attr('placeholder', aStr.comment);
|
|
$('#' + emptyCommentElm).removeAttr('tabindex');
|
|
$('#' + emptySubmitElm).removeAttr('tabindex');
|
|
form.find(':not(.comment-edit-text)').hide();
|
|
form.find(':input[name=parent]').val(emptyCommentElm.replace(/\D/g,''));
|
|
var btn = form.find(':button[type=submit]').html();
|
|
form.find(':button[type=submit]').html(btn.replace(/<[^>]*>/g, '').trim());
|
|
form.find(':button[type=submit]').prop('title', '');
|
|
}
|
|
});
|
|
|
|
var commentSaveTimer = null;
|
|
var emptyCommentElm = form.find('.comment-edit-text').attr('id');
|
|
var convId = emptyCommentElm.replace('comment-edit-text-','');
|
|
$('#' + emptyCommentElm).on('focusout',function(e){
|
|
if(commentSaveTimer)
|
|
clearTimeout(commentSaveTimer);
|
|
commentSaveChanges(convId,true);
|
|
commentSaveTimer = null;
|
|
$('#' + emptyCommentElm).off();
|
|
});
|
|
|
|
$('#' + emptyCommentElm).on('focusin', function (e){
|
|
commentSaveTimer = setTimeout(function () {
|
|
commentSaveChanges(convId,false);
|
|
},10000);
|
|
});
|
|
|
|
function commentSaveChanges(convId, isFinal) {
|
|
|
|
if(typeof isFinal === 'undefined')
|
|
isFinal = false;
|
|
|
|
if(auto_save_draft) {
|
|
tmp = $('#' + emptyCommentElm).val();
|
|
if(tmp) {
|
|
localStorage.setItem("comment_body-" + convId, tmp);
|
|
}
|
|
else {
|
|
localStorage.removeItem("comment_body-" + convId);
|
|
}
|
|
if( !isFinal) {
|
|
commentSaveTimer = setTimeout(commentSaveChanges,10000,convId);
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function commentClose(obj, id) {
|
|
if(obj.value === '') {
|
|
$("#comment-edit-text-" + id).removeClass("expanded");
|
|
$("#mod-cmnt-wrap-" + id).hide();
|
|
$("#comment-tools-" + id).hide();
|
|
$("#comment-edit-anon-" + id).hide();
|
|
return true;
|
|
}
|
|
return false;
|
|
}
|
|
|
|
function showHideCommentBox(id) {
|
|
if( $('#comment-edit-form-' + id).is(':visible')) {
|
|
$('#comment-edit-form-' + id).hide();
|
|
} else {
|
|
$('#comment-edit-form-' + id).show();
|
|
}
|
|
}
|
|
|
|
function commentInsert(obj, id) {
|
|
var tmpStr = $("#comment-edit-text-" + id).val();
|
|
if(tmpStr == '$comment') {
|
|
tmpStr = '';
|
|
$("#comment-edit-text-" + id).addClass("expanded");
|
|
openMenu("comment-tools-" + id);
|
|
}
|
|
var ins = $(obj).html();
|
|
ins = ins.replace('<','<');
|
|
ins = ins.replace('>','>');
|
|
ins = ins.replace('&','&');
|
|
ins = ins.replace('"','"');
|
|
$("#comment-edit-text-" + id).val(tmpStr + ins);
|
|
}
|
|
|
|
function insertbbcomment(comment, BBcode, id) {
|
|
// allow themes to override this
|
|
if(typeof(insertFormatting) != 'undefined')
|
|
return(insertFormatting(comment, BBcode, id));
|
|
|
|
var urlprefix = ((BBcode == 'url') ? '#^' : '');
|
|
|
|
var tmpStr = $("#comment-edit-text-" + id).val();
|
|
if(tmpStr == comment) {
|
|
tmpStr = "";
|
|
$("#comment-edit-text-" + id).addClass("expanded");
|
|
openMenu("comment-tools-" + id);
|
|
$("#comment-edit-text-" + id).val(tmpStr);
|
|
}
|
|
|
|
textarea = document.getElementById("comment-edit-text-" +id);
|
|
if (document.selection) {
|
|
textarea.focus();
|
|
selected = document.selection.createRange();
|
|
selected.text = urlprefix+"["+BBcode+"]" + selected.text + "[/"+BBcode+"]";
|
|
} else if (textarea.selectionStart || textarea.selectionStart == "0") {
|
|
var start = textarea.selectionStart;
|
|
var end = textarea.selectionEnd;
|
|
textarea.value = textarea.value.substring(0, start) + urlprefix+"["+BBcode+"]" + textarea.value.substring(start, end) + "[/"+BBcode+"]" + textarea.value.substring(end, textarea.value.length);
|
|
}
|
|
return true;
|
|
}
|
|
|
|
function inserteditortag(BBcode, id) {
|
|
// allow themes to override this
|
|
if(typeof(insertEditorFormatting) != 'undefined')
|
|
return(insertEditorFormatting(BBcode));
|
|
|
|
textarea = document.getElementById(id);
|
|
if (document.selection) {
|
|
textarea.focus();
|
|
selected = document.selection.createRange();
|
|
selected.text = urlprefix+"["+BBcode+"]" + selected.text + "[/"+BBcode+"]";
|
|
} else if (textarea.selectionStart || textarea.selectionStart == "0") {
|
|
var start = textarea.selectionStart;
|
|
var end = textarea.selectionEnd;
|
|
textarea.value = textarea.value.substring(0, start) + "["+BBcode+"]" + textarea.value.substring(start, end) + "[/"+BBcode+"]" + textarea.value.substring(end, textarea.value.length);
|
|
}
|
|
return true;
|
|
}
|
|
|
|
function insertCommentAttach(comment,id) {
|
|
|
|
activeCommentID = id;
|
|
activeCommentText = comment;
|
|
|
|
$('body').css('cursor', 'wait');
|
|
|
|
$('#invisible-comment-upload').trigger('click');
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
function insertCommentURL(comment, id) {
|
|
reply = prompt(aStr.linkurl);
|
|
if(reply && reply.length) {
|
|
reply = bin2hex(reply);
|
|
$('body').css('cursor', 'wait');
|
|
$.get('linkinfo?binurl=' + reply, function(data) {
|
|
var tmpStr = $("#comment-edit-text-" + id).val();
|
|
if(tmpStr == comment) {
|
|
tmpStr = "";
|
|
$("#comment-edit-text-" + id).addClass("expanded");
|
|
openMenu("comment-tools-" + id);
|
|
$("#comment-edit-text-" + id).val(tmpStr);
|
|
}
|
|
|
|
textarea = document.getElementById("comment-edit-text-" +id);
|
|
textarea.value = textarea.value + data;
|
|
preview_comment(id);
|
|
$('body').css('cursor', 'auto');
|
|
});
|
|
}
|
|
return true;
|
|
}
|
|
|
|
function doFollowAuthor(url) {
|
|
$.get(url, function(data) { notificationsUpdate(); });
|
|
return true;
|
|
}
|
|
|
|
|
|
function viewsrc(id) {
|
|
$.colorbox({href: 'viewsrc/' + id, maxWidth: '80%', maxHeight: '80%' });
|
|
}
|
|
|
|
function showHideComments(id) {
|
|
if( $('#collapsed-comments-' + id).is(':visible')) {
|
|
$('#collapsed-comments-' + id + ' .autotime').timeago('dispose');
|
|
$('#collapsed-comments-' + id).hide();
|
|
$('#hide-comments-' + id).html(aStr.showmore);
|
|
$('#hide-comments-total-' + id).show();
|
|
} else {
|
|
$('#collapsed-comments-' + id + ' .autotime').timeago();
|
|
$('#collapsed-comments-' + id).show();
|
|
$('#hide-comments-' + id).html(aStr.showfewer);
|
|
$('#hide-comments-total-' + id).hide();
|
|
}
|
|
}
|
|
|
|
function openClose(theID, display) {
|
|
if (typeof display == typeof undefined)
|
|
display = 'block';
|
|
|
|
if(document.getElementById(theID).style.display == display) {
|
|
document.getElementById(theID).style.display = "none";
|
|
} else {
|
|
document.getElementById(theID).style.display = display;
|
|
}
|
|
}
|
|
|
|
function openCloseTR(theID) {
|
|
if(document.getElementById(theID).style.display == "table-row") {
|
|
document.getElementById(theID).style.display = "none";
|
|
} else {
|
|
document.getElementById(theID).style.display = "table-row";
|
|
}
|
|
}
|
|
|
|
function closeOpen(theID, display) {
|
|
if (typeof display == typeof undefined)
|
|
display = 'block';
|
|
if(document.getElementById(theID).style.display == "none") {
|
|
document.getElementById(theID).style.display = display;
|
|
} else {
|
|
document.getElementById(theID).style.display = "none";
|
|
}
|
|
}
|
|
|
|
function openMenu(theID) {
|
|
document.getElementById(theID).style.display = "block";
|
|
}
|
|
|
|
function closeMenu(theID) {
|
|
document.getElementById(theID).style.display = "none";
|
|
}
|
|
|
|
function markRead(notifType) {
|
|
$.get('notifications?markRead='+notifType);
|
|
$('.' + notifType + '-button').fadeOut(function() {
|
|
$("." + notifType + "-update").html('0');
|
|
$('#nav-' + notifType + '-menu').html('');
|
|
$('#nav-' + notifType + '-sub').removeClass('show');
|
|
sessionStorage.removeItem('notification_open');
|
|
$(document).trigger('hz:sse_setNotificationsStatus');
|
|
});
|
|
|
|
|
|
}
|
|
|
|
function markItemRead(itemId) {
|
|
$.get('notifications?markItemRead='+itemId);
|
|
$('.unseen-wall-indicator-'+itemId).remove();
|
|
}
|
|
|
|
function contextualHelp() {
|
|
var container = $("#contextual-help-content");
|
|
|
|
if(container.hasClass('contextual-help-content-open')) {
|
|
container.removeClass('contextual-help-content-open');
|
|
$('main').css('margin-top', '')
|
|
}
|
|
else {
|
|
container.addClass('contextual-help-content-open');
|
|
var mainTop = container.outerHeight(true);
|
|
$('main').css('margin-top', mainTop + 'px');
|
|
}
|
|
}
|
|
|
|
function contextualHelpFocus(target, openSidePanel) {
|
|
if($(target).length) {
|
|
if (openSidePanel) {
|
|
$("main").addClass('region_1-on'); // Open the side panel to highlight element
|
|
}
|
|
else {
|
|
$("main").removeClass('region_1-on');
|
|
}
|
|
|
|
var css_position = $(target).parent().css('position');
|
|
if (css_position === 'fixed') {
|
|
$(target).parent().css('position', 'static');
|
|
}
|
|
|
|
$('html,body').animate({ scrollTop: $(target).offset().top - $('nav').outerHeight(true) - $('#contextual-help-content').outerHeight(true)}, 'slow');
|
|
for (i = 0; i < 3; i++) {
|
|
$(target).fadeTo('slow', 0.1).fadeTo('slow', 1.0);
|
|
}
|
|
|
|
$(target).parent().css('position', css_position);
|
|
}
|
|
}
|
|
|
|
function updatePageItems(mode, data) {
|
|
|
|
$(document).trigger('hz:updatePageItems');
|
|
|
|
if(mode === 'append') {
|
|
newitemcount = 0;
|
|
$(data).each(function() {
|
|
$('#page-end').before($(this));
|
|
newitemcount++;
|
|
});
|
|
|
|
if(loadingPage) {
|
|
loadingPage = false;
|
|
}
|
|
}
|
|
|
|
var e = document.getElementById('content-complete');
|
|
if(e) {
|
|
pageHasMoreContent = false;
|
|
} else {
|
|
if (newitemcount < 1) {
|
|
pageUpdate();
|
|
}
|
|
}
|
|
|
|
collapseHeight();
|
|
}
|
|
|
|
|
|
function updateConvItems(mode,data) {
|
|
let scroll_position = $(window).scrollTop();
|
|
let b64mids = [];
|
|
|
|
if(mode !== 'update')
|
|
$(document).trigger('hz:updateConvItems');
|
|
|
|
if(mode === 'update' || mode === 'replace') {
|
|
prev = 'threads-begin';
|
|
}
|
|
if(mode === 'append') {
|
|
next = 'threads-end';
|
|
}
|
|
|
|
$('.thread-wrapper', data).each(function() {
|
|
if(this.classList.contains('toplevel_item')) {
|
|
let ident = this.id;
|
|
let convId = ident.replace('thread-wrapper-','');
|
|
let commentWrap = $('#'+ident+' .collapsed-comments').attr('id');
|
|
|
|
let itmId = 0;
|
|
let isVisible = false;
|
|
|
|
// figure out the comment state
|
|
if(typeof commentWrap !== 'undefined')
|
|
itmId = commentWrap.replace('collapsed-comments-','');
|
|
|
|
if($('#collapsed-comments-'+itmId).is(':visible'))
|
|
isVisible = true;
|
|
|
|
// insert the content according to the mode and first_page
|
|
// and whether or not the content exists already (overwrite it)
|
|
|
|
if($('#' + ident).length == 0) {
|
|
if((mode === 'update' || mode === 'replace') && profile_page == 1) {
|
|
$('#' + prev).after($(this));
|
|
prev = ident;
|
|
}
|
|
if(mode === 'append') {
|
|
$('#' + next).before($(this));
|
|
}
|
|
}
|
|
else {
|
|
$('#' + ident).replaceWith($(this));
|
|
}
|
|
|
|
// set the comment state to the state we discovered earlier
|
|
|
|
if(isVisible)
|
|
showHideComments(itmId);
|
|
|
|
let commentBody = localStorage.getItem("comment_body-" + convId);
|
|
|
|
if(commentBody) {
|
|
var commentElm = $('#comment-edit-text-' + convId);
|
|
if(auto_save_draft) {
|
|
if($(commentElm).val() === '') {
|
|
$('#comment-edit-form-' + convId).show();
|
|
$(commentElm).addClass("expanded");
|
|
openMenu("comment-tools-" + convId);
|
|
$(commentElm).val(commentBody);
|
|
}
|
|
} else {
|
|
localStorage.removeItem("comment_body-" + convId);
|
|
}
|
|
}
|
|
|
|
// trigger the autotime function on all newly created content
|
|
$("> .wall-item-outside-wrapper .autotime, > .thread-wrapper .autotime",this).timeago();
|
|
$("> .shared_header .autotime",this).timeago();
|
|
|
|
if((mode === 'append' || mode === 'replace') && (loadingPage)) {
|
|
loadingPage = false;
|
|
}
|
|
|
|
// if single thread view and the item has a title, display it in the title bar
|
|
|
|
if(mode === 'replace') {
|
|
if (window.location.search.indexOf("mid=") != -1 || window.location.pathname.indexOf("display") != -1) {
|
|
let title = $(".wall-item-title").text();
|
|
title.replace(/^\s+/, '');
|
|
title.replace(/\s+$/, '');
|
|
if (title) {
|
|
savedTitle = title + " " + savedTitle;
|
|
document.title = title;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
$(this).data('b64mids').forEach((b64mid) => {
|
|
b64mids.push(b64mid);
|
|
});
|
|
|
|
});
|
|
|
|
$(document).trigger('hz:sse_setNotificationsStatus', [b64mids]);
|
|
|
|
$(window).scrollTop(scroll_position);
|
|
|
|
if(followUpPageLoad) {
|
|
$(document).trigger('hz:sse_bs_counts');
|
|
}
|
|
else {
|
|
$(document).trigger('hz:sse_bs_init');
|
|
}
|
|
|
|
if(commentBusy) {
|
|
commentBusy = false;
|
|
$('body').css('cursor', 'auto');
|
|
}
|
|
|
|
// Setup to determine if the media player is playing. This affects
|
|
// some content loading decisions.
|
|
|
|
$('video').off('playing');
|
|
$('video').off('pause');
|
|
$('audio').off('playing');
|
|
$('audio').off('pause');
|
|
|
|
$('video').on('playing', function() {
|
|
mediaPlaying = true;
|
|
});
|
|
$('video').on('pause', function() {
|
|
mediaPlaying = false;
|
|
});
|
|
$('audio').on('playing', function() {
|
|
mediaPlaying = true;
|
|
});
|
|
$('audio').on('pause', function() {
|
|
mediaPlaying = false;
|
|
});
|
|
|
|
if(! preloadImages) {
|
|
$('.wall-item-body, .wall-photo-item').imagesLoaded()
|
|
.always( function( instance ) {
|
|
//console.log('all images loaded');
|
|
collapseHeight();
|
|
|
|
if(bParam_mid && mode === 'replace')
|
|
scrollToItem();
|
|
|
|
})
|
|
.done( function( instance ) {
|
|
//console.log('all images successfully loaded');
|
|
})
|
|
.fail( function() {
|
|
//console.log('all images loaded, at least one is broken');
|
|
})
|
|
.progress( function( instance, image ) {
|
|
//var result = image.isLoaded ? 'loaded' : 'broken';
|
|
//console.log( 'image is ' + result + ' for ' + image.img.src );
|
|
});
|
|
}
|
|
else {
|
|
collapseHeight();
|
|
|
|
if(bParam_mid && mode === 'replace')
|
|
scrollToItem();
|
|
}
|
|
|
|
// reset rotators and cursors we may have set before reaching this place
|
|
|
|
$("#page-spinner").hide();
|
|
$("#profile-jot-text-loading").hide();
|
|
|
|
followUpPageLoad = true;
|
|
|
|
}
|
|
|
|
function scrollToItem() {
|
|
// auto-scroll to a particular comment in a thread (designated by mid) when in single-thread mode
|
|
|
|
if(justifiedGalleryActive)
|
|
return;
|
|
|
|
let submid = ((bParam_mid.length) ? bParam_mid : 'abcdefg');
|
|
//var encoded = ((submid.substr(0,4) == 'b64.') ? true : false);
|
|
//var submid_encoded = ((encoded) ? submid : window.btoa(submid));
|
|
|
|
$('.thread-wrapper').filter(function() {
|
|
if($(this).data('b64mids').indexOf(submid) > -1 && !$(this).hasClass('toplevel_item')) {
|
|
if($('.collapsed-comments').length) {
|
|
var scrolltoid = $('.collapsed-comments').attr('id').substring(19);
|
|
$('#collapsed-comments-' + scrolltoid + ' .autotime').timeago();
|
|
$('#collapsed-comments-' + scrolltoid).show();
|
|
$('#hide-comments-' + scrolltoid).html(aStr.showfewer);
|
|
$('#hide-comments-total-' + scrolltoid).hide();
|
|
}
|
|
$('html, body').animate({ scrollTop: $(this).offset().top - $('nav').outerHeight(true) }, 'slow');
|
|
$(this).addClass('item-highlight');
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
function collapseHeight() {
|
|
$(".wall-item-content:not('.divmore_checked'), .directory-collapse:not('.divmore_checked')").each(function(i) {
|
|
let orgHeight = $(this).outerHeight(true);
|
|
let id = (($(this).attr('id')) ? $(this).attr('id').split('wall-item-content-').pop() : 0);
|
|
let b64mid = ((typeof bParam_mid !== 'undefined') ? bParam_mid : '');
|
|
|
|
if (b64mid) {
|
|
// Display the selected mid in an open state
|
|
let b64mids = $('#thread-wrapper-' + id).data('b64mids');
|
|
|
|
if (b64mids.length && b64mids.indexOf(b64mid) !== -1) {;
|
|
expanded_items.push(id);
|
|
}
|
|
}
|
|
|
|
let open = ((expanded_items.indexOf(id) === -1) ? false : true);
|
|
|
|
if(orgHeight > divmore_height) {
|
|
if(! $(this).hasClass('divmore') && $(this).has('div.no-collapse').length == 0) {
|
|
$(this).readmore({
|
|
speed: 0,
|
|
startOpen: open,
|
|
heightMargin: 50,
|
|
collapsedHeight: divmore_height,
|
|
moreLink: '<a href="#" class="divgrow-showmore fakelink">' + aStr.divgrowmore + '</a>',
|
|
lessLink: '<a href="#" class="divgrow-showmore fakelink">' + aStr.divgrowless + '</a>',
|
|
beforeToggle: function(trigger, element, expanded) {
|
|
if(expanded) {
|
|
if((($(element).offset().top + divmore_height) - $(window).scrollTop()) < 65 ) {
|
|
$(window).scrollTop($(window).scrollTop() - ($(element).outerHeight(true) - divmore_height));
|
|
}
|
|
expanded_items = expanded_items.filter(expanded_items => expanded_items !== id);
|
|
}
|
|
else {
|
|
expanded_items.push(id);
|
|
}
|
|
}
|
|
});
|
|
$(this).addClass('divmore');
|
|
}
|
|
}
|
|
$(this).addClass('divmore_checked');
|
|
});
|
|
|
|
}
|
|
|
|
function updateInit() {
|
|
|
|
if($('#live-network').length) { src = 'network'; }
|
|
if($('#live-channel').length) { src = 'channel'; }
|
|
if($('#live-pubstream').length) { src = 'pubstream'; }
|
|
if($('#live-display').length) { src = 'display'; }
|
|
//if($('#live-hq').length) { src = 'hq'; }
|
|
if($('#live-search').length) { src = 'search'; }
|
|
// if($('#live-cards').length) { src = 'cards'; }
|
|
// if($('#live-articles').length) { src = 'articles'; }
|
|
|
|
if(src) {
|
|
liveUpdate();
|
|
}
|
|
else {
|
|
$(document).trigger('hz:sse_bs_init');
|
|
}
|
|
|
|
if($('#live-photos').length || $('#live-cards').length || $('#live-articles').length ) {
|
|
if(liking) {
|
|
liking = 0;
|
|
window.location.href=window.location.href;
|
|
}
|
|
}
|
|
}
|
|
|
|
function prepareLiveUpdate(b64mid, notify_id) {
|
|
$(document).scrollTop(0);
|
|
$('.thread-wrapper').remove();
|
|
bParam_mid = b64mid;
|
|
mode = 'replace';
|
|
page_load = true;
|
|
if (module == 'hq') {
|
|
liveUpdate(notify_id);
|
|
}
|
|
if (module == 'display') {
|
|
liveUpdate();
|
|
}
|
|
}
|
|
|
|
function liveUpdate(notify_id) {
|
|
|
|
if(typeof profile_uid === 'undefined') profile_uid = false; /* Should probably be unified with channelId defined in head.tpl */
|
|
|
|
if((src === null) || (stopped) || (! profile_uid)) { $('.like-rotator').hide(); return; }
|
|
|
|
if(in_progress || mediaPlaying) {
|
|
if(livetime) {
|
|
clearTimeout(livetime);
|
|
}
|
|
livetime = setTimeout(liveUpdate, 10000);
|
|
return;
|
|
}
|
|
|
|
if(timer)
|
|
clearTimeout(timer);
|
|
|
|
if(livetime !== null)
|
|
livetime = null;
|
|
|
|
prev = 'live-' + src;
|
|
|
|
in_progress = true;
|
|
|
|
var update_url;
|
|
var update_mode;
|
|
|
|
if(scroll_next) {
|
|
bParam_page = next_page;
|
|
page_load = true;
|
|
}
|
|
else {
|
|
bParam_page = 1;
|
|
}
|
|
|
|
update_url = buildCmd();
|
|
|
|
console.log('displaying: ' + update_url);
|
|
|
|
if(page_load) {
|
|
|
|
$("#page-spinner").show();
|
|
|
|
if(bParam_page == 1) {
|
|
update_mode = 'replace';
|
|
$('.thread-wrapper').remove();
|
|
}
|
|
else
|
|
update_mode = 'append';
|
|
}
|
|
else {
|
|
update_mode = 'update';
|
|
var orgHeight = $("#region_2").height();
|
|
}
|
|
|
|
if(page_cache.data && bParam_page == page_cache.page) {
|
|
page_load = false;
|
|
scroll_next = false;
|
|
updateConvItems(update_mode,page_cache.data);
|
|
in_progress = false;
|
|
return;
|
|
}
|
|
|
|
var dstart = new Date();
|
|
console.log('LOADING data...');
|
|
$.get(update_url, function(data) {
|
|
|
|
// on shared hosts occasionally the live update process will be killed
|
|
// leaving an incomplete HTML structure, which leads to conversations getting
|
|
// truncated and the page messed up if all the divs aren't closed. We will try
|
|
// again and give up if we can't get a valid HTML response after 10 tries.
|
|
|
|
if((data.indexOf("<html>") != (-1)) && (data.indexOf("</html>") == (-1))) {
|
|
console.log('Incomplete data. Reloading');
|
|
in_progress = false;
|
|
liveRecurse ++;
|
|
if(liveRecurse < 10) {
|
|
liveUpdate(notify_id);
|
|
}
|
|
else {
|
|
console.log('Incomplete data. Too many attempts. Giving up.');
|
|
}
|
|
}
|
|
|
|
// else data was valid - reset the recursion counter
|
|
liveRecurse = 0;
|
|
|
|
if(notify_id) {
|
|
$.post(
|
|
"notify",
|
|
{
|
|
"notify_id" : notify_id
|
|
}
|
|
);
|
|
}
|
|
|
|
var dready = new Date();
|
|
console.log('DATA ready in: ' + (dready - dstart)/1000 + ' seconds.');
|
|
|
|
if(update_mode === 'update' || preloadImages) {
|
|
console.log('LOADING images...');
|
|
$('.wall-item-body, .wall-photo-item',data).imagesLoaded()
|
|
.always( function( instance ) {
|
|
//console.log('all images loaded');
|
|
|
|
var iready = new Date();
|
|
console.log('IMAGES ready in: ' + (iready - dready)/1000 + ' seconds.');
|
|
|
|
page_load = false;
|
|
scroll_next = false;
|
|
updateConvItems(update_mode,data);
|
|
|
|
in_progress = false;
|
|
$('#image_counter').html('');
|
|
|
|
// remove modal backdrop in case the update was triggered from a modal
|
|
$('.modal-backdrop').remove();
|
|
})
|
|
.done( function( instance ) {
|
|
//console.log('all images successfully loaded');
|
|
})
|
|
.fail( function() {
|
|
//console.log('all images loaded, at least one is broken');
|
|
})
|
|
.progress( function( instance, image ) {
|
|
$('#image_counter').html(Math.floor((instance.progressedCount*100)/instance.images.length) + '%');
|
|
//var result = image.isLoaded ? 'loaded' : 'broken';
|
|
//console.log( 'image is ' + result + ' for ' + image.img.src );
|
|
});
|
|
|
|
}
|
|
else {
|
|
page_load = false;
|
|
scroll_next = false;
|
|
updateConvItems(update_mode,data);
|
|
in_progress = false;
|
|
}
|
|
|
|
});
|
|
}
|
|
|
|
function cache_next_page() {
|
|
page_load = true;
|
|
bParam_page++;
|
|
update_url = buildCmd();
|
|
|
|
$.get(update_url, function(data) {
|
|
|
|
// on shared hosts occasionally the live update process will be killed
|
|
// leaving an incomplete HTML structure, which leads to conversations getting
|
|
// truncated and the page messed up if all the divs aren't closed. We will try
|
|
// again and give up if we can't get a valid HTML response after 10 tries.
|
|
|
|
if((data.indexOf("<html>") != (-1)) && (data.indexOf("</html>") == (-1))) {
|
|
console.log('Incomplete data. Reloading');
|
|
in_progress = false;
|
|
bParam_page--;
|
|
liveRecurse++;
|
|
if(liveRecurse < 10) {
|
|
liveUpdate();
|
|
}
|
|
else {
|
|
console.log('Incomplete data. Too many attempts. Giving up.');
|
|
}
|
|
}
|
|
|
|
// else data was valid - reset the recursion counter
|
|
liveRecurse = 0;
|
|
|
|
console.log('cached: ' + update_url);
|
|
|
|
$('.wall-item-body, .wall-photo-item', data).imagesLoaded()
|
|
.always( function( instance ) {
|
|
console.log('page_cache images loaded:');
|
|
|
|
page_cache.data = data;
|
|
page_cache.page = bParam_page;
|
|
page_cache.time = Date.now();
|
|
|
|
bParam_page--;
|
|
page_load = false;
|
|
})
|
|
.done( function( instance ) {
|
|
console.log('success');
|
|
})
|
|
.fail( function() {
|
|
console.log('at least one is broken');
|
|
})
|
|
.progress( function( instance, image ) {
|
|
//console.log(instance.progressedCount + '/' + instance.images.length);
|
|
//var result = image.isLoaded ? 'loaded' : 'broken';
|
|
//console.log( 'image is ' + result + ' for ' + image.img.src );
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
function pageUpdate() {
|
|
|
|
in_progress = true;
|
|
|
|
var update_url;
|
|
var update_mode;
|
|
|
|
if(scroll_next) {
|
|
bParam_page = next_page;
|
|
page_load = true;
|
|
}
|
|
else {
|
|
bParam_page = 1;
|
|
}
|
|
|
|
update_url = baseurl + '/' + decodeURIComponent(page_query) + '?aj=1&page=' + bParam_page + extra_args ;
|
|
|
|
$("#page-spinner").show();
|
|
update_mode = 'append';
|
|
|
|
$.get(update_url,function(data) {
|
|
page_load = false;
|
|
scroll_next = false;
|
|
updatePageItems(update_mode,data);
|
|
$("#page-spinner").hide();
|
|
$(".autotime").timeago();
|
|
in_progress = false;
|
|
});
|
|
}
|
|
|
|
function justifyPhotos(id) {
|
|
justifiedGalleryActive = true;
|
|
$('#' + id).show();
|
|
$('#' + id).justifiedGallery({
|
|
rowHeight: 150,
|
|
selector: 'a',
|
|
margins: 3,
|
|
border: 0
|
|
}).on('jg.complete', function(e){ justifiedGalleryActive = false; });
|
|
}
|
|
|
|
function justifyPhotosAjax(id) {
|
|
justifiedGalleryActive = true;
|
|
$('#' + id).justifiedGallery('norewind').on('jg.complete', function(e){ justifiedGalleryActive = false; });
|
|
}
|
|
|
|
function dolike(ident, verb) {
|
|
$('#like-rotator-' + ident.toString()).show();
|
|
|
|
if(typeof conv_mode == typeof undefined)
|
|
conv_mode = '';
|
|
|
|
if(typeof page_mode == typeof undefined)
|
|
page_mode = '';
|
|
|
|
var reload = '';
|
|
if(module == 'photos')
|
|
reload = 1;
|
|
|
|
$.get('like/' + ident.toString() + '?verb=' + verb + '&conv_mode=' + conv_mode + '&page_mode=' + page_mode + '&reload=' + reload, function (data) {
|
|
if(data.success) {
|
|
|
|
// mod photos
|
|
if (data.reload) {
|
|
window.location.href = window.location.href;
|
|
}
|
|
|
|
// this is a bit tricky since the top level thread wrapper wraps the whole thread
|
|
if($('#thread-wrapper-' + data.orig_id).hasClass('toplevel_item')) {
|
|
var wrapper = $('<div></div>').html( data.html ).find('#wall-item-outside-wrapper-' + data.id);
|
|
$('#wall-item-outside-wrapper-' + data.orig_id).html(wrapper[0].innerHTML);
|
|
// those were not replaced - swap the id
|
|
$('#thread-wrapper-' + data.orig_id).attr('id', 'thread-wrapper-' + data.id);
|
|
$('#wall-item-outside-wrapper-' + data.orig_id).attr('id', 'wall-item-outside-wrapper-' + data.id);
|
|
}
|
|
else {
|
|
$('#thread-wrapper-' + data.orig_id).replaceWith(data.html);
|
|
}
|
|
$('#wall-item-ago-' + data.id + ' .autotime').timeago();
|
|
collapseHeight();
|
|
liking = 0;
|
|
}
|
|
});
|
|
liking = 1;
|
|
}
|
|
|
|
function doprofilelike(ident, verb) {
|
|
$.get('like/' + ident + '?verb=' + verb, function() { window.location.href=window.location.href; });
|
|
}
|
|
|
|
|
|
function doreply(parent, ident, owner, hint) {
|
|
var form = $('#comment-edit-form-' + parent.toString());
|
|
form.find('input[name=parent]').val(ident);
|
|
var i = form.find('button[type=submit]');
|
|
var btn = i.html().replace(/<[^>]*>/g, '').trim();
|
|
i.html('<i class="fa fa-reply" ></i> ' + btn);
|
|
var sel = 'wall-item-body-' + ident.toString();
|
|
var quote = window.getSelection().toString().trim();
|
|
form.find('textarea').val("@{" + owner + "}" + ((($(window.getSelection().anchorNode).closest("#" + sel).attr("id") != sel) || (quote.length === 0))? " " : "\n[quote]" + quote + "[/quote]\n"));
|
|
$('#comment-edit-text-' + parent.toString()).focus();
|
|
}
|
|
|
|
function doscroll(parent, hidden) {
|
|
var id;
|
|
var x = '#hide-comments-outer-' + hidden.toString();
|
|
var back = $('#back-to-reply');
|
|
if(back.length == 0)
|
|
var pos = $(window).scrollTop();
|
|
else
|
|
var pos = back.attr('href').replace(/[^\d|\.]/g,'');
|
|
if($(x).length !== 0) {
|
|
x = $(x).attr("onclick").replace(/\D/g,'');
|
|
var c = '#collapsed-comments-' + x;
|
|
if($(c).length !== 0 && (! $(c).is(':visible'))) {
|
|
showHideComments(x);
|
|
pos += $(c).height();
|
|
}
|
|
}
|
|
back.remove();
|
|
|
|
$('.thread-wrapper').filter(function() {
|
|
if($(this).data('b64mids').indexOf(parent) > -1) {
|
|
id = $(this);
|
|
}
|
|
});
|
|
|
|
$('html, body').animate({scrollTop:(id.offset().top) - 50}, 'slow');
|
|
$('<a href="javascript:doscrollback(' + pos + ');" id="back-to-reply" title="' + aStr['to_reply'] + '"><i class="fa fa-angle-double-down"></i></a>').insertAfter('#wall-item-ago-' + id.attr('id').replace(/\D/g,''));
|
|
}
|
|
|
|
function doscrollback(pos) {
|
|
$('#back-to-reply').remove();
|
|
$(window).scrollTop(pos);
|
|
}
|
|
|
|
function dopin(id) {
|
|
id = id.toString();
|
|
$('#like-rotator-' + id).show();
|
|
$.post('pin/pin', { 'id' : id })
|
|
.done(function() {
|
|
var i = $('#wall-item-pinned-' + id);
|
|
var me = $('#item-pinnable-' + id);
|
|
var pin = $('.pinned-item');
|
|
if(pin.length) {
|
|
$('html, body').animate({ scrollTop: $('#region_2').offset().top }, 'slow', function() {
|
|
pin.fadeTo('fast', 0.33, function() { this.remove(); });
|
|
});
|
|
};
|
|
pin.remove();
|
|
$('.dropdown-item-pinnable').html($('.dropdown-item-pinnable').html().replace(aStr['unpin_item'],aStr['pin_item']));
|
|
$('.wall-item-pinned').remove()
|
|
if(i.length == 0) {
|
|
$('<span class="wall-item-pinned" title="' + aStr['pinned'] + '" id="wall-item-pinned-' + id + '"><i class="fa fa-thumb-tack"> </i></span>').insertAfter('#wall-item-ago-' + id);
|
|
me.html(me.html().replace(aStr['pin_item'],aStr['unpin_item']));
|
|
};
|
|
})
|
|
.fail(function() {
|
|
location.reload();
|
|
})
|
|
.always(function() {
|
|
$('#like-rotator-' + id).hide();
|
|
});
|
|
}
|
|
|
|
function dropItem(url, object, b64mid) {
|
|
var confirm = confirmDelete();
|
|
if(confirm) {
|
|
var id = url.split('/')[2];
|
|
$('body').css('cursor', 'wait');
|
|
$(object + ', #pinned-wrapper-' + id).css('opacity', 0.33);
|
|
|
|
$.get(url, function() {
|
|
$(object + ', #pinned-wrapper-' + id).remove();
|
|
$('body').css('cursor', 'auto');
|
|
|
|
toast(aStr.itemdel, 'info');
|
|
//$.jGrowl(aStr.itemdel, { sticky: false, theme: 'info', life: 3000 });
|
|
|
|
if (typeof b64mid !== typeof undefined) {
|
|
$('[data-b64mid=\'' + b64mid + '\']').fadeOut(function() {
|
|
this.remove();
|
|
});
|
|
}
|
|
});
|
|
|
|
if($('#wall-item-pinned-' + id).length) {
|
|
$.post('pin/pin', { 'id' : id });
|
|
}
|
|
|
|
return true;
|
|
}
|
|
else {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
function dosubthread(ident) {
|
|
$('#like-rotator-' + ident.toString()).show();
|
|
$.get('subthread/sub/' + ident.toString(), updateInit );
|
|
liking = 1;
|
|
}
|
|
|
|
function dounsubthread(ident) {
|
|
$('#like-rotator-' + ident.toString()).show();
|
|
$.get('subthread/unsub/' + ident.toString(), updateInit );
|
|
liking = 1;
|
|
}
|
|
|
|
function moderate_approve(ident) {
|
|
$('#like-rotator-' + ident.toString()).show();
|
|
$.get('moderate/' + ident.toString() + '/approve', updateInit );
|
|
liking = 1;
|
|
}
|
|
|
|
function moderate_drop(ident) {
|
|
$('#like-rotator-' + ident.toString()).show();
|
|
$.get('moderate/' + ident.toString() + '/drop', $('#thread-wrapper-' + ident.toString()).fadeOut(function() { this.remove(); }));
|
|
liking = 1;
|
|
}
|
|
|
|
function dostar(ident) {
|
|
ident = ident.toString();
|
|
$('#like-rotator-' + ident).show();
|
|
$.get('starred/' + ident, function(data) {
|
|
if(data.result == 1) {
|
|
$('#starred-' + ident).addClass('starred');
|
|
$('#starred-' + ident).removeClass('unstarred');
|
|
$('#starred-' + ident).addClass('fa-star');
|
|
$('#starred-' + ident).removeClass('fa-star-o');
|
|
$('#star-' + ident).addClass('hidden');
|
|
$('#unstar-' + ident).removeClass('hidden');
|
|
var btn_tpl = '<div class="" id="star-button-' + ident + '"><button type="button" class="btn btn-outline-secondary border-0 wall-item-star" onclick="dostar(' + ident + ');"><i class="fa fa-star"></i></button></div>'
|
|
$('#wall-item-tools-right-' + ident).prepend(btn_tpl);
|
|
}
|
|
else {
|
|
$('#starred-' + ident).addClass('unstarred');
|
|
$('#starred-' + ident).removeClass('starred');
|
|
$('#starred-' + ident).addClass('fa-star-o');
|
|
$('#starred-' + ident).removeClass('fa-star');
|
|
$('#star-' + ident).removeClass('hidden');
|
|
$('#unstar-' + ident).addClass('hidden');
|
|
$('#star-button-' + ident).remove();
|
|
}
|
|
$('#like-rotator-' + ident).hide();
|
|
});
|
|
}
|
|
|
|
function getPosition(e) {
|
|
var cursor = {x:0, y:0};
|
|
if ( e.pageX || e.pageY ) {
|
|
cursor.x = e.pageX;
|
|
cursor.y = e.pageY;
|
|
}
|
|
else {
|
|
if( e.clientX || e.clientY ) {
|
|
cursor.x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
|
|
cursor.y = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
|
|
}
|
|
else {
|
|
if( e.x || e.y ) {
|
|
cursor.x = e.x;
|
|
cursor.y = e.y;
|
|
}
|
|
}
|
|
}
|
|
return cursor;
|
|
}
|
|
|
|
function lockview(type, id) {
|
|
$.get('lockview/' + type + '/' + id, function(data) {
|
|
$('#panel-' + id).html(data);
|
|
});
|
|
}
|
|
|
|
function submitPoll(id) {
|
|
|
|
$.post('vote/' + id,
|
|
$('#question-form-' + id).serialize(),
|
|
function(data) {
|
|
toast(data.message, ((data.success) ? 'info' : 'danger'));
|
|
//$.jGrowl(data.message, { sticky: false, theme: ((data.success) ? 'info' : 'notice'), life: 10000 });
|
|
if(timer) clearTimeout(timer);
|
|
timer = setTimeout(updateInit, 500);
|
|
}
|
|
);
|
|
|
|
}
|
|
|
|
function post_comment(id) {
|
|
|
|
commentBusy = true;
|
|
$('body').css('cursor', 'wait');
|
|
$("#comment-preview-inp-" + id).val("0");
|
|
|
|
if(typeof conv_mode == typeof undefined)
|
|
conv_mode = '';
|
|
|
|
var form_data = $("#comment-edit-form-" + id).serialize();
|
|
|
|
$.post(
|
|
"item",
|
|
form_data + '&conv_mode=' + conv_mode,
|
|
function(data) {
|
|
if (data.success) {
|
|
|
|
//mod photos
|
|
if (data.reload) {
|
|
window.location.href = data.reload;
|
|
}
|
|
|
|
|
|
localStorage.removeItem("comment_body-" + id);
|
|
$("#comment-edit-preview-" + id).hide();
|
|
$("#comment-edit-text-" + id).val('').blur().attr('placeholder', aStr.comment);
|
|
$('#wall-item-comment-wrapper-' + id).before(data.html);
|
|
$('#wall-item-ago-' + data.id + ' .autotime').timeago();
|
|
$('body').css('cursor', 'unset');
|
|
collapseHeight();
|
|
commentBusy = false;
|
|
|
|
var tarea = document.getElementById("comment-edit-text-" + id);
|
|
if (tarea) {
|
|
commentClose(tarea, id);
|
|
$(document).off( "click.commentOpen");
|
|
}
|
|
}
|
|
},
|
|
"json"
|
|
);
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
function preview_comment(id) {
|
|
$("#comment-preview-inp-" + id).val("1");
|
|
$("#comment-edit-preview-" + id).show();
|
|
$.post(
|
|
"item",
|
|
$("#comment-edit-form-" + id).serialize(),
|
|
function(data) {
|
|
if(data.preview) {
|
|
$("#comment-edit-preview-" + id).html(data.preview);
|
|
$("#comment-edit-preview-" + id + " .autotime").timeago();
|
|
$("#comment-edit-preview-" + id + " a").click(function() { return false; });
|
|
}
|
|
},
|
|
"json"
|
|
);
|
|
return true;
|
|
}
|
|
|
|
function importElement(elem) {
|
|
$.post(
|
|
"impel",
|
|
{ "element" : elem },
|
|
function(data) {
|
|
if(timer) clearTimeout(timer);
|
|
timer = setTimeout(updateInit,10);
|
|
}
|
|
);
|
|
return false;
|
|
}
|
|
|
|
function preview_post() {
|
|
$("#jot-preview").val("1");
|
|
$("#jot-preview-content").show();
|
|
$.post(
|
|
"item",
|
|
$("#profile-jot-form").serialize(),
|
|
function(data) {
|
|
if(data.preview) {
|
|
$("#jot-preview-content").html(data.preview);
|
|
$("#jot-preview-content .autotime").timeago();
|
|
$("#jot-preview-content" + " a").click(function() { return false; });
|
|
}
|
|
},
|
|
"json"
|
|
);
|
|
$("#jot-preview").val("0");
|
|
return true;
|
|
}
|
|
|
|
function bin2hex(s) {
|
|
// UTF-8 encoding to hex is supported
|
|
var bytes = new TextEncoder().encode(s);
|
|
return Array.from(
|
|
bytes,
|
|
byte => byte.toString(16).padStart(2, "0")
|
|
).join("");
|
|
}
|
|
|
|
function hex2bin(hex) {
|
|
// UTF-8 decoding from hex is supported
|
|
var bytes = new Uint8Array(hex.length / 2);
|
|
for (i = 0; i !== bytes.length; i++) {
|
|
bytes[i] = parseInt(hex.substr(i * 2, 2), 16);
|
|
}
|
|
return new TextDecoder().decode(bytes);
|
|
}
|
|
|
|
function groupChangeMember(gid, cid, sec_token) {
|
|
$('body .fakelink').css('cursor', 'wait');
|
|
$.get('group/' + gid + '/' + cid + "?t=" + sec_token, function(data) {
|
|
$('#group-update-wrapper').html(data);
|
|
$('body .fakelink').css('cursor', 'auto');
|
|
});
|
|
}
|
|
|
|
function profChangeMember(gid, cid) {
|
|
$('body .fakelink').css('cursor', 'wait');
|
|
$.get('profperm/' + gid + '/' + cid, function(data) {
|
|
$('#prof-update-wrapper').html(data);
|
|
$('body .fakelink').css('cursor', 'auto');
|
|
});
|
|
}
|
|
|
|
function contactgroupChangeMember(gid, cid) {
|
|
$('body').css('cursor', 'wait');
|
|
$.get('contactgroup/' + gid + '/' + cid, function(data) {
|
|
$('body').css('cursor', 'auto');
|
|
$('#group-' + gid).toggleClass('fa-check-square-o fa-square-o');
|
|
});
|
|
}
|
|
|
|
function checkboxhighlight(box) {
|
|
if($(box).is(':checked')) {
|
|
$(box).addClass('checkeditem');
|
|
} else {
|
|
$(box).removeClass('checkeditem');
|
|
}
|
|
}
|
|
|
|
/**
|
|
* sprintf in javascript
|
|
* "{0} and {1}".format('zero','uno');
|
|
*/
|
|
String.prototype.format = function() {
|
|
var formatted = this;
|
|
for (var i = 0; i < arguments.length; i++) {
|
|
var regexp = new RegExp('\\{'+i+'\\}', 'gi');
|
|
formatted = formatted.replace(regexp, ((typeof arguments[i] !== 'undefined') ? arguments[i] : ''));
|
|
}
|
|
return formatted;
|
|
};
|
|
|
|
// Array Remove
|
|
Array.prototype.remove = function(item) {
|
|
to = undefined;
|
|
from = this.indexOf(item);
|
|
var rest = this.slice((to || from) + 1 || this.length);
|
|
this.length = from < 0 ? this.length + from : from;
|
|
return this.push.apply(this, rest);
|
|
};
|
|
|
|
function zFormError(elm,x) {
|
|
if(x) {
|
|
$(elm).addClass("zform-error");
|
|
$(elm).removeClass("zform-ok");
|
|
} else {
|
|
$(elm).addClass("zform-ok");
|
|
$(elm).removeClass("zform-error");
|
|
}
|
|
}
|
|
|
|
$(window).scroll(function () {
|
|
if(typeof buildCmd == 'function') {
|
|
// This is a content page with items and/or conversations
|
|
if($('#conversation-end').length && ($(window).scrollTop() + $(window).height()) > $('#conversation-end').position().top) {
|
|
if((pageHasMoreContent) && (! loadingPage)) {
|
|
next_page++;
|
|
scroll_next = true;
|
|
loadingPage = true;
|
|
liveUpdate();
|
|
}
|
|
}
|
|
}
|
|
else {
|
|
// This is some other kind of page - perhaps a directory
|
|
if($('#page-end').length && ($(window).scrollTop() + $(window).height()) > $('#page-end').position().top) {
|
|
if((pageHasMoreContent) && (! loadingPage) && (! justifiedGalleryActive)) {
|
|
next_page++;
|
|
scroll_next = true;
|
|
loadingPage = true;
|
|
pageUpdate();
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
function loadText(textRegion,data) {
|
|
var currentText = $(textRegion).val();
|
|
$(textRegion).val(currentText + data);
|
|
}
|
|
|
|
function addeditortext(data) {
|
|
if(plaintext == 'none') {
|
|
var currentText = $("#profile-jot-text").val();
|
|
$("#profile-jot-text").val(currentText + data);
|
|
}
|
|
}
|
|
|
|
function makeid(length) {
|
|
var result = '';
|
|
var characters = 'abcdef0123456789';
|
|
var charactersLength = characters.length;
|
|
for ( var i = 0; i < length; i++ ) {
|
|
result += characters.charAt(Math.floor(Math.random() * charactersLength));
|
|
}
|
|
return result;
|
|
}
|
|
|
|
function push_notification_request(e) {
|
|
if (!('Notification' in window)) {
|
|
alert('This browser does not support push notifications');
|
|
}
|
|
else if (Notification.permission !== 'granted') {
|
|
Notification.requestPermission(function(permission) {
|
|
if(permission === 'granted') {
|
|
$(e.target).closest('div').hide();
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
|
|
function push_notification(title, body, b64mid) {
|
|
let options = {
|
|
body: body,
|
|
data: b64mid,
|
|
icon: '/images/app/hz-96.png',
|
|
silent: false
|
|
}
|
|
|
|
let n = new Notification(title, options);
|
|
n.onclick = function (e) {
|
|
if(module === 'hq') {
|
|
prepareLiveUpdate(e.target.data);
|
|
}
|
|
else {
|
|
window.location.href = baseurl + '/hq/' + e.target.data;
|
|
}
|
|
}
|
|
}
|
|
|
|
function toggleAside() {
|
|
if ($('main.region_1-on').length) {
|
|
$('#expand-aside-icon').addClass('fa-arrow-circle-right').removeClass('fa-arrow-circle-left');
|
|
$('html, body').css({ 'position': '', 'left': '' });
|
|
$('main').removeClass('region_1-on');
|
|
$('#region_1').addClass('d-none');
|
|
$('#region_2').css({ 'min-width': '' });
|
|
$('#overlay').remove();
|
|
}
|
|
else {
|
|
$('#expand-aside-icon').removeClass('fa-arrow-circle-right').addClass('fa-arrow-circle-left');
|
|
$('html, body').css({ 'position': 'sticky', 'left': '0px'});
|
|
$('main').addClass('region_1-on');
|
|
$('#region_1').removeClass('d-none');
|
|
$('#region_2').css({ 'min-width': window.outerWidth });
|
|
$('<div id="overlay"></div>').appendTo('body').one('click', function() { toggleAside(); });
|
|
}
|
|
}
|
|
|
|
function toast(string, severity) {
|
|
let id = btoa(string);
|
|
let container = document.getElementById('toast-container');
|
|
let toast = document.getElementById(id);
|
|
|
|
if (!toast) {
|
|
toast = document.createElement('div');
|
|
toast.setAttribute('id', id);
|
|
toast.innerHTML = '<div class="d-flex"><div class="toast-body">' + string + '</div><button type="button" class="btn-close me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button></div>';
|
|
toast.classList.add('toast', 'p-2', 'bg-' + severity + '-subtle', 'text-' + severity + '-emphasis', 'border-' + severity);
|
|
}
|
|
|
|
container.prepend(toast);
|
|
|
|
let toastInstance = bootstrap.Toast.getOrCreateInstance(toast);
|
|
|
|
if (severity === 'danger') {
|
|
toastInstance._config.autohide = false;
|
|
}
|
|
|
|
toastInstance.show();
|
|
}
|