X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Fjs%2Fmain.js;h=60337918b4ecd3addb4e4fcdf0dd5382a03df3c3;hb=7fd2c0017127100914b36e6c8b0fed2d3dbcfa85;hp=47e7b968d08637d09c459fedd1d048f92f297711;hpb=b0967ffd02ba9b4b1c1d5062fa48a83b1d32843a;p=friendica.git diff --git a/view/js/main.js b/view/js/main.js index 47e7b968d0..60337918b4 100644 --- a/view/js/main.js +++ b/view/js/main.js @@ -33,6 +33,41 @@ function _resizeIframe(obj, desth) { setTimeout(_resizeIframe, 100, obj, ch); } +function initWidget(inflated, deflated) { + var elInf = document.getElementById(inflated); + var elDef = document.getElementById(deflated); + + if (!elInf || !elDef) { + return; + } + if (localStorage.getItem(window.location.pathname.split("/")[1] + ":" + inflated) != "none") { + elInf.style.display = "block"; + elDef.style.display = "none"; + } else { + elInf.style.display = "none"; + elDef.style.display = "block"; + } +} + +function openCloseWidget(inflated, deflated) { + var elInf = document.getElementById(inflated); + var elDef = document.getElementById(deflated); + + if (!elInf || !elDef) { + return; + } + + if (window.getComputedStyle(elInf).display === "none") { + elInf.style.display = "block"; + elDef.style.display = "none"; + localStorage.setItem(window.location.pathname.split("/")[1] + ":" + inflated, "block"); + } else { + elInf.style.display = "none"; + elDef.style.display = "block"; + localStorage.setItem(window.location.pathname.split("/")[1] + ":" + inflated, "none"); + } +} + function openClose(theID) { var el = document.getElementById(theID); if (el) { @@ -69,6 +104,20 @@ function decodeHtml(html) { return txt.value; } +/** + * Retrieves a single named query string parameter + * + * @param {string} name + * @returns {string} + * @see https://davidwalsh.name/query-string-javascript + */ +function getUrlParameter(name) { + name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]'); + var regex = new RegExp('[\\?&]' + name + '=([^&#]*)'); + var results = regex.exec(location.search); + return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' ')); +}; + var src = null; var prev = null; var livetime = null; @@ -85,6 +134,7 @@ var commentBusy = false; var last_popup_menu = null; var last_popup_button = null; var lockLoadContent = false; +var originalTitle = document.title; const urlRegex = /^(?:https?:\/\/|\s)[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})(?:\/+[a-z0-9_.:;-]*)*(?:\?[&%|+a-z0-9_=,.:;-]*)?(?:[&%|+&a-z0-9_=,:;.-]*)(?:[!#\/&%|+a-z0-9_=,:;.-]*)}*$/i; @@ -125,23 +175,6 @@ $(function() { $(textarea).trigger('change'); }); - /* 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(); - var input = $(this).siblings("input"); - var val = 1-input.val(); - var id = input.attr("id"); - $("#"+id+"_onoff ." + (val == 0 ? "on":"off")).addClass("hidden"); - $("#"+id+"_onoff ." + (val == 1 ? "on":"off")).removeClass("hidden"); - input.val(val); - }); - /* popup menus */ function close_last_popup_menu() { if (last_popup_menu) { @@ -210,7 +243,14 @@ $(function() { window.location.href=window.location.href } - ['net', 'home', 'intro', 'mail', 'events', 'birthdays', 'notify'].forEach(function(type) { + let tabNotifications = data.mail + data.notification; + if (tabNotifications > 0) { + document.title = '(' + tabNotifications + ') ' + originalTitle; + } else { + document.title = originalTitle; + } + + ['net', 'home', 'intro', 'mail', 'events', 'birthdays', 'notification'].forEach(function(type) { var number = data[type]; if (number == 0) { number = ''; @@ -264,19 +304,19 @@ $(function() { var notification_id = 0; // Insert notifs into the notifications-menu - $(data.notifications).each(function(key, notif) { - var text = notif.message.format('' + notif.name + ''); - var contact = ('' + notif.name + ''); - var seenclass = (notif.seen == 1) ? "notify-seen" : "notify-unseen"; + $(data.notifications).each(function(key, notification) { + var text = notification.message.format('' + notification.name + ''); + var contact = ('' + notification.name + ''); + var seenclass = (notification.seen == 1) ? "notification-seen" : "notification-unseen"; var html = notifications_tpl.format( - notif.href, // {0} // link to the source - notif.photo, // {1} // photo of the contact + notification.href, // {0} // link to the source + notification.photo, // {1} // photo of the contact text, // {2} // preformatted text (autor + text) - notif.date, // {3} // date of notification (time ago) + notification.date, // {3} // date of notification (time ago) seenclass, // {4} // visited status of the notification - new Date(notif.timestamp*1000), // {5} // date of notification - notif.url, // {6} // profile url of the contact - notif.message.format(contact), // {7} // preformatted html (text including author profile url) + new Date(notification.timestamp*1000), // {5} // date of notification + notification.url, // {6} // profile url of the contact + notification.message.format(contact), // {7} // preformatted html (text including author profile url) '' // {8} // Deprecated ); nnm.append(html); @@ -314,7 +354,7 @@ $(function() { }); } - var notif = data['notify']; + var notif = data['notification']; if (notif > 0) { $("#nav-notifications-linkmenu").addClass("on"); } else { @@ -463,7 +503,7 @@ function insertBBCodeInTextarea(BBCode, textarea) { function NavUpdate() { if (!stopped) { - var pingCmd = 'ping?format=json' + ((localUser != 0) ? '&f=&uid=' + localUser : ''); + var pingCmd = 'ping?format=json' + ((localUser != 0) ? '&uid=' + localUser : ''); $.get(pingCmd, function(data) { if (data.result) { // send nav-update event @@ -493,7 +533,13 @@ function updateConvItems(data) { var ident = $(this).attr('id'); // Add new top-level item. - if ($('#' + ident).length == 0 && profile_page == 1) { + if ($('#' + ident).length === 0 + && (!getUrlParameter('page') + && !getUrlParameter('max_id') + && !getUrlParameter('since_id') + || getUrlParameter('page') === '1' + ) + ) { $('#' + prev).after($(this)); // Replace already existing thread. @@ -548,18 +594,30 @@ function liveUpdate(src) { in_progress = true; - if ($(document).scrollTop() == 0) { - force_update = true; - } + let force = force_update || $(document).scrollTop() === 0; var orgHeight = $("section").height(); var udargs = ((netargs.length) ? '/' + netargs : ''); - var update_url = 'update_' + src + udargs + '&p=' + profile_uid + '&page=' + profile_page + '&force=' + ((force_update) ? 1 : 0) + '&item=' + update_item; - $.get(update_url,function(data) { - in_progress = false; + var update_url = 'update_' + src + udargs + '&p=' + profile_uid + '&force=' + (force ? 1 : 0) + '&item=' + update_item; + + if (force_update) { force_update = false; + } + + if (getUrlParameter('page')) { + update_url += '&page=' + getUrlParameter('page'); + } + if (getUrlParameter('since_id')) { + update_url += '&since_id=' + getUrlParameter('since_id'); + } + if (getUrlParameter('max_id')) { + update_url += '&max_id=' + getUrlParameter('max_id'); + } + + $.get(update_url, function(data) { + in_progress = false; update_item = 0; $('.wall-item-body', data).imagesLoaded(function() { @@ -591,9 +649,15 @@ function imgdull(node) { // trickery. This still could cause confusion if the "like" ajax call // is delayed and NavUpdate runs before it completes. -function dolike(ident,verb) { +/** + * @param {int} ident The id of the relevant item + * @param {string} verb The verb of the action + * @param {boolean} un Whether to perform an activity removal instead of creation + */ +function dolike(ident, verb, un) { unpause(); $('#like-rotator-' + ident.toString()).show(); + verb = un ? 'un' + verb : verb; $.get('like/' + ident.toString() + '?verb=' + verb, NavUpdate); liking = 1; force_update = true; @@ -626,18 +690,39 @@ function dostar(ident) { }); } -function doignore(ident) { +function dopin(ident) { ident = ident.toString(); $('#like-rotator-' + ident).show(); - $.get('ignored/' + ident, function(data) { + $.get('pinned/' + ident, function(data) { if (data.match(/1/)) { - $('#ignored-' + ident).addClass('ignored'); - $('#ignored-' + ident).removeClass('unignored'); + $('#pinned-' + ident).addClass('pinned'); + $('#pinned-' + ident).removeClass('unpinned'); + $('#pin-' + ident).addClass('hidden'); + $('#unpin-' + ident).removeClass('hidden'); + } else { + $('#pinned-' + ident).addClass('unpinned'); + $('#pinned-' + ident).removeClass('pinned'); + $('#pin-' + ident).removeClass('hidden'); + $('#unpin-' + ident).addClass('hidden'); + } + $('#like-rotator-' + ident).hide(); + }); +} + +function doignore(ident) { + ident = ident.toString(); + $('#like-rotator-' + ident).show(); + $.get('item/ignore/' + ident, function(data) { + if (data === 1) { + $('#ignored-' + ident) + .addClass('ignored') + .removeClass('unignored'); $('#ignore-' + ident).addClass('hidden'); $('#unignore-' + ident).removeClass('hidden'); } else { - $('#ignored-' + ident).addClass('unignored'); - $('#ignored-' + ident).removeClass('ignored'); + $('#ignored-' + ident) + .addClass('unignored') + .removeClass('ignored'); $('#ignore-' + ident).removeClass('hidden'); $('#unignore-' + ident).addClass('hidden'); } @@ -745,11 +830,10 @@ function showHideComments(id) { } function preview_post() { - $("#jot-preview").val("1"); $("#jot-preview-content").show(); $.post( "item", - $("#profile-jot-form").serialize(), + $("#profile-jot-form").serialize() + '&preview=1', function(data) { if (data.preview) { $("#jot-preview-content").html(data.preview); @@ -759,7 +843,6 @@ function preview_post() { }, "json" ); - $("#jot-preview").val("0"); return true; } @@ -894,8 +977,8 @@ function checkboxhighlight(box) { } } -function notifyMarkAll() { - $.get('notify/mark/all', function(data) { +function notificationMarkAll() { + $.get('notification/mark/all', function(data) { if (timer) { clearTimeout(timer); } @@ -926,7 +1009,7 @@ Array.prototype.remove = function(item) { function previewTheme(elm) { theme = $(elm).val(); - $.getJSON('pretheme?f=&theme=' + theme,function(data) { + $.getJSON('pretheme?theme=' + theme,function(data) { $('#theme-preview').html('
' + data.desc + '
' + data.version + '
' + data.credits + '
' + theme + ''); });