X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=js%2Fmain.js;h=9914c3801f8e2486e00b0e169e8c04de41ac2fe9;hb=2a33882fe03a52eb27a0c7154bac57e9fcd081b3;hp=8de49def03b9d785027c7bc34976cd45997351e2;hpb=45497733893ec2f664be414d64ffe32512224bff;p=friendica.git diff --git a/js/main.js b/js/main.js index 8de49def03..9914c3801f 100644 --- a/js/main.js +++ b/js/main.js @@ -1,23 +1,38 @@ - function resizeIframe(obj) { - obj.style.height = 0; - obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px'; - } + function resizeIframe(obj) { + //obj.style.height = 0; + _resizeIframe(obj, 0); + } + + function _resizeIframe(obj, desth) { + var h = obj.style.height; + var ch = obj.contentWindow.document.body.scrollHeight + 'px'; + if (h==ch) { + return; + } + //console.log("_resizeIframe", obj, desth, ch); + if (desth!=ch) { + setTimeout(_resizeIframe, 500, obj, ch); + } else { + if (ch>0) obj.style.height = ch; + setTimeout(_resizeIframe, 1000, obj, ch); + } + } function openClose(theID) { - if(document.getElementById(theID).style.display == "block") { - document.getElementById(theID).style.display = "none" + if(document.getElementById(theID).style.display == "block") { + document.getElementById(theID).style.display = "none" + } + else { + document.getElementById(theID).style.display = "block" } - else { - document.getElementById(theID).style.display = "block" - } } function openMenu(theID) { - document.getElementById(theID).style.display = "block" + document.getElementById(theID).style.display = "block" } function closeMenu(theID) { - document.getElementById(theID).style.display = "none" + document.getElementById(theID).style.display = "none" } @@ -36,6 +51,7 @@ var commentBusy = false; var last_popup_menu = null; var last_popup_button = null; + var lockLoadContent = false; $(function() { $.ajaxSetup({cache: false}); @@ -50,18 +66,49 @@ if (e.hasClass("ttright")) pos="right"; e.tipTip({defaultPosition: pos, edgeOffset: 8}); });*/ - - - + + /* setup comment textarea buttons */ + /* comment textarea buttons needs some "data-*" attributes to work: + * data-role="insert-formatting" : to mark the element as a formatting button + * data-comment="" : string for "Comment", used by insertFormatting() function + * data-bbcode="" : name of the bbcode element to insert. insertFormatting() will insert it as "[name][/name]" + * data-id="" : id of the comment, used to find other comment-related element, like the textarea + * */ + $('body').on('click','[data-role="insert-formatting"]', function(e) { + e.preventDefault(); + var o = $(this); + var comment = o.data('comment'); + var bbcode = o.data('bbcode'); + var id = o.data('id'); + if (bbcode=="img") { + Dialog.doImageBrowser("comment", id); + return; + } + insertFormatting(comment, bbcode, id); + }); + + /* event from comment textarea button popups */ + /* insert returned bbcode at cursor position or replace selected text */ + $("body").on("fbrowser.image.comment", function(e, filename, bbcode, id) { + console.log("on", id); + $.colorbox.close(); + var textarea = document.getElementById("comment-edit-text-" +id); + var start = textarea.selectionStart; + var end = textarea.selectionEnd; + textarea.value = textarea.value.substring(0, start) + bbcode + textarea.value.substring(end, textarea.value.length); + }); + + + /* setup onoff widgets */ $(".onoff input").each(function(){ val = $(this).val(); id = $(this).attr("id"); $("#"+id+"_onoff ."+ (val==0?"on":"off")).addClass("hidden"); - + }); $(".onoff > a").click(function(event){ - event.preventDefault(); + event.preventDefault(); var input = $(this).siblings("input"); var val = 1-input.val(); var id = input.attr("id"); @@ -70,7 +117,7 @@ input.val(val); //console.log(id); }); - + /* setup field_richtext */ setupFieldRichtext(); @@ -101,28 +148,34 @@ } else { last_popup_menu = menu; last_popup_button = parent; + $('#nav-notifications-menu').perfectScrollbar('update'); } return false; }); $('html').click(function() { close_last_popup_menu(); }); - + // fancyboxes $("a.popupbox").colorbox({ 'inline' : true, 'transition' : 'elastic' }); - + $("a.ajax-popupbox").colorbox({ + 'transition' : 'elastic' + }); /* notifications template */ var notifications_tpl= unescape($("#nav-notifications-template[rel=template]").html()); var notifications_all = unescape($('
').append( $("#nav-notifications-see-all").clone() ).html()); //outerHtml hack var notifications_mark = unescape($('
').append( $("#nav-notifications-mark-all").clone() ).html()); //outerHtml hack var notifications_empty = unescape($("#nav-notifications-menu").html()); - + + /* enable perfect-scrollbars for different elements */ + $('#nav-notifications-menu, aside').perfectScrollbar(); + /* nav update event */ - $('nav').bind('nav-update', function(e,data){; + $('nav').bind('nav-update', function(e,data){ var invalid = $(data).find('invalid').text(); if(invalid == 1) { window.location.href=window.location.href } @@ -133,7 +186,7 @@ var home = $(data).find('home').text(); if(home == 0) { home = ''; $('#home-update').removeClass('show') } else { $('#home-update').addClass('show') } $('#home-update').html(home); - + var intro = $(data).find('intro').text(); if(intro == 0) { intro = ''; $('#intro-update').removeClass('show') } else { $('#intro-update').addClass('show') } $('#intro-update').html(intro); @@ -141,7 +194,7 @@ var mail = $(data).find('mail').text(); if(mail == 0) { mail = ''; $('#mail-update').removeClass('show') } else { $('#mail-update').addClass('show') } $('#mail-update').html(mail); - + var intro = $(data).find('intro').text(); if(intro == 0) { intro = ''; $('#intro-update-li').removeClass('show') } else { $('#intro-update-li').addClass('show') } $('#intro-update-li').html(intro); @@ -172,9 +225,23 @@ var birthdaystoday = $(data).find('birthdays-today').text(); if(birthdaystoday == 0) { $('#birthdays-update').removeClass('notif-birthdays-today') } else { $('#birthdays-update').addClass('notif-birthdays-today') } + $(".sidebar-group-li .notify").removeClass("show"); + $(data).find("group").each(function() { + var gid = this.id; + var gcount = this.innerHTML; + $(".group-"+gid+" .notify").addClass("show").text(gcount); + }); + + $(".forum-widget-entry .notify").removeClass("show"); + $(data).find("forum").each(function() { + var fid = this.id; + var fcount = this.innerHTML; + $(".forum-"+fid+" .notify").addClass("show").text(fcount); + }); + var eNotif = $(data).find('notif') - + if (eNotif.children("note").length==0){ $("#nav-notifications-menu").html(notifications_empty); } else { @@ -182,43 +249,44 @@ nnm.html(notifications_all + notifications_mark); //nnm.attr('popup','true'); - var notification_lastitem = localStorage.getItem("notification-lastitem"); - var notification_first_id = 0; - + var notification_lastitem = parseInt(localStorage.getItem("notification-lastitem")); + var notification_id = 0; eNotif.children("note").each(function(){ e = $(this); - text = e.text().format(""+e.attr('name')+""); - html = notifications_tpl.format(e.attr('href'),e.attr('photo'), text, e.attr('date'), e.attr('seen')); + var text = e.text().format(""+e.attr('name')+""); + var contact = (""+e.attr('name')+""); + var seenclass = (e.attr('seen')==1)?"notify-seen":"notify-unseen"; + var html = notifications_tpl.format( + e.attr('href'), // {0} // link to the source + e.attr('photo'), // {1} // photo of the contact + text, // {2} // preformatet text (autor + text) + e.attr('date'), // {3} // date of notification (time ago) + seenclass, // {4} // vistiting status of the notification + new Date(e.attr('timestamp')*1000), // {5} //date of notification + e.attr('url'), // {6} // profile url of the contact + e.text().format(""), // {7} // clean status text + contact // {8} //preformatat author (name + profile url) + ); nnm.append(html); - - var notification_id = e.attr('href').match(/\d+$/)[0]; - console.log(notification_lastitem, notification_id); - if (notification_lastitem!== null && notification_id!=notification_lastitem) { - console.log( "eh!",getNotificationPermission() ); - if (notification_first_id===0) notification_first_id = notification_id; + }); + $(eNotif.children("note").get().reverse()).each(function(){ + e = $(this); + notification_id = parseInt(e.attr('timestamp')); + if (notification_lastitem!== null && notification_id > notification_lastitem) { if (getNotificationPermission()==="granted") { var notification = new Notification(document.title, { body: e.text().replace('→ ','').format(e.attr('name')), icon: e.attr('photo'), }); - // close notification after 5 secs. - // see https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API#Closing_notifications - setTimeout(notification.close.bind(notification), 5000); - + notification['url'] = e.attr('href'); notification.addEventListener("click", function(ev){ - window.location = ev.target.data; + window.location = ev.target.url; }); } } - if (notification_id == notification_lastitem) { - if (notification_first_id===0) notification_first_id = notification_id; - notification_lastitem = null; - } - - + }); - if (notification_first_id!==0) notification_lastitem = notification_first_id; - console.log("end:", notification_lastitem, notification_first_id); + notification_lastitem = notification_id; localStorage.setItem("notification-lastitem", notification_lastitem) $("img[data-src]", nnm).each(function(i, el){ @@ -239,7 +307,7 @@ } if(notif == 0) { notif = ''; $('#notify-update').removeClass('show') } else { $('#notify-update').addClass('show') } $('#notify-update').html(notif); - + var eSysmsg = $(data).find('sysmsgs'); eSysmsg.children("notice").each(function(){ text = $(this).text(); @@ -249,10 +317,13 @@ text = $(this).text(); $.jGrowl(text, { sticky: false, theme: 'info', life: 5000 }); }); - + + /* update the js scrollbars */ + $('#nav-notifications-menu').perfectScrollbar('update'); + }); - NavUpdate(); + NavUpdate(); // Allow folks to stop the ajax page updates with the pause/break key $(document).keydown(function(event) { if(event.keyCode == '8') { @@ -278,8 +349,23 @@ } } }); - - + + // Set an event listener for infinite scroll + if(typeof infinite_scroll !== 'undefined') { + $(window).scroll(function(e){ + if ($(document).height() != $(window).height()) { + // First method that is expected to work - but has problems with Chrome + if ($(window).scrollTop() > ($(document).height() - $(window).height() * 1.5)) + loadScrollContent(); + } else { + // This method works with Chrome - but seems to be much slower in Firefox + if ($(window).scrollTop() > (($("section").height() + $("header").height() + $("footer").height()) - $(window).height() * 1.5)) + loadScrollContent(); + } + }); + } + + }); function NavUpdate() { @@ -290,8 +376,8 @@ $(data).find('result').each(function() { // send nav-update event $('nav').trigger('nav-update', this); - - + + // start live update if($('#live-network').length) { src = 'network'; liveUpdate(); } @@ -302,19 +388,19 @@ /* if($('#live-display').length) { if(liking) { liking = 0; - window.location.href=window.location.href + window.location.href=window.location.href } }*/ - if($('#live-photos').length) { + if($('#live-photos').length) { if(liking) { liking = 0; - window.location.href=window.location.href + window.location.href=window.location.href } } - - - + + + }); }) ; } @@ -404,8 +490,8 @@ }); $('#' + prev).after($(this)); } - else { - $('#' + ident + ' ' + '.wall-item-ago').replaceWith($(this).find('.wall-item-ago')); + else { + $('#' + ident + ' ' + '.wall-item-ago').replaceWith($(this).find('.wall-item-ago')); if($('#' + ident + ' ' + '.comment-edit-text-empty').length) $('#' + ident + ' ' + '.wall-item-comment-wrapper').replaceWith($(this).find('.wall-item-comment-wrapper')); $('#' + ident + ' ' + '.hide-comments-total').replaceWith($(this).find('.hide-comments-total')); @@ -415,7 +501,7 @@ $(this).attr('src',$(this).attr('dst')); }); } - prev = ident; + prev = ident; }); */ $('.like-rotator').hide(); @@ -424,7 +510,9 @@ $('body').css('cursor', 'auto'); } /* autocomplete @nicknames */ - $(".comment-edit-form textarea").contact_autocomplete(baseurl+"/acl"); + $(".comment-edit-form textarea").editor_autocomplete(baseurl+"/acl"); + /* autocomplete bbcode */ + + $(".comment-edit-form textarea").bbco_autocomplete('bbcode'); // setup videos, since VideoJS won't take care of any loaded via AJAX if(typeof videojs != 'undefined') videojs.autoSetup(); @@ -439,10 +527,10 @@ $(node).removeClass("drop").addClass("drophide"); } - // Since our ajax calls are asynchronous, we will give a few - // seconds for the first ajax call (setting like/dislike), then + // 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. - // The updater will turn any rotators off when it's done. + // The updater will turn any rotators off when it's done. // This function will have returned long before any of these // events have completed and therefore there won't be any // visible feedback that anything changed without all this @@ -554,14 +642,14 @@ commentBusy = true; $('body').css('cursor', 'wait'); $("#comment-preview-inp-" + id).val("0"); - $.post( - "item", - $("#comment-edit-form-" + id).serialize(), + $.post( + "item", + $("#comment-edit-form-" + id).serialize(), function(data) { if(data.success) { $("#comment-edit-wrapper-" + id).hide(); $("#comment-edit-text-" + id).val(''); - var tarea = document.getElementById("comment-edit-text-" + id); + var tarea = document.getElementById("comment-edit-text-" + id); if(tarea) commentClose(tarea,id); if(timer) clearTimeout(timer); @@ -572,28 +660,27 @@ window.location.href=data.reload; } }, - "json" - ); - return false; + "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(), + $.post( + "item", + $("#comment-edit-form-" + id).serialize(), function(data) { if(data.preview) { - $("#comment-edit-preview-" + id).html(data.preview); $("#comment-edit-preview-" + id + " a").click(function() { return false; }); } }, - "json" - ); - return true; + "json" + ); + return true; } @@ -615,19 +702,19 @@ $("#jot-preview").val("1"); $("#jot-preview-content").show(); tinyMCE.triggerSave(); - $.post( - "item", + $.post( + "item", $("#profile-jot-form").serialize(), function(data) { - if(data.preview) { + if(data.preview) { $("#jot-preview-content").html(data.preview); $("#jot-preview-content" + " a").click(function() { return false; }); } }, - "json" - ); + "json" + ); $("#jot-preview").val("0"); - return true; + return true; } @@ -635,38 +722,63 @@ // unpause auto reloads if they are currently stopped totStopped = false; stopped = false; - $('#pause').html(''); + $('#pause').html(''); + } + + // load more network content (used for infinite scroll) + function loadScrollContent() { + if (lockLoadContent) return; + lockLoadContent = true; + + $("#scroll-loader").fadeIn('normal'); + + // the page number to load is one higher than the actual + // page number + infinite_scroll.pageno+=1; + + console.log('Loading page ' + infinite_scroll.pageno); + + // get the raw content from the next page and insert this content + // right before "#conversation-end" + $.get('network?mode=raw' + infinite_scroll.reload_uri + '&page=' + infinite_scroll.pageno, function(data) { + $("#scroll-loader").hide(); + if ($(data).length > 0) { + $(data).insertBefore('#conversation-end'); + lockLoadContent = false; + } else { + $("#scroll-end").fadeIn('normal'); + } + }); } - - - function bin2hex(s){ - // Converts the binary representation of data to hex - // - // version: 812.316 - // discuss at: http://phpjs.org/functions/bin2hex - // + original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net) - // + bugfixed by: Onno Marsman - // + bugfixed by: Linuxworld - // * example 1: bin2hex('Kev'); - // * returns 1: '4b6576' - // * example 2: bin2hex(String.fromCharCode(0x00)); - // * returns 2: '00' - var v,i, f = 0, a = []; - s += ''; - f = s.length; - - for (i = 0; i