mirror of
https://framagit.org/hubzilla/core.git
synced 2026-06-21 00:52:33 -04:00
2349 lines
68 KiB
JavaScript
2349 lines
68 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 updateTimeout = [];
|
|
const singlethread_modules = ['display', 'hq'];
|
|
const redirect_modules = ['display', 'notify'];
|
|
let b64mids = [];
|
|
|
|
|
|
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);');
|
|
|
|
$(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', 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-',''));
|
|
}
|
|
});
|
|
|
|
document.addEventListener('click', function(event) {
|
|
// Only handle clicks on .wall-item-reaction or its children
|
|
const target = event.target.closest('.wall-item-reaction');
|
|
if (!target) return;
|
|
|
|
let doRequest = true;
|
|
const isUserClick = event.isTrusted;
|
|
|
|
// Destructure relevant data attributes
|
|
const { itemId: id, itemMid: mid, itemParent: parentId, itemUuid: uuid, itemVerb: verb } = target.dataset;
|
|
const isCommentBtn = target.classList.contains('wall-item-comment');
|
|
|
|
if (isCommentBtn) {
|
|
// Get relevant DOM elements
|
|
const threadWrapper = document.getElementById(`thread-wrapper-${id}`);
|
|
const parentWrapper = document.getElementById(`thread-wrapper-${parentId}`);
|
|
const subThreadWrapper = document.getElementById(`wall-item-sub-thread-wrapper-${id}`);
|
|
const parentSubThreadWrapper = document.getElementById(`wall-item-sub-thread-wrapper-${parentId}`);
|
|
|
|
// Query related sub-thread and highlight elements
|
|
const parentIndentedThreads = document.querySelectorAll(`#wall-item-sub-thread-wrapper-${parentId} .wall-item-sub-thread-wrapper.item-indent`);
|
|
|
|
let ancestorIds = [];
|
|
|
|
doRequest = !subThreadWrapper.children.length;
|
|
|
|
// Set visual styles using UUID
|
|
subThreadWrapper.style.setProperty('--hz-item-indent', stringToHslColor(uuid));
|
|
threadWrapper.style.setProperty('--hz-item-highlight', stringToHslColor(uuid));
|
|
threadWrapper.style.setProperty('--hz-wall-item-expanded-before-content', '"' + aStr.dblclick_to_exit_zoom + '"');
|
|
|
|
// Clear previous highlights
|
|
parentSubThreadWrapper.querySelectorAll('.thread-wrapper.item-highlight').forEach(el => el.classList.remove('item-highlight'));
|
|
|
|
if (isUserClick && parentIndentedThreads.length === 0 && !subThreadWrapper.children.length) {
|
|
// Handle first-time expansion and highlighting
|
|
threadWrapper.classList.add('item-highlight');
|
|
} else {
|
|
// Handle indentation and zooming
|
|
let ancestor = subThreadWrapper.parentElement;
|
|
ancestorIds.push(ancestor.id.slice(15)); // thread-wrapper-1234
|
|
|
|
while (ancestor) {
|
|
if (ancestor.classList.contains('item-indent') && ancestor.classList.contains('wall-item-sub-thread-wrapper')) {
|
|
ancestorIds.push(ancestor.parentElement.id.slice(15));
|
|
}
|
|
ancestor = ancestor.parentElement;
|
|
}
|
|
|
|
ancestorIds.reverse();
|
|
|
|
if (ancestorIds.length > 3) {
|
|
// Handle zooming in
|
|
let firstWrapper = document.getElementById('thread-wrapper-' + ancestorIds[0]);
|
|
let firstSubWrapper = document.getElementById('wall-item-sub-thread-wrapper-' + ancestorIds[0]);
|
|
|
|
firstWrapper.querySelector('.wall-item-comment').classList.remove('indented');
|
|
firstWrapper.classList.remove('wall-item-expanded', 'shadow');
|
|
firstSubWrapper.classList.remove('item-indent');
|
|
|
|
let newFirstWrapper = document.getElementById('thread-wrapper-' + ancestorIds[1])
|
|
let newFirstSubWrapper = document.getElementById('wall-item-sub-thread-wrapper-' + ancestorIds[1])
|
|
|
|
newFirstWrapper.classList.add('wall-item-expanded', 'shadow');
|
|
parentWrapper.classList.add('wall-item-backdrop');
|
|
|
|
// Exit zoom on double-click
|
|
newFirstWrapper.addEventListener('dblclick', function() {
|
|
parentWrapper.querySelectorAll('.wall-item-comment.indented').forEach(el => el.classList.remove('indented'));
|
|
parentWrapper.querySelectorAll('.wall-item-comment.collapsed').forEach(el => el.classList.remove('collapsed'));
|
|
parentWrapper.classList.remove('wall-item-backdrop');
|
|
parentWrapper.querySelectorAll('.wall-item-sub-thread-wrapper.item-indent').forEach(el => el.classList.remove('item-indent'));
|
|
parentWrapper.querySelectorAll('.wall-item-sub-thread-wrapper.d-none').forEach(el => el.classList.remove('d-none'));
|
|
parentWrapper.querySelectorAll('.thread-wrapper.wall-item-expanded').forEach(el => el.classList.remove('wall-item-expanded', 'shadow'));
|
|
}, { once: true });
|
|
}
|
|
|
|
// Toggle sub-thread visibility if indented
|
|
if (isUserClick && target.classList.contains('indented')) {
|
|
doRequest = false;
|
|
subThreadWrapper.classList.toggle('d-none');
|
|
target.classList.toggle('collapsed');
|
|
}
|
|
|
|
// Indenting of already expanded but flattened items
|
|
if (isUserClick && subThreadWrapper.classList.contains('item-expanded') && !subThreadWrapper.classList.contains('item-indent')) {
|
|
doRequest = false;
|
|
|
|
threadWrapper.querySelectorAll('.wall-item-sub-thread-wrapper.item-expanded').forEach(function (el, i) {
|
|
el.classList.add('item-indent');
|
|
|
|
el.querySelectorAll('.wall-item-comment.expanded').forEach(function (el, i) {
|
|
el.classList.add('indented');
|
|
});
|
|
|
|
if (i >= 2) {
|
|
el.querySelectorAll('.wall-item-comment.expanded').forEach(function (el, i) {
|
|
el.classList.add('collapsed');
|
|
});
|
|
}
|
|
|
|
if (i >= 3) {
|
|
el.classList.add('d-none');
|
|
}
|
|
});
|
|
}
|
|
|
|
// Indent the subthread
|
|
subThreadWrapper.classList.add('item-indent', 'item-expanded');
|
|
|
|
// Mark as indented after visibility toggle
|
|
target.classList.add('indented');
|
|
}
|
|
|
|
// Mark as expanded
|
|
target.classList.add('expanded');
|
|
}
|
|
|
|
if (doRequest) {
|
|
request(id, mid, verb, parentId, uuid, isUserClick);
|
|
}
|
|
});
|
|
|
|
document.addEventListener('click', function(event) {
|
|
const targetElement = event.target.closest('.dropdown-item-expand');
|
|
if (!targetElement) return;
|
|
|
|
event.preventDefault();
|
|
|
|
const id = targetElement.dataset.itemId;
|
|
const uuid = targetElement.dataset.itemUuid;
|
|
|
|
const subWrapper = document.getElementById(`wall-item-sub-thread-wrapper-${id}`);
|
|
const loading = document.getElementById('like-rotator-' + id);
|
|
const wrapper = document.getElementById('thread-wrapper-' + id);
|
|
const parent = wrapper.closest('.generic-content-wrapper');
|
|
|
|
subWrapper.innerHTML = '';
|
|
|
|
parent.querySelectorAll('.thread-wrapper.wall-item-expanded').forEach(el => {
|
|
el.classList.remove('wall-item-expanded', 'shadow');
|
|
});
|
|
|
|
parent.querySelectorAll('.wall-item-sub-thread-wrapper.item-indent').forEach(el => {
|
|
el.classList.remove('item-indent');
|
|
});
|
|
|
|
wrapper.classList.add('wall-item-expanded', 'shadow');
|
|
|
|
parent.classList.add('wall-item-backdrop');
|
|
|
|
// Exit zoom on double-click
|
|
wrapper.addEventListener('dblclick', function() {
|
|
parent.querySelectorAll('.wall-item-comment.indented').forEach(el => el.classList.remove('indented'));
|
|
parent.querySelectorAll('.wall-item-comment.collapsed').forEach(el => el.classList.remove('collapsed'));
|
|
parent.classList.remove('wall-item-backdrop');
|
|
parent.querySelectorAll('.wall-item-sub-thread-wrapper.item-indent').forEach(el => el.classList.remove('item-indent'));
|
|
parent.querySelectorAll('.wall-item-sub-thread-wrapper.d-none').forEach(el => el.classList.remove('d-none'));
|
|
parent.querySelectorAll('.thread-wrapper.wall-item-expanded').forEach(el => el.classList.remove('wall-item-expanded', 'shadow'));
|
|
}, { once: true });
|
|
|
|
autoExpand(id);
|
|
});
|
|
|
|
// @hilmar |->
|
|
if ( typeof(window.tao) == 'undefined' ) {
|
|
window.tao = {};
|
|
}
|
|
if ( typeof(window.tao.zin) == 'undefined' ) {
|
|
tao.zin = { syslc: '', syslcs: {}, htm: '', me: '', debug: '' };
|
|
tao.zin.axim = '<i class="zinpax bi bi-arrow-repeat"></i>';
|
|
$('.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">';
|
|
$.each( tao.zin.syslcs, function( k, v ) {
|
|
tao.zin.htm += '<li><a id="zinlc' + k + '" class="zinlc 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 };
|
|
|
|
if (!b64mid && !notify_id) {
|
|
return;
|
|
}
|
|
|
|
if (document.querySelector('main').classList.contains('region_1-on')) {
|
|
toggleAside();
|
|
}
|
|
|
|
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 .unseen_count').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();
|
|
|
|
if (document.getElementById('content-complete')) {
|
|
pageHasMoreContent = false;
|
|
}
|
|
|
|
document.addEventListener('hz:updateConvItems', function(e) {
|
|
if (!bParam_mid) {
|
|
cache_next_page();
|
|
}
|
|
});
|
|
|
|
document.addEventListener('hz:handleNetworkNotificationsItems', function(e) {
|
|
push_notification(
|
|
e.detail.name,
|
|
$('<p>' + e.detail.message + '</p>').text(),
|
|
e.detail.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-','');
|
|
|
|
// in case parent input is set use it as convId
|
|
const parentInputVal = form.find(':input[name=parent]').val();
|
|
if (parentInputVal) {
|
|
convId = parentInputVal;
|
|
}
|
|
|
|
$('#' + 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 insertCommentEmbed(comment,id) {
|
|
activeCommentID = id;
|
|
activeCommentText = comment;
|
|
initializeEmbedPhotoDialog();
|
|
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) {
|
|
let collapsedComments = document.getElementById('collapsed-comments-' + id);
|
|
let hideCommentsLabel = document.getElementById('hide-comments-label-' + id);
|
|
let hideCommentsTotal = document.getElementById('hide-comments-total-' + id);
|
|
let hideCommentsIcon = document.getElementById('hide-comments-icon-' + id);
|
|
let isCollapsed = collapsedComments.style.display === 'none';
|
|
|
|
collapsedComments.style.display = isCollapsed ? '' : 'none';
|
|
hideCommentsLabel.textContent = isCollapsed ? hideCommentsLabel.dataset.expanded : hideCommentsLabel.dataset.collapsed;
|
|
|
|
if (hideCommentsTotal) {
|
|
hideCommentsTotal.style.display = isCollapsed ? 'none' : '';
|
|
}
|
|
|
|
let oldClass = isCollapsed ? 'bi-chevron-down' : 'bi-chevron-up';
|
|
let newClass = isCollapsed ? 'bi-chevron-up' : 'bi-chevron-down';
|
|
hideCommentsIcon.classList.replace(oldClass, newClass);
|
|
}
|
|
|
|
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.scrollY;
|
|
let b64mids = [];
|
|
|
|
// Parse the data string into a DOM object
|
|
let parser = new DOMParser();
|
|
let doc = parser.parseFromString(data, 'text/html');
|
|
|
|
if (mode !== 'update') {
|
|
document.dispatchEvent(new Event('hz:updateConvItems'));
|
|
}
|
|
|
|
let prev, next;
|
|
if (mode === 'update' || mode === 'replace') {
|
|
prev = document.getElementById('threads-begin');
|
|
}
|
|
if (mode === 'append') {
|
|
next = document.getElementById('threads-end');
|
|
}
|
|
|
|
doc.querySelectorAll('.thread-wrapper').forEach(function (elem) {
|
|
if (elem.classList.contains('toplevel_item')) {
|
|
let ident = elem.id;
|
|
let convId = ident.replace('thread-wrapper-', '');
|
|
let commentWrap = elem.querySelector('.collapsed-comments')?.id;
|
|
|
|
let itmId = 0;
|
|
let isVisible = false;
|
|
|
|
// figure out the comment state
|
|
if (commentWrap !== undefined) {
|
|
itmId = commentWrap.replace('collapsed-comments-', '');
|
|
}
|
|
|
|
let collapsedComment = document.getElementById('collapsed-comments-' + itmId);
|
|
if (collapsedComment && collapsedComment.style.display !== 'none') {
|
|
isVisible = true;
|
|
}
|
|
|
|
// insert the content according to the mode and first_page
|
|
// and whether or not the content exists already (overwrite it)
|
|
let existingElem = document.getElementById(ident);
|
|
if (!existingElem) {
|
|
if ((mode === 'update' || mode === 'replace') && profile_page == 1) {
|
|
if (prev) {
|
|
prev.after(elem);
|
|
prev = elem;
|
|
}
|
|
}
|
|
if (mode === 'append') {
|
|
if (next) {
|
|
next.before(elem);
|
|
}
|
|
}
|
|
} else {
|
|
existingElem.replaceWith(elem);
|
|
}
|
|
|
|
// DOMParser will prevent scripts from execution for security reasons.
|
|
// We remove all scripts but possibly injected some from
|
|
// addons like for example gallery later.
|
|
// TODO: make the script run from the addon itself.
|
|
let scripts = elem.querySelectorAll('script');
|
|
scripts.forEach(script => {
|
|
let scriptContent = script.textContent || script.innerText;
|
|
eval(scriptContent); // Execute the script
|
|
});
|
|
|
|
// set the comment state to the state we discovered earlier
|
|
if (isVisible) {
|
|
showHideComments(itmId);
|
|
}
|
|
|
|
let commentBody = localStorage.getItem("comment_body-" + convId);
|
|
if (commentBody) {
|
|
let commentElm = document.getElementById('comment-edit-text-' + convId);
|
|
if (auto_save_draft && commentElm) {
|
|
if (commentElm.value === '') {
|
|
let commentForm = document.getElementById('comment-edit-form-' + convId);
|
|
if (commentForm) {
|
|
commentForm.style.display = 'block';
|
|
}
|
|
commentElm.classList.add("expanded");
|
|
openMenu("comment-tools-" + convId);
|
|
commentElm.value = commentBody;
|
|
}
|
|
} else {
|
|
localStorage.removeItem("comment_body-" + convId);
|
|
}
|
|
}
|
|
|
|
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.includes("mid=") || window.location.pathname.includes("display")) {
|
|
let titleElem = document.querySelector(".wall-item-title");
|
|
if (titleElem) {
|
|
let title = titleElem.textContent.trim();
|
|
if (title) {
|
|
savedTitle = title + ' ' + savedTitle;
|
|
document.title = title;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
let data_json = JSON.parse(elem.dataset.b64mids);
|
|
|
|
// Also highlight the thread parent
|
|
if (data_json.includes(bParam_mid) && elem.parentNode.classList.contains('wall-item-sub-thread-wrapper')) {
|
|
if (!elem.parentNode.parentNode.classList.contains('toplevel_item')) {
|
|
elem.parentNode.parentNode.classList.add('item-highlight');
|
|
document.documentElement.style.setProperty('--hz-item-highlight', stringToHslColor(JSON.parse(elem.parentNode.parentNode.dataset.b64mids)[0]));
|
|
// Mark the comment button at the parent expanded
|
|
// TODO: should do that for all comments that have replies expanded
|
|
elem.parentNode.parentNode.querySelector('.wall-item-comment').classList.add('expanded');
|
|
}
|
|
}
|
|
|
|
b64mids.push(...data_json);
|
|
});
|
|
|
|
document.dispatchEvent(new CustomEvent('hz:sse_setNotificationsStatus', { detail: b64mids }));
|
|
|
|
window.scrollTo(0, scroll_position);
|
|
|
|
if (followUpPageLoad) {
|
|
document.dispatchEvent(new Event('hz:sse_bs_counts'));
|
|
} else {
|
|
document.dispatchEvent(new Event('hz:sse_bs_init'));
|
|
}
|
|
|
|
if (commentBusy) {
|
|
commentBusy = false;
|
|
document.body.style.cursor = 'auto';
|
|
}
|
|
|
|
// Setup to determine if the media player is playing. This affects some content loading decisions.
|
|
['playing', 'pause'].forEach(event => {
|
|
document.querySelectorAll('video, audio').forEach(media => {
|
|
media.removeEventListener(event, mediaHandler);
|
|
media.addEventListener(event, mediaHandler);
|
|
});
|
|
});
|
|
|
|
function mediaHandler(event) {
|
|
mediaPlaying = event.type === 'playing';
|
|
}
|
|
|
|
imagesLoaded(document.querySelectorAll('.wall-item-body img, .wall-photo-item img'), function () {
|
|
if (bParam_mid && mode === 'replace') {
|
|
scrollToItem();
|
|
}
|
|
else {
|
|
collapseHeight();
|
|
}
|
|
});
|
|
|
|
// reset rotators and cursors we may have set before reaching this place
|
|
let pageSpinner = document.getElementById("page-spinner");
|
|
if (pageSpinner) {
|
|
pageSpinner.style.display = 'none';
|
|
}
|
|
let profileJotTextLoading = document.getElementById("profile-jot-text-loading");
|
|
if (profileJotTextLoading) {
|
|
profileJotTextLoading.style.display = 'none';
|
|
}
|
|
|
|
followUpPageLoad = true;
|
|
|
|
|
|
updateRelativeTime('.autotime');
|
|
}
|
|
|
|
function imagesLoaded(elements, callback) {
|
|
let loadedCount = 0;
|
|
let totalImages = 0;
|
|
let timeoutId;
|
|
const timeout = 10000;
|
|
const processed = new Set(); // Use a Set for efficient lookup
|
|
|
|
// Helper function to extract img elements from an HTML string
|
|
function extractImagesFromHtml(htmlString) {
|
|
const tempDiv = document.createElement('div');
|
|
tempDiv.innerHTML = htmlString;
|
|
return tempDiv.querySelectorAll('.wall-item-body img, .wall-photo-item img');
|
|
}
|
|
|
|
function checkComplete(src) {
|
|
// Skip processing if image has already been processed
|
|
if (processed.has(src)) return;
|
|
|
|
processed.add(src);
|
|
loadedCount++;
|
|
|
|
// Update progress
|
|
const progress = Math.round((loadedCount * 100) / totalImages);
|
|
document.getElementById('image_counter').innerText = `${progress}%`;
|
|
|
|
// If all images are loaded, trigger the callback
|
|
if (loadedCount === totalImages) {
|
|
document.getElementById('image_counter').innerText = '';
|
|
clearTimeout(timeoutId);
|
|
callback();
|
|
}
|
|
}
|
|
|
|
// Convert HTML string to img elements if necessary
|
|
if (typeof elements === 'string') {
|
|
elements = extractImagesFromHtml(elements);
|
|
}
|
|
|
|
// Exit early if there are no images to load
|
|
if (!elements || elements.length === 0) {
|
|
callback();
|
|
return;
|
|
}
|
|
|
|
// Filter valid image elements (only img with src attribute)
|
|
const images = Array.from(elements)
|
|
.filter((element) => element.tagName.toLowerCase() === 'img' && element.src)
|
|
.filter((element, index, self) =>
|
|
index === self.findIndex(e => e.src === element.src) // Avoid duplicates
|
|
);
|
|
|
|
// If no images are found, call the callback immediately
|
|
if (images.length === 0) {
|
|
callback();
|
|
return;
|
|
}
|
|
|
|
totalImages = images.length;
|
|
|
|
// Set timeout for the loading process
|
|
timeoutId = setTimeout(() => {
|
|
console.warn(`Image loading timed out after ${timeout}ms`);
|
|
callback(false);
|
|
}, timeout);
|
|
|
|
// Iterate through images to add load and error event listeners
|
|
images.forEach((img) => {
|
|
let new_img = new Image();
|
|
new_img.src = img.src;
|
|
|
|
if (new_img.complete && new_img.naturalHeight > 0) {
|
|
// Image is already loaded, handle immediately
|
|
// console.log(`Image cached: ${new_img.src}`);
|
|
checkComplete(new_img.src);
|
|
} else {
|
|
// Add event listeners for load and error events
|
|
new_img.addEventListener('load', () => {
|
|
// console.log(`Image loaded: ${new_img.src}`);
|
|
checkComplete(new_img.src)
|
|
});
|
|
new_img.addEventListener('error', () => {
|
|
console.log(`Image failed to load: ${new_img.src}`);
|
|
checkComplete(new_img.src);
|
|
});
|
|
}
|
|
|
|
});
|
|
}
|
|
|
|
function updateRelativeTime(selector) {
|
|
// Get all elements with the given selector
|
|
const timeElements = document.querySelectorAll(selector);
|
|
if (timeElements.length === 0) return;
|
|
|
|
// Default time style and map for supported options
|
|
const styleMap = ['narrow', 'short', 'long'];
|
|
const style = styleMap.find(s => selector.includes(s)) || 'long';
|
|
|
|
// Create an instance of RelativeTimeFormat
|
|
const rtf = new Intl.RelativeTimeFormat(lang, {
|
|
localeMatcher: 'best fit', // 'best fit' or 'lookup'
|
|
numeric: 'always', // 'always' or 'auto'
|
|
style: style // 'long', 'short', or 'narrow'
|
|
});
|
|
|
|
const now = Date.now(); // Get the current time only once
|
|
|
|
// Helper function to calculate the time difference in appropriate units
|
|
function getRelativeTime(diffInSeconds) {
|
|
const isFuture = diffInSeconds > 0;
|
|
const absDiffInSeconds = Math.abs(diffInSeconds);
|
|
|
|
if (absDiffInSeconds < 60) return { value: absDiffInSeconds, unit: 'second' };
|
|
if (absDiffInSeconds < 3600) return { value: Math.floor(absDiffInSeconds / 60), unit: 'minute' };
|
|
if (absDiffInSeconds < 86400) return { value: Math.floor(absDiffInSeconds / 3600), unit: 'hour' };
|
|
if (absDiffInSeconds < 2592000) return { value: Math.floor(absDiffInSeconds / 86400), unit: 'day' };
|
|
if (absDiffInSeconds < 31536000) return { value: Math.floor(absDiffInSeconds / 2592000), unit: 'month' };
|
|
return { value: Math.floor(absDiffInSeconds / 31536000), unit: 'year' };
|
|
}
|
|
|
|
// Process each element
|
|
timeElements.forEach(element => {
|
|
const timestamp = new Date(element.title).getTime();
|
|
if (isNaN(timestamp)) return; // Skip invalid timestamps
|
|
|
|
const diffInSeconds = Math.floor((timestamp - now) / 1000); // Time difference in seconds
|
|
const { value, unit } = getRelativeTime(diffInSeconds);
|
|
|
|
// Format the relative time and set it as the element's text
|
|
const formattedTime = rtf.format(diffInSeconds > 0 ? value : -value, unit);
|
|
element.textContent = formattedTime;
|
|
});
|
|
|
|
// Avoid duplicate timeout registrations for the same selector
|
|
if (!updateTimeout.includes(selector)) {
|
|
updateTimeout.push(selector);
|
|
setTimeout(() => updateRelativeTime(selector), 60000); // Re-run the update every 60 seconds
|
|
}
|
|
}
|
|
|
|
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');
|
|
|
|
// Select all thread wrappers
|
|
let threadWrappers = document.querySelectorAll('.thread-wrapper');
|
|
|
|
threadWrappers.forEach(thread => {
|
|
// Get the 'data-b64mids' attribute and check if it contains submid
|
|
let b64mids = thread.dataset.b64mids;
|
|
|
|
if (b64mids && b64mids.includes(submid)) {
|
|
// Handle collapsed comments if any
|
|
let collapsedComments = document.querySelectorAll('.collapsed-comments');
|
|
if (collapsedComments.length) {
|
|
let scrollToId = collapsedComments[0].id.substring(19);
|
|
showHideComments(scrollToId);
|
|
}
|
|
|
|
collapseHeight();
|
|
|
|
if (!thread.classList.contains('toplevel_item')) {
|
|
// Scroll to the target element
|
|
let navHeight = document.getElementById('navbar-top') ? document.getElementById('navbar-top').offsetHeight : 0;
|
|
window.scrollTo({
|
|
top: getOffsetTopRelativeToBody(thread) - navHeight,
|
|
behavior: 'smooth'
|
|
});
|
|
}
|
|
|
|
let id = thread.id.replace('thread-wrapper-', '');
|
|
let content = document.getElementById('wall-item-content-wrapper-' + id);
|
|
content.classList.add('item-highlight-fade');
|
|
}
|
|
});
|
|
}
|
|
|
|
function getOffsetTopRelativeToBody(element) {
|
|
let offsetTop = 0;
|
|
while (element) {
|
|
offsetTop += element.offsetTop;
|
|
element = element.offsetParent;
|
|
}
|
|
return offsetTop;
|
|
}
|
|
|
|
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"><i class="bi bi-chevron-down align-middle divgrow-showmore-icon"></i> <span class="divgrow-showmore-label align-middle">' + aStr.divgrowmore + '</span></a>',
|
|
lessLink: '<a href="#" class="divgrow-showmore fakelink"><i class="bi bi-chevron-up align-middle divgrow-showmore-icon"></i> <span class="divgrow-showmore-label align-middle">' + aStr.divgrowless + '</span></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.dispatchEvent(new Event('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.');
|
|
|
|
console.log('LOADING images...');
|
|
imagesLoaded(data, function () {
|
|
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;
|
|
});
|
|
});
|
|
}
|
|
|
|
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);
|
|
|
|
imagesLoaded(data, function () {
|
|
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;
|
|
});
|
|
});
|
|
|
|
}
|
|
|
|
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();
|
|
updateRelativeTime('.autotime');
|
|
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 request(id, mid, verb, parent, uuid, userClick) {
|
|
|
|
if (verb === 'load') {
|
|
const dots = document.getElementById('load-more-dots-' + parent);
|
|
dots.classList.add('jumping-dots');
|
|
|
|
const parent_sub = document.getElementById('wall-item-sub-thread-wrapper-' + parent);
|
|
const offset = parent_sub.children.length;
|
|
|
|
fetch('/request?offset=' + offset + '&verb=' + verb + '&mid=' + mid + '&parent=' + parent + '&module=' + module)
|
|
.then(response => response.json())
|
|
.then(obj => {
|
|
let parser = new DOMParser();
|
|
let doc = parser.parseFromString(obj.html, 'text/html');
|
|
let b64mids = [];
|
|
|
|
doc.querySelectorAll('.thread-wrapper').forEach(function (e) {
|
|
let data = JSON.parse(e.dataset.b64mids);
|
|
b64mids.push(...data);
|
|
});
|
|
|
|
imagesLoaded(doc.querySelectorAll('.wall-item-body img'), function () {
|
|
injectWithAnimation('wall-item-sub-thread-wrapper-' + parent, doc);
|
|
dots.classList.remove('jumping-dots');
|
|
|
|
const loadmore_progress = document.getElementById('load-more-progress-' + parent);
|
|
loadmore_progress.style.width = Math.round(100 * parent_sub.children.length / loadmore_progress.dataset.commentsTotal) + '%';
|
|
|
|
if (Number(parent_sub.children.length) === Number(loadmore_progress.dataset.commentsTotal)) {
|
|
const loadmore = document.getElementById('load-more-' + parent);
|
|
loadmore.remove();
|
|
}
|
|
|
|
updateRelativeTime('.autotime');
|
|
collapseHeight();
|
|
|
|
document.dispatchEvent(new CustomEvent('hz:sse_setNotificationsStatus', { detail: b64mids }));
|
|
document.dispatchEvent(new Event('hz:sse_bs_counts'));
|
|
});
|
|
|
|
})
|
|
.catch(error => {
|
|
console.error('Error fetching data:', error);
|
|
});
|
|
|
|
return;
|
|
}
|
|
|
|
const loading = document.getElementById('like-rotator-' + id);
|
|
|
|
if (userClick) {
|
|
loading.style.display = 'block';
|
|
}
|
|
|
|
if (verb === 'comment') {
|
|
if (userClick && singlethread_modules.indexOf(module) !== -1) {
|
|
let stateObj = { b64mid: uuid };
|
|
history.pushState(stateObj, '', module + '/' + uuid);
|
|
}
|
|
|
|
fetch('/request?verb=' + verb + '&mid=' + mid + '&parent=' + parent + '&module=' + module)
|
|
.then(response => response.json())
|
|
.then(obj => {
|
|
let parser = new DOMParser();
|
|
let doc = parser.parseFromString(obj.html, 'text/html');
|
|
|
|
doc.querySelectorAll('.thread-wrapper').forEach(function (e) {
|
|
let data = JSON.parse(e.dataset.b64mids);
|
|
b64mids.push(...data);
|
|
});
|
|
|
|
imagesLoaded(doc.querySelectorAll('.wall-item-body img'), function () {
|
|
injectWithAnimation('wall-item-sub-thread-wrapper-' + id, doc, true);
|
|
updateRelativeTime('.autotime');
|
|
collapseHeight();
|
|
|
|
if (userClick) {
|
|
loading.style.display = 'none';
|
|
document.dispatchEvent(new CustomEvent('hz:sse_setNotificationsStatus', { detail: b64mids }));
|
|
document.dispatchEvent(new Event('hz:sse_bs_counts'));
|
|
}
|
|
});
|
|
|
|
})
|
|
.catch(error => {
|
|
console.error('Error fetching data:', error);
|
|
});
|
|
}
|
|
else {
|
|
fetch('/request?verb=' + verb + '&mid=' + mid + '&parent=' + parent)
|
|
.then(response => response.json())
|
|
.then(obj => {
|
|
const modal = new bootstrap.Modal('#reactions');
|
|
const modal_content = document.getElementById('reactions_body');
|
|
const modal_title = document.getElementById('reactions_title');
|
|
const modal_action = document.getElementById('reactions_action');
|
|
modal_action.style.display = 'none';
|
|
modal_title.innerHTML = obj.title;
|
|
modal_content.innerHTML = '';
|
|
if (obj.action) {
|
|
modal_action.innerHTML = '<a href="#" onclick="' + obj.action + '(' + id + ',\'' + verb + '\'); return false;">' + obj.action_label + '</a>';
|
|
modal_action.style.display = 'block';
|
|
}
|
|
console.log(obj)
|
|
obj.result.forEach(e => {
|
|
let mod = '';
|
|
if (e.item_blocked === 4) {
|
|
mod = '<span onclick="moderate_approve(' + e.id + '); return false;" class="text-success pe-4 d-inline-block"><i class="bi bi-check-lg" ></i></span><span onclick="moderate_drop(' + e.id + '); return false;" class="text-danger pe-4 d-inline-block"><i class="bi bi-trash" ></i></span>';
|
|
}
|
|
modal_content.innerHTML += '<a href="' + e.url + '" class="list-group-item list-group-item-action border-0">' + mod + '<img src="' + e.photo + '" class="menu-img-1" loading="lazy"> ' + e.name + '</a>';
|
|
|
|
});
|
|
|
|
modal.show();
|
|
loading.style.display = 'none';
|
|
})
|
|
.catch(error => {
|
|
console.error('Error fetching data:', error);
|
|
});
|
|
}
|
|
|
|
}
|
|
|
|
function injectWithAnimation(containerId, parsedDoc, overwrite = false) {
|
|
const container = document.getElementById(containerId);
|
|
if (!container) return;
|
|
if (overwrite) container.innerHTML = '';
|
|
|
|
const newElements = Array.from(parsedDoc.body.children);
|
|
|
|
for (let i = newElements.length - 1; i >= 0; i--) {
|
|
const el = newElements[i].cloneNode(true);
|
|
el.classList.add('item-fade-in');
|
|
container.insertBefore(el, container.firstChild);
|
|
|
|
// Remove classes after transition ends
|
|
const onTransitionEnd = (event) => {
|
|
el.classList.remove('item-fade-in', 'show');
|
|
el.removeEventListener('transitionend', onTransitionEnd);
|
|
};
|
|
el.addEventListener('transitionend', onTransitionEnd);
|
|
|
|
setTimeout(() => {
|
|
el.classList.add('show');
|
|
}, (newElements.length - 1 - i) * 30);
|
|
}
|
|
}
|
|
|
|
const autoExpand = (function () {
|
|
const clickedElements = new Set(); // Stores clicked button references
|
|
|
|
// We wait 10 seconds for images. Set the timeout here slightly higher.
|
|
function waitForElement(selector, timeout = 11000) {
|
|
return new Promise((resolve, reject) => {
|
|
// Check if the element already exists
|
|
const element = document.querySelector(selector);
|
|
|
|
if (element) {
|
|
resolve(element);
|
|
return;
|
|
}
|
|
|
|
// Set up a timeout to reject the promise if the element doesn't appear in time
|
|
const timer = setTimeout(() => {
|
|
observer.disconnect();
|
|
reject(new Error(`Element "${selector}" not found within ${timeout}ms`));
|
|
}, timeout);
|
|
|
|
// Create a MutationObserver to watch for DOM changes
|
|
const observer = new MutationObserver(() => {
|
|
const el = document.querySelector(selector);
|
|
if (el) {
|
|
clearTimeout(timer);
|
|
observer.disconnect();
|
|
resolve(el);
|
|
}
|
|
});
|
|
|
|
// Start observing the document for changes
|
|
observer.observe(document.documentElement, {
|
|
childList: true,
|
|
subtree: true
|
|
});
|
|
});
|
|
}
|
|
|
|
async function autoExpand(id) {
|
|
const loading = document.getElementById('like-rotator-' + id);
|
|
let iteration = 0;
|
|
const maxIterations = 3;
|
|
clickedElements.clear();
|
|
|
|
try {
|
|
// Step 1: Ensure initial button is clicked
|
|
const initBtnSelector = '#wall-item-comment-' + id;
|
|
const initBtn = await waitForElement(initBtnSelector);
|
|
|
|
if (!clickedElements.has(initBtn)) {
|
|
initBtn.click();
|
|
clickedElements.add(initBtn);
|
|
iteration++;
|
|
}
|
|
|
|
// Step 2: Loop until no new buttons are found
|
|
let newButtonsFound;
|
|
|
|
const commentSelector = `#wall-item-sub-thread-wrapper-${id} .thread-wrapper`;
|
|
const commentBtnSelector = `#wall-item-sub-thread-wrapper-${id} .wall-item-comment`;
|
|
|
|
do {
|
|
newButtonsFound = false;
|
|
|
|
// Wait for any comment to appear
|
|
await waitForElement(commentSelector);
|
|
|
|
const expandButtons = document.querySelectorAll(commentBtnSelector);
|
|
|
|
for (const btn of expandButtons) {
|
|
if (!clickedElements.has(btn)) {
|
|
btn.click();
|
|
clickedElements.add(btn);
|
|
newButtonsFound = true;
|
|
// Optional: await waitForElement(...) to wait for new content
|
|
}
|
|
}
|
|
|
|
// Wait between iterations to allow UI to update
|
|
if (newButtonsFound) {
|
|
iteration++;
|
|
await new Promise(res => setTimeout(res, 700));
|
|
}
|
|
|
|
} while (newButtonsFound && iteration < maxIterations);
|
|
|
|
console.log('Replies loaded!');
|
|
|
|
loading.style.display = 'none';
|
|
|
|
document.dispatchEvent(new CustomEvent('hz:sse_setNotificationsStatus', { detail: b64mids }));
|
|
document.dispatchEvent(new Event('hz:sse_bs_counts'));
|
|
|
|
} catch (error) {
|
|
loading.style.display = 'none';
|
|
console.error("autoExpand failed:", error.message);
|
|
}
|
|
}
|
|
|
|
return autoExpand;
|
|
})();
|
|
|
|
|
|
function stringToHexColor(str) {
|
|
let hash = 0;
|
|
for (let i = 0; i < str.length; i++) {
|
|
hash = str.charCodeAt(i) + ((hash << 5) - hash);
|
|
}
|
|
let color = "#";
|
|
for (let i = 0; i < 3; i++) {
|
|
const value = (hash >> (i * 8)) & 0xFF;
|
|
color += value.toString(16).padStart(2, '0');
|
|
}
|
|
return color;
|
|
}
|
|
|
|
function stringToHslColor(str) {
|
|
let stringUniqueHash = [...str].reduce((acc, char) => {
|
|
return char.charCodeAt(0) + ((acc << 5) - acc);
|
|
}, 0);
|
|
return `hsl(${stringUniqueHash % 360}, 65%, 65%)`;
|
|
}
|
|
|
|
function dolike(ident, verb) {
|
|
$('#like-rotator-' + ident).show();
|
|
|
|
if (typeof conv_mode == typeof undefined) {
|
|
conv_mode = '';
|
|
}
|
|
|
|
if (typeof page_mode == typeof undefined) {
|
|
page_mode = '';
|
|
}
|
|
|
|
let reload = 0;
|
|
|
|
if (module == 'photos') {
|
|
reload = 1;
|
|
}
|
|
|
|
|
|
$.get('like/' + ident + '?verb=' + verb + '&conv_mode=' + conv_mode + '&page_mode=' + page_mode + '&reload=' + reload, function (data) {
|
|
if (data.success) {
|
|
|
|
close_modal();
|
|
|
|
// 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);
|
|
}
|
|
|
|
updateRelativeTime('.autotime');
|
|
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) {
|
|
const modal = new bootstrap.Modal('#reactions');
|
|
const modal_content = document.getElementById('reactions_body');
|
|
const modal_title = document.getElementById('reactions_title');
|
|
const modal_action = document.getElementById('reactions_action');
|
|
|
|
modal_action.style.display = 'none';
|
|
modal_title.innerHTML = hint;
|
|
|
|
const preview = document.getElementById('comment-edit-preview-' + parent.toString());
|
|
preview.innerHTML = '';
|
|
|
|
// Get the form element by ID
|
|
const form = document.getElementById('comment-edit-wrapper-' + parent.toString());
|
|
if (!form) return;
|
|
|
|
modal_content.innerHTML = '';
|
|
modal_content.append(form);
|
|
|
|
// Set the value of the input named 'parent'
|
|
const parentInput = form.querySelector('input[name=parent]');
|
|
if (parentInput) {
|
|
parentInput.value = ident;
|
|
}
|
|
|
|
// Find the submit button and update its HTML
|
|
const submitBtn = form.querySelector('button[type=submit]');
|
|
if (submitBtn) {
|
|
const btnText = submitBtn.innerHTML.replace(/<[^>]*>/g, '').trim();
|
|
submitBtn.innerHTML = '<i class="bi bi-arrow-90deg-left"></i> ' + btnText;
|
|
}
|
|
|
|
// Prepare the quote logic
|
|
const sel = 'wall-item-body-' + ident.toString();
|
|
const quote = window.getSelection().toString().trim();
|
|
|
|
// Check if the selection is inside the correct element
|
|
let isInSel = false;
|
|
const anchorNode = window.getSelection().anchorNode;
|
|
if (anchorNode) {
|
|
let node = anchorNode.nodeType === 3 ? anchorNode.parentNode : anchorNode;
|
|
while (node) {
|
|
if (node.id === sel) {
|
|
isInSel = true;
|
|
break;
|
|
}
|
|
node = node.parentNode;
|
|
}
|
|
}
|
|
|
|
modal.show();
|
|
|
|
// Set the textarea value
|
|
const textarea = form.querySelector('textarea');
|
|
if (textarea) {
|
|
let commentBody = localStorage.getItem('comment_body-' + ident);
|
|
if (commentBody) {
|
|
textarea.value = commentBody;
|
|
}
|
|
else {
|
|
textarea.value = "@{" + owner + "}" + ((!isInSel || quote.length === 0) ? " " : "\n[quote]" + quote + "[/quote]\n");
|
|
}
|
|
|
|
textarea.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);
|
|
collapseHeight();
|
|
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="bi bi-chevron-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="bi bi-pin"> </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).show();
|
|
$.get('subthread/sub/' + ident, updateInit );
|
|
liking = 1;
|
|
}
|
|
|
|
function dounsubthread(ident) {
|
|
$('#like-rotator-' + ident).show();
|
|
$.get('subthread/unsub/' + ident, updateInit );
|
|
liking = 1;
|
|
}
|
|
|
|
function moderate_approve(ident, verb) {
|
|
$('#like-rotator-' + ident).show();
|
|
close_modal();
|
|
$.get('moderate/' + ident + '/approve', updateInit );
|
|
liking = 1;
|
|
}
|
|
|
|
function moderate_drop(ident) {
|
|
$('#like-rotator-' + ident).show();
|
|
close_modal();
|
|
$.get('moderate/' + ident + '/drop', $('#thread-wrapper-' + ident).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('bi-star-fill');
|
|
$('#starred-' + ident).removeClass('bi-star');
|
|
$('#star-' + ident).addClass('hidden');
|
|
$('#unstar-' + ident).removeClass('hidden');
|
|
var btn_tpl = '<div class="" id="star-button-' + ident + '"><button type="button" class="btn btn-sm btn-link link-secondary wall-item-star" onclick="dostar(' + ident + ');"><i class="bi bi-star generic-icons"></i></button></div>'
|
|
$('#wall-item-tools-right-' + ident).prepend(btn_tpl);
|
|
}
|
|
else {
|
|
$('#starred-' + ident).addClass('unstarred');
|
|
$('#starred-' + ident).removeClass('starred');
|
|
$('#starred-' + ident).addClass('bi-star');
|
|
$('#starred-' + ident).removeClass('bi-star-fill');
|
|
$('#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;
|
|
}
|
|
|
|
close_modal();
|
|
|
|
localStorage.removeItem("comment_body-" + id);
|
|
$("#comment-edit-preview-" + id).hide();
|
|
$("#comment-edit-text-" + id).val('').blur().attr('placeholder', aStr.comment);
|
|
$('#wall-item-sub-thread-wrapper-' + data.thr_parent_id).append(data.html);
|
|
|
|
updateRelativeTime('.autotime');
|
|
$('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);
|
|
updateRelativeTime('.autotime');
|
|
$("#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);
|
|
updateRelativeTime('.autotime');
|
|
$("#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('bi-check-square bi-square');
|
|
});
|
|
}
|
|
|
|
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 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('bi-arrow-right-circle').removeClass('bi-arrow-left-circle');
|
|
$('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('bi-arrow-right-circle').addClass('bi-arrow-left-circle');
|
|
$('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 = bin2hex(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();
|
|
}
|
|
|
|
function close_modal() {
|
|
let modal = bootstrap.Modal.getInstance(document.querySelector('.modal.show'));
|
|
|
|
if (modal) {
|
|
modal.hide();
|
|
}
|
|
}
|