aboutsummaryrefslogtreecommitdiffstats
path: root/view/js/main.js
diff options
context:
space:
mode:
Diffstat (limited to 'view/js/main.js')
-rw-r--r--view/js/main.js1091
1 files changed, 730 insertions, 361 deletions
diff --git a/view/js/main.js b/view/js/main.js
index f3b8151b0..8ceb0b143 100644
--- a/view/js/main.js
+++ b/view/js/main.js
@@ -23,17 +23,32 @@ var mediaPlaying = false;
var contentHeightDiff = 0;
var liveRecurse = 0;
var savedTitle = '';
-var initialLoad = true;
+var followUpPageLoad = false;
+var window_needs_alert = true;
-// Clear the session and local storage if we switch channel or log out
-var cache_uid = '';
-if(sessionStorage.getItem('uid') !== null) {
- cache_uid = sessionStorage.getItem('uid');
-}
-if(cache_uid !== localUser.toString()) {
- sessionStorage.clear();
+var sse_bs_active = false;
+var sse_offset = 0;
+var sse_type;
+var sse_partial_result = false;
+var sse_rmids = [];
+
+var page_cache = {};
+
+// take care of tab/window reloads on channel change
+if(localStorage.getItem('uid') !== localUser.toString()) {
localStorage.clear();
- sessionStorage.setItem('uid', localUser.toString());
+ 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;
+ }
+ }
}
$.ajaxSetup({cache: false});
@@ -55,53 +70,123 @@ $(document).ready(function() {
}
});
- 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'],
- };
+ 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;
+ if(typeof(window.SharedWorker) === 'undefined') {
+ // notifications with multiple tabs open will not work very well in this scenario
+ var evtSource = new EventSource('/sse');
- //mod_mail only
- $(".mail-conv-detail .autotime").timeago();
+ evtSource.addEventListener('notifications', function(e) {
+ var obj = JSON.parse(e.data);
+ sse_handleNotifications(obj, false, false);
+ }, false);
- savedTitle = document.title;
+ document.addEventListener('visibilitychange', function() {
+ if (!document.hidden) {
+ sse_offset = 0;
+ sse_bs_init();
+ }
+ }, false);
- updateInit();
+ }
+ else {
+ var myWorker = new SharedWorker('/view/js/sse_worker.js', localUser);
- $('a.notification-link').click(function(e){
- var notifyType = $(this).data('type');
+ myWorker.port.onmessage = function(e) {
+ obj = e.data;
+ console.log(obj);
+ sse_handleNotifications(obj, false, false);
+ }
- if(! $('#nav-' + notifyType + '-sub').hasClass('show')) {
- loadNotificationItems(notifyType);
- sessionStorage.setItem('notification_open', notifyType);
+ myWorker.onerror = function(e) {
+ myWorker.port.close();
}
- else {
- sessionStorage.removeItem('notification_open');
+
+ myWorker.port.start();
+ }
+
+ $('.notification-link').on('click', { replace: true, followup: false }, sse_bs_notifications);
+
+ $('.notification-filter').on('keypress', function(e) {
+ if(e.which == 13) { // enter
+ this.blur();
+ sse_offset = 0;
+ $("#nav-" + sse_type + "-menu").html('');
+ $("#nav-" + sse_type + "-loading").show();
+
+ var cn_val = $('#cn-' + sse_type + '-input').length ? $('#cn-' + sse_type + '-input').val().toString().toLowerCase() : '';
+
+ $.get('/sse_bs/' + sse_type + '/' + sse_offset + '?nquery=' + encodeURIComponent(cn_val), function(obj) {
+ console.log('sse: bootstraping ' + sse_type);
+ console.log(obj);
+
+ sse_bs_active = false;
+ sse_partial_result = true;
+ sse_offset = obj[sse_type].offset;
+ if(sse_offset < 0)
+ $("#nav-" + sse_type + "-loading").hide();
+
+ sse_handleNotifications(obj, true, false);
+
+ });
}
});
- if(sessionStorage.getItem('notification_open') !== null) {
- var notifyType = sessionStorage.getItem('notification_open');
- $('#nav-' + notifyType + '-sub').addClass('show');
- loadNotificationItems(notifyType);
- }
+ $('.notifications-textinput-clear').on('click', function(e) {
+ if(! sse_partial_result)
+ return;
+
+ $("#nav-" + sse_type + "-menu").html('');
+ $("#nav-" + sse_type + "-loading").show();
+ $.get('/sse_bs/' + sse_type, function(obj) {
+ console.log('sse: bootstraping ' + sse_type);
+ console.log(obj);
+
+ sse_bs_active = false;
+ sse_partial_result = false;
+ sse_offset = obj[sse_type].offset;
+ if(sse_offset < 0)
+ $("#nav-" + sse_type + "-loading").hide();
+
+ sse_handleNotifications(obj, true, false);
+
+ });
+ });
+
+ $('.notification-content').on('scroll', function() {
+ if(this.scrollTop > this.scrollHeight - this.clientHeight - (this.scrollHeight/7)) {
+ sse_bs_notifications(sse_type, false, true);
+ }
+ });
+
+ //mod_mail only
+ $(".mail-conv-detail .autotime").timeago();
+
+ savedTitle = document.title;
+
+ updateInit();
// Allow folks to stop the ajax page updates with the pause/break key
$(document).keydown(function(event) {
@@ -134,7 +219,10 @@ $(document).ready(function() {
if(e)
pageHasMoreContent = false;
- initialLoad = false;
+ $(document).on('hz:updateConvItems', function(event) {
+ if(!bParam_mid)
+ cache_next_page();
+ });
});
@@ -142,9 +230,6 @@ function getConversationSettings() {
$.get('settings/conversation/?f=&aj=1',function(data) {
$('#conversation_settings_body').html(data);
});
-
-
-
}
function postConversationSettings() {
@@ -197,7 +282,7 @@ function handle_comment_form(e) {
ex_form.find('.comment-edit-text').removeClass('expanded').attr('placeholder', aStr.comment);
ex_form.find(':not(.comment-edit-text)').hide();
}
- i++
+ i++;
});
}
@@ -449,145 +534,18 @@ function closeMenu(theID) {
function markRead(notifType) {
$.get('ping?f=&markRead='+notifType);
- $('.' + notifType + '-button').hide();
- $('#nav-' + notifType + '-sub').removeClass('show');
- sessionStorage.removeItem(notifType + '_notifications_cache');
- sessionStorage.removeItem('notification_open');
- if(timer) clearTimeout(timer);
- timer = setTimeout(updateInit,2000);
+ $('.' + notifType + '-button').fadeOut(function() {
+ $("." + notifType + "-update").html('0');
+ $('#nav-' + notifType + '-menu').html('');
+ $('#nav-' + notifType + '-sub').removeClass('show');
+ sessionStorage.removeItem('notification_open');
+ sse_setNotificationsStatus();
+ });
}
function markItemRead(itemId) {
$.get('ping?f=&markItemRead='+itemId);
- $('.unseen-wall-indicator-'+itemId).hide();
-}
-
-function notificationsUpdate(cached_data) {
- var pingCmd = 'ping' + ((localUser != 0) ? '?f=&uid=' + localUser : '');
-
- if(cached_data !== undefined) {
- handleNotifications(cached_data);
- }
- else {
- $.get(pingCmd,function(data) {
-
- // Put the object into storage
- if(! data)
- return;
-
- sessionStorage.setItem('notifications_cache', JSON.stringify(data));
-
- var fnotifs = [];
- if(data.forums) {
- $.each(data.forums_sub, function() {
- fnotifs.push(this);
- });
- handleNotificationsItems('forums', fnotifs);
- }
-
- if(data.invalid == 1) {
- window.location.href=window.location.href;
- }
-
- handleNotifications(data);
-
- $.jGrowl.defaults.closerTemplate = '<div>[ ' + aStr.closeAll + ']</div>';
-
- $(data.notice).each(function() {
- $.jGrowl(this.message, { sticky: true, theme: 'notice' });
- });
-
- $(data.info).each(function(){
- $.jGrowl(this.message, { sticky: false, theme: 'info', life: 10000 });
- });
- });
- }
-
- var notifyType = null;
- if($('.notification-content.show').length) {
- notifyType = $('.notification-content.show').data('type');
- }
- if(notifyType !== null) {
- loadNotificationItems(notifyType);
- }
-
- if(timer) clearTimeout(timer);
- timer = setTimeout(updateInit,updateInterval);
-}
-
-function handleNotifications(data) {
- if(data.network || data.home || data.intros || data.register || data.mail || data.all_events || data.notify || data.files || data.pubs || data.forums) {
- $('.notifications-btn').css('opacity', 1);
- $('#no_notifications').hide();
- }
- else {
- $('.notifications-btn').css('opacity', 0.5);
- $('#navbar-collapse-1').removeClass('show');
- $('#no_notifications').show();
- }
-
- if(data.home || data.intros || data.register || data.mail || data.notify || data.files) {
- $('.notifications-btn-icon').removeClass('fa-exclamation-circle');
- $('.notifications-btn-icon').addClass('fa-exclamation-triangle');
- }
- if(!data.home && !data.intros && !data.register && !data.mail && !data.notify && !data.files) {
- $('.notifications-btn-icon').removeClass('fa-exclamation-triangle');
- $('.notifications-btn-icon').addClass('fa-exclamation-circle');
- }
- if(data.all_events_today) {
- $('.all_events-update').removeClass('badge-secondary');
- $('.all_events-update').addClass('badge-danger');
- }
- else {
- $('.all_events-update').removeClass('badge-danger');
- $('.all_events-update').addClass('badge-secondary');
- }
-
- $.each(data, function(index, item) {
- //do not process those
- var arr = ['notice', 'info', 'invalid'];
- if(arr.indexOf(index) !== -1)
- return;
-
- if(item == 0) {
- $('.' + index + '-button').fadeOut();
- sessionStorage.removeItem(index + '_notifications_cache');
- } else {
- $('.' + index + '-button').fadeIn();
- $('.' + index + '-update').html(item);
- }
- });
-}
-
-function handleNotificationsItems(notifyType, data) {
- var notifications_tpl = ((notifyType == 'forums') ? unescape($("#nav-notifications-forums-template[rel=template]").html()) : unescape($("#nav-notifications-template[rel=template]").html()));
- var notify_menu = $("#nav-" + notifyType + "-menu");
-
- notify_menu.html('');
-
- $(data).each(function() {
- html = notifications_tpl.format(this.notify_link,this.photo,this.name,this.addr,this.message,this.when,this.hclass,this.b64mid,this.notify_id,this.thread_top,this.unseen,this.private_forum);
- notify_menu.append(html);
- });
-
- datasrc2src('#notifications .notification img[data-src]');
-
- if($('#tt-' + notifyType + '-only').hasClass('active'))
- $('#nav-' + notifyType + '-menu [data-thread_top=false]').hide();
-
- if($('#cn-' + notifyType + '-input').length) {
- var filter = $('#cn-' + notifyType + '-input').val().toString().toLowerCase();
- if(filter) {
- $('#nav-' + notifyType + '-menu .notification').each(function(i, el){
- var cn = $(el).data('contact_name').toString().toLowerCase();
- var ca = $(el).data('contact_addr').toString().toLowerCase();
- if(cn.indexOf(filter) === -1 && ca.indexOf(filter) === -1)
- $(el).addClass('d-none');
- else
- $(el).removeClass('d-none');
- });
- }
- }
+ $('.unseen-wall-indicator-'+itemId).remove();
}
function contextualHelp() {
@@ -629,9 +587,13 @@ function contextualHelpFocus(target, openSidePanel) {
function updatePageItems(mode, data) {
+ $(document).trigger('hz:updatePageItems');
+
if(mode === 'append') {
+ newitemcount = 0;
$(data).each(function() {
$('#page-end').before($(this));
+ newitemcount++;
});
if(loadingPage) {
@@ -642,6 +604,10 @@ function updatePageItems(mode, data) {
var e = document.getElementById('content-complete');
if(e) {
pageHasMoreContent = false;
+ } else {
+ if (newitemcount < 1) {
+ pageUpdate();
+ }
}
collapseHeight();
@@ -650,6 +616,8 @@ function updatePageItems(mode, data) {
function updateConvItems(mode,data) {
+ $(document).trigger('hz:updateConvItems');
+
if(mode === 'update' || mode === 'replace') {
prev = 'threads-begin';
}
@@ -661,92 +629,127 @@ function updateConvItems(mode,data) {
$('.thread-wrapper').remove(); // clear existing content
}
- $('.thread-wrapper.toplevel_item',data).each(function() {
+ $('.thread-wrapper', data).each(function() {
+ if(this.classList.contains('toplevel_item')) {
- var ident = $(this).attr('id');
- var convId = ident.replace('thread-wrapper-','');
- var commentWrap = $('#'+ident+' .collapsed-comments').attr('id');
+ var ident = this.id;
+ var convId = ident.replace('thread-wrapper-','');
+ var commentWrap = $('#'+ident+' .collapsed-comments').attr('id');
+ var itmId = 0;
+ var isVisible = false;
- var itmId = 0;
- var isVisible = false;
+ // figure out the comment state
+ if(typeof commentWrap !== 'undefined')
+ itmId = commentWrap.replace('collapsed-comments-','');
- // figure out the comment state
- if(typeof commentWrap !== 'undefined')
- itmId = commentWrap.replace('collapsed-comments-','');
-
- if($('#collapsed-comments-'+itmId).is(':visible'))
- isVisible = true;
+ 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
- // insert the content according to the mode and first_page
- // and whether or not the content exists already (overwrite it)
+ if(isVisible)
+ showHideComments(itmId);
- if($('#' + ident).length == 0) {
- if((mode === 'update' || mode === 'replace') && profile_page == 1) {
- $('#' + prev).after($(this));
- prev = ident;
- }
- if(mode === 'append') {
- $('#' + next).before($(this));
+ var 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);
+ }
}
- }
- else {
- $('#' + ident).replaceWith($(this));
- }
- // set the comment state to the state we discovered earlier
+ // 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(isVisible)
- showHideComments(itmId);
+ if((mode === 'append' || mode === 'replace') && (loadingPage)) {
+ loadingPage = false;
+ }
- var commentBody = localStorage.getItem("comment_body-" + convId);
+ // if single thread view and the item has a title, display it in the title bar
- 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);
+ if(mode === 'replace') {
+ if (window.location.search.indexOf("mid=") != -1 || window.location.pathname.indexOf("display") != -1) {
+ var title = $(".wall-item-title").text();
+ title.replace(/^\s+/, '');
+ title.replace(/\s+$/, '');
+ if (title) {
+ savedTitle = title + " " + savedTitle;
+ document.title = title;
+ }
}
- } else {
- localStorage.removeItem("comment_body-" + convId);
}
}
+ // take care of the notifications count updates
+ var nmids = $(this).data('b64mids');
+ nmids.forEach(function(nmid, index) {
- // 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;
- }
+ sse_rmids.push(nmid);
- // if single thread view and the item has a title, display it in the title bar
+ if($('.notification[data-b64mid=\'' + nmid + '\']').length) {
+ $('.notification[data-b64mid=\'' + nmid + '\']').each(function() {
+ var n = this.parentElement.id.split('-');
+ return sse_updateNotifications(n[1], nmid);
+ });
+ }
- if(mode === 'replace') {
- if (window.location.search.indexOf("mid=") != -1 || window.location.pathname.indexOf("display") != -1) {
- var title = $(".wall-item-title").text();
- title.replace(/^\s+/, '');
- title.replace(/\s+$/, '');
- if (title) {
- savedTitle = title + " " + savedTitle;
- document.title = title;
+ // special handling for forum notifications
+ $('.notification-forum').filter(function() {
+ var fmids = decodeURIComponent($(this).data('b64mids'));
+ var n = this.parentElement.id.split('-');
+ if(fmids.indexOf(nmid) > -1) {
+ var fcount = Number($('.' + n[1] + '-update').html());
+ fcount--;
+ $('.' + n[1] + '-update').html(fcount);
+ if(fcount < 1)
+ $('.' + n[1] + '-button').fadeOut();
+
+ var count = Number($(this).find('.badge-secondary').html());
+ count--;
+ $(this).find('.badge-secondary').html(count);
+ if(count < 1)
+ $(this).remove();
}
- }
- }
- });
+ });
- // reset rotators and cursors we may have set before reaching this place
- $('.like-rotator').hide();
+ });
+
+ sse_setNotificationsStatus();
+
+ });
+
+ if(followUpPageLoad)
+ sse_bs_counts();
+ else
+ sse_bs_init();
if(commentBusy) {
commentBusy = false;
@@ -774,56 +777,67 @@ function updateConvItems(mode,data) {
mediaPlaying = false;
});
- var bimgs = $(".wall-item-body img, .wall-photo-item img").not(function() { return this.complete; });
- var bimgcount = bimgs.length;
-
- if (bimgcount) {
- bimgs.on('load',function() {
- bimgcount--;
- if (! bimgcount) {
- collapseHeight();
-
- if(bParam_mid && mode === 'replace')
- scrollToItem();
-
- $(document.body).trigger("sticky_kit:recalc");
- }
+ 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 {
+ }
+ else {
collapseHeight();
if(bParam_mid && mode === 'replace')
scrollToItem();
-
- $(document.body).trigger("sticky_kit:recalc");
}
+ // reset rotators and cursors we may have set before reaching this place
+ $('.like-rotator').hide();
+ $("#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
- // use the same method to generate the submid as we use in ThreadItem,
- // base64_encode + replace(['+','='],['','']);
if(justifiedGalleryActive)
return;
var submid = ((bParam_mid.length) ? bParam_mid : 'abcdefg');
var encoded = ((submid.substr(0,4) == 'b64.') ? true : false);
- var submid_encoded = ((encoded) ? submid.substr(4) : window.btoa(submid));
-
- submid_encoded = submid_encoded.replace(/[\+\=]/g,'');
- if($('.item_' + submid_encoded).length && !$('.item_' + submid_encoded).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();
+ var submid_encoded = ((encoded) ? submid : window.btoa(submid));
+
+ $('.thread-wrapper').filter(function() {
+ if($(this).data('b64mids').indexOf(submid_encoded) > -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');
}
- $('html, body').animate({ scrollTop: $('.item_' + submid_encoded).offset().top - $('nav').outerHeight(true) }, 'slow');
- $('.item_' + submid_encoded).addClass('item-highlight');
- }
+ });
+
}
function collapseHeight() {
@@ -885,25 +899,11 @@ function updateInit() {
// if($('#live-cards').length) { src = 'cards'; }
// if($('#live-articles').length) { src = 'articles'; }
- if (initialLoad && (sessionStorage.getItem('notifications_cache') !== null)) {
- var cached_data = JSON.parse(sessionStorage.getItem('notifications_cache'));
- notificationsUpdate(cached_data);
-
- var fnotifs = [];
- if(cached_data.forums) {
- $.each(cached_data.forums_sub, function() {
- fnotifs.push(this);
- });
- handleNotificationsItems('forums', fnotifs);
- }
-
- }
-
- if(! src) {
- notificationsUpdate();
+ if(src) {
+ liveUpdate();
}
else {
- liveUpdate();
+ sse_bs_init();
}
if($('#live-photos').length || $('#live-cards').length || $('#live-articles').length ) {
@@ -956,6 +956,8 @@ function liveUpdate(notify_id) {
update_url = buildCmd();
+ console.log('displaying: ' + update_url);
+
if(page_load) {
$("#page-spinner").show();
if(bParam_page == 1)
@@ -968,13 +970,21 @@ function liveUpdate(notify_id) {
var orgHeight = $("#region_2").height();
}
+ if(page_cache.data && bParam_page == page_cache.page && page_cache.time > (Date.now() - 180000)) {
+ 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
+ // 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))) {
@@ -987,7 +997,7 @@ function liveUpdate(notify_id) {
else {
console.log('Incomplete data. Too many attempts. Giving up.');
}
- }
+ }
// else data was valid - reset the recursion counter
liveRecurse = 0;
@@ -1006,16 +1016,16 @@ function liveUpdate(notify_id) {
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');
- $('.wall-item-body, .wall-photo-item',data).imagesLoaded( function() {
var iready = new Date();
console.log('IMAGES ready in: ' + (iready - dready)/1000 + ' seconds.');
page_load = false;
scroll_next = false;
updateConvItems(update_mode,data);
- $("#page-spinner").hide();
- $("#profile-jot-text-loading").hide();
// adjust scroll position if new content was added above viewport
if(update_mode === 'update' && !justifiedGalleryActive) {
@@ -1023,24 +1033,87 @@ function liveUpdate(notify_id) {
}
in_progress = false;
-
+ $('#image_counter').html('');
+
+ })
+ .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(instance.progressedCount + '/' + 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);
- $("#page-spinner").hide();
- $("#profile-jot-text-loading").hide();
-
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.');
+ }
}
- })
- .done(function() {
- notificationsUpdate();
+ // 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() {
@@ -1077,7 +1150,8 @@ function justifyPhotos(id) {
justifiedGalleryActive = true;
$('#' + id).show();
$('#' + id).justifiedGallery({
- selector: 'a, div:not(#page-end)',
+ rowHeight: 150,
+ selector: 'a',
margins: 3,
border: 0
}).on('jg.complete', function(e){ justifiedGalleryActive = false; });
@@ -1088,38 +1162,6 @@ function justifyPhotosAjax(id) {
$('#' + id).justifiedGallery('norewind').on('jg.complete', function(e){ justifiedGalleryActive = false; });
}
-function loadNotificationItems(notifyType) {
- var pingExCmd = 'ping/' + notifyType + ((localUser != 0) ? '?f=&uid=' + localUser : '');
-
- var clicked = $('[data-type=\'' + notifyType + '\']').data('clicked');
-
- if((clicked === undefined) && (sessionStorage.getItem(notifyType + '_notifications_cache') !== null)) {
- var cached_data = JSON.parse(sessionStorage.getItem(notifyType + '_notifications_cache'));
- handleNotificationsItems(notifyType, cached_data);
- $('[data-type=\'' + notifyType + '\']').data('clicked',true);
- console.log('updating ' + notifyType + ' notifications from cache...');
- }
- else {
- var cached_data = [];
- }
-
- console.log('updating ' + notifyType + ' notifications...');
-
- $.get(pingExCmd, function(data) {
- if(data.invalid == 1) {
- window.location.href=window.location.href;
- }
-
- if(JSON.stringify(cached_data[0]) === JSON.stringify(data.notify[0])) {
- console.log(notifyType + ' notifications cache up to date - update deferred');
- }
- else {
- handleNotificationsItems(notifyType, data.notify);
- sessionStorage.setItem(notifyType + '_notifications_cache', JSON.stringify(data.notify));
- }
- });
-}
-
// Since our ajax calls are asynchronous, we will give a few
// seconds for the first ajax call (setting like/dislike), then
// run the updater to pick up any changes and display on the page.
@@ -1154,6 +1196,7 @@ function doreply(parent, ident, owner, hint) {
}
function doscroll(parent, hidden) {
+ var id;
var x = '#hide-comments-outer-' + hidden.toString();
var back = $('#back-to-reply');
if(back.length == 0)
@@ -1169,7 +1212,13 @@ function doscroll(parent, hidden) {
}
}
back.remove();
- var id = $('[data-mid="' + parent + '"]');
+
+ $('.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" class="float-right" title="' + aStr['to_reply'] + '"><i class="fa fa-angle-double-down">&nbsp;&nbsp;&nbsp;</i></a>').insertBefore('#wall-item-info-' + id.attr('id').replace(/\D/g,''));
}
@@ -1179,22 +1228,54 @@ function doscrollback(pos) {
$(window).scrollTop(pos);
}
-function dropItem(url, object) {
-
- var confirm = confirmDelete();
- if(confirm) {
- $('body').css('cursor', 'wait');
- $(object).fadeTo('fast', 0.33, function () {
- $.get(url).done(function() {
- $(object).remove();
- $('body').css('cursor', 'auto');
- });
- });
- return true;
- }
- else {
- return false;
- }
+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="float-right wall-item-pinned" title="' + aStr['pinned'] + '" id="wall-item-pinned-' + id + '"><i class="fa fa-thumb-tack">&nbsp;</i></span>').insertBefore('#wall-item-info-' + 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) {
+
+ var confirm = confirmDelete();
+ if(confirm) {
+ var id = url.split('/')[2];
+ $('body').css('cursor', 'wait');
+ $(object + ', #pinned-wrapper-' + id).fadeTo('fast', 0.33, function () {
+ $.get(url).done(function() {
+ $(object + ', #pinned-wrapper-' + id).remove();
+ $('body').css('cursor', 'auto');
+ });
+ });
+ if($('#wall-item-pinned-' + id).length)
+ $.post('pin/pin', { 'id' : id });
+ return true;
+ }
+ else {
+ return false;
+ }
}
function dosubthread(ident) {
@@ -1277,6 +1358,20 @@ function filestorage(event, nick, id) {
});
}
+function submitPoll(id) {
+
+ $.post('vote/' + id,
+ $('#question-form-' + id).serialize(),
+ function(data) {
+ $.jGrowl(data.message, { sticky: false, theme: ((data.success) ? 'info' : 'notice'), life: 10000 });
+ if(timer) clearTimeout(timer);
+ timer = setTimeout(updateInit,1500);
+ }
+ );
+
+}
+
+
function post_comment(id) {
unpause();
commentBusy = true;
@@ -1454,7 +1549,7 @@ 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, arguments[i]);
+ formatted = formatted.replace(regexp, ((typeof arguments[i] !== 'undefined') ? arguments[i] : ''));
}
return formatted;
};
@@ -1482,7 +1577,7 @@ function zFormError(elm,x) {
$(window).scroll(function () {
if(typeof buildCmd == 'function') {
// This is a content page with items and/or conversations
- if($(window).scrollTop() + $(window).height() > $(document).height() - 300) {
+ if($(window).scrollTop() + $(window).height() > $(document).height() - 500) {
if((pageHasMoreContent) && (! loadingPage)) {
next_page++;
scroll_next = true;
@@ -1493,7 +1588,7 @@ $(window).scroll(function () {
}
else {
// This is some other kind of page - perhaps a directory
- if($(window).scrollTop() + $(window).height() > $(document).height() - 300) {
+ if($(window).scrollTop() + $(window).height() > $(document).height() - 500) {
if((pageHasMoreContent) && (! loadingPage) && (! justifiedGalleryActive)) {
next_page++;
scroll_next = true;
@@ -1653,3 +1748,277 @@ function zid(s) {
return s;
}
+
+function sse_bs_init() {
+ if(sessionStorage.getItem('notification_open') !== null || typeof sse_type !== 'undefined' ) {
+ if(typeof sse_type === 'undefined')
+ sse_type = sessionStorage.getItem('notification_open');
+
+ $("#nav-" + sse_type + "-sub").addClass('show');
+ sse_bs_notifications(sse_type, true, false);
+ }
+ else {
+ sse_bs_counts();
+ }
+}
+
+function sse_bs_counts() {
+
+
+ if(sse_bs_active)
+ return;
+
+ sse_bs_active = true;
+
+ $.ajax({
+ type: 'post',
+ url: '/sse_bs',
+ data: { sse_rmids }
+ }).done( function(obj) {
+ console.log(obj);
+ sse_bs_active = false;
+ sse_rmids = [];
+ sse_handleNotifications(obj, true, false);
+ });
+}
+
+function sse_bs_notifications(e, replace, followup) {
+
+ if(sse_bs_active)
+ return;
+
+
+ var manual = false;
+
+ if(typeof replace === 'undefined')
+ replace = e.data.replace;
+
+ if(typeof followup === 'undefined')
+ followup = e.data.followup;
+
+ if(typeof e === 'string') {
+ sse_type = e;
+ }
+ else {
+ manual = true;
+ sse_offset = 0;
+ sse_type = e.target.dataset.sse_type;
+ }
+
+ if(typeof sse_type === 'undefined')
+ return;
+
+ if(followup || !manual || !($('#nav-' + sse_type + '-sub').hasClass('collapse') && $('#nav-' + sse_type + '-sub').hasClass('show'))) {
+
+ if(sse_offset >= 0) {
+ $("#nav-" + sse_type + "-loading").show();
+ }
+
+ sessionStorage.setItem('notification_open', sse_type);
+ if(sse_offset !== -1 || replace) {
+
+ var cn_val = (($('#cn-' + sse_type + '-input').length && sse_partial_result) ? $('#cn-' + sse_type + '-input').val().toString().toLowerCase() : '');
+
+ $("#nav-" + sse_type + "-loading").show();
+
+ sse_bs_active = true;
+
+ $.ajax({
+ type: 'post',
+ url: '/sse_bs/' + sse_type + '/' + sse_offset,
+ nquery: encodeURIComponent(cn_val),
+ data: { sse_rmids }
+ }).done(function(obj) {
+ console.log('sse: bootstraping ' + sse_type);
+ console.log(obj);
+ sse_bs_active = false;
+ sse_rmids = [];
+ $("#nav-" + sse_type + "-loading").hide();
+ sse_offset = obj[sse_type].offset;
+ sse_handleNotifications(obj, replace, followup);
+ });
+ }
+ else
+ $("#nav-" + sse_type + "-loading").hide();
+
+ }
+ else {
+ sessionStorage.removeItem('notification_open');
+ }
+}
+
+
+
+function sse_handleNotifications(obj, replace, followup) {
+
+ var primary_notifications = ['dm', 'home', 'intros', 'register', 'mail', 'notify', 'files'];
+ var secondary_notifications = ['network', 'forums', 'all_events', 'pubs'];
+ var all_notifications = primary_notifications.concat(secondary_notifications);
+
+ all_notifications.forEach(function(type, index) {
+ if(typeof obj[type] === typeof undefined)
+ return true;
+
+ if(obj[type].count) {
+ $('.' + type + '-button').fadeIn();
+ if(replace || followup)
+ $('.' + type + '-update').html(Number(obj[type].count));
+ else
+ $('.' + type + '-update').html(Number(obj[type].count) + Number($('.' + type + '-update').html()));
+ }
+ else {
+ $('.' + type + '-update').html('0');
+ $('.' + type + '-button').fadeOut(function() {
+ sse_setNotificationsStatus();
+ });
+ }
+ if(obj[type].notifications.length)
+ sse_handleNotificationsItems(type, obj[type].notifications, replace, followup);
+ });
+
+ sse_setNotificationsStatus();
+
+ // notice and info
+ $.jGrowl.defaults.closerTemplate = '<div>[ ' + aStr.closeAll + ']</div>';
+
+ if(obj.notice) {
+ $(obj.notice.notifications).each(function() {
+ $.jGrowl(this, { sticky: true, theme: 'notice' });
+ });
+ }
+
+ if(obj.info) {
+ $(obj.info.notifications).each(function(){
+ $.jGrowl(this, { sticky: false, theme: 'info', life: 10000 });
+ });
+ }
+
+ // load more notifications if visible notifications count becomes low
+ if(sse_type && sse_offset != -1 && $('#nav-' + sse_type + '-menu').children().length <= 20) {
+ sse_offset = 0;
+ sse_bs_notifications(sse_type, false, true);
+ }
+
+
+}
+
+function sse_handleNotificationsItems(notifyType, data, replace, followup) {
+
+ var notifications_tpl = ((notifyType == 'forums') ? decodeURIComponent($("#nav-notifications-forums-template[rel=template]").html().replace('data-src', 'src')) : decodeURIComponent($("#nav-notifications-template[rel=template]").html().replace('data-src', 'src')));
+ var notify_menu = $("#nav-" + notifyType + "-menu");
+ var notify_loading = $("#nav-" + notifyType + "-loading");
+ var notify_count = $("." + notifyType + "-update");
+
+ if(replace && !followup) {
+ notify_menu.html('');
+ notify_loading.hide();
+ }
+
+ $(data).each(function() {
+
+ // do not add a notification if it is already present
+ if($('#nav-' + notifyType + '-menu .notification[data-b64mid=\'' + this.b64mid + '\']').length)
+ return true;
+
+ html = notifications_tpl.format(this.notify_link,this.photo,this.name,this.addr,this.message,this.when,this.hclass,this.b64mid,this.notify_id,this.thread_top,this.unseen,this.private_forum, encodeURIComponent(this.mids), this.body);
+ notify_menu.append(html);
+ });
+
+ if(!replace && !followup) {
+ $("#nav-" + notifyType + "-menu .notification").sort(function(a,b) {
+ a = new Date(a.dataset.when);
+ b = new Date(b.dataset.when);
+ return a > b ? -1 : a < b ? 1 : 0;
+ }).appendTo('#nav-' + notifyType + '-menu');
+ }
+
+ $(document.body).trigger("sticky_kit:recalc");
+ $("#nav-" + notifyType + "-menu .notifications-autotime").timeago();
+
+ if($('#tt-' + notifyType + '-only').hasClass('active'))
+ $('#nav-' + notifyType + '-menu [data-thread_top=false]').addClass('tt-filter-active');
+
+ if($('#cn-' + notifyType + '-input').length) {
+ var filter = $('#cn-' + notifyType + '-input').val().toString().toLowerCase();
+ if(filter) {
+ filter = filter.indexOf('%') == 0 ? filter.substring(1) : filter;
+
+ $('#nav-' + notifyType + '-menu .notification').each(function(i, el) {
+ var cn = $(el).data('contact_name').toString().toLowerCase();
+ var ca = $(el).data('contact_addr').toString().toLowerCase();
+ if(cn.indexOf(filter) === -1 && ca.indexOf(filter) === -1)
+ $(el).addClass('cn-filter-active');
+ else
+ $(el).removeClass('cn-filter-active');
+ });
+ }
+ }
+}
+
+function sse_updateNotifications(type, mid) {
+
+ if(type === 'pubs')
+ return true;
+
+ if(type === 'notify' && (mid !== bParam_mid || sse_type !== 'notify'))
+ return true;
+/*
+ var count = Number($('.' + type + '-update').html());
+
+ count--;
+
+ if(count < 1) {
+ $('.' + type + '-update').html(count);
+ $('.' + type + '-button').fadeOut(function() {
+ sse_setNotificationsStatus();
+ });
+ }
+ else {
+ $('.' + type + '-update').html(count);
+ }
+*/
+
+ $('#nav-' + type + '-menu .notification[data-b64mid=\'' + mid + '\']').fadeOut(function() {
+ this.remove();
+ });
+
+}
+
+function sse_setNotificationsStatus() {
+ var primary_notifications = ['dm', 'home', 'intros', 'register', 'mail', 'notify', 'files'];
+ var secondary_notifications = ['network', 'forums', 'all_events', 'pubs'];
+ var all_notifications = primary_notifications.concat(secondary_notifications);
+
+ var primary_available = false;
+ var any_available = false;
+
+ all_notifications.forEach(function(type, index) {
+ if($('.' + type + '-button').css('display') == 'block') {
+ any_available = true;
+ if(primary_notifications.indexOf(type) > -1)
+ primary_available = true;
+ }
+ });
+
+ if(primary_available) {
+ $('.notifications-btn-icon').removeClass('fa-exclamation-circle');
+ $('.notifications-btn-icon').addClass('fa-exclamation-triangle');
+ }
+ else {
+ $('.notifications-btn-icon').removeClass('fa-exclamation-triangle');
+ $('.notifications-btn-icon').addClass('fa-exclamation-circle');
+ }
+
+ if(any_available) {
+ $('.notifications-btn').css('opacity', 1);
+ $('#no_notifications').hide();
+ $('#notifications').show();
+ }
+ else {
+ $('.notifications-btn').css('opacity', 0.5);
+ $('#navbar-collapse-1').removeClass('show');
+ $('#no_notifications').show();
+ $('#notifications').hide();
+ }
+
+}
generated by cgit v1.2.3 (git 2.25.1) at 2024-11-22 00:03:31 +0000