]> git.mxchange.org Git - friendica.git/blobdiff - view/js/main.js
Add page title notification count display
[friendica.git] / view / js / main.js
index e2cee43d54464c12b0d07707c208d3ff5a293437..86131539871b8e4848abbaa3726c8dbe30d2cf71 100644 (file)
@@ -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,9 @@ 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;
 
 $(function() {
        $.ajaxSetup({cache: false});
@@ -123,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) {
@@ -208,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 = '';
@@ -262,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('<span class="contactname">' + notif.name + '</span>');
-                               var contact = ('<a href="' + notif.url + '"><span class="contactname">' + notif.name + '</span></a>');
-                               var seenclass = (notif.seen == 1) ? "notify-seen" : "notify-unseen";
+                       $(data.notifications).each(function(key, notification) {
+                               var text = notification.message.format('<span class="contactname">' + notification.name + '</span>');
+                               var contact = ('<a href="' + notification.url + '"><span class="contactname">' + notification.name + '</span></a>');
+                               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);
@@ -312,7 +354,7 @@ $(function() {
                        });
                }
 
-               var notif = data['notify'];
+               var notif = data['notification'];
                if (notif > 0) {
                        $("#nav-notifications-linkmenu").addClass("on");
                } else {
@@ -404,9 +446,64 @@ $(function() {
        }
 });
 
+/**
+ * Inserts a BBCode tag in the comment textarea identified by id
+ *
+ * @param {string} BBCode
+ * @param {int} id
+ * @returns {boolean}
+ */
+function insertFormatting(BBCode, id) {
+       let textarea = document.getElementById('comment-edit-text-' + id);
+
+       if (textarea.value === '') {
+               $(textarea)
+                       .addClass("comment-edit-text-full")
+                       .removeClass("comment-edit-text-empty");
+               closeMenu("comment-fake-form-" + id);
+               openMenu("item-comments-" + id);
+       }
+
+       insertBBCodeInTextarea(BBCode, textarea);
+
+       return true;
+}
+
+/**
+ * Inserts a BBCode tag in the provided textarea element, wrapping the currently selected text.
+ * For URL BBCode, it discriminates between link text and non-link text to determine where to insert the selected text.
+ *
+ * @param {string} BBCode
+ * @param {HTMLTextAreaElement} textarea
+ */
+function insertBBCodeInTextarea(BBCode, textarea) {
+       let selectionStart = textarea.selectionStart;
+       let selectionEnd = textarea.selectionEnd;
+       let selectedText = textarea.value.substring(selectionStart, selectionEnd);
+       let openingTag = '[' + BBCode + ']';
+       let closingTag = '[/' + BBCode + ']';
+       let cursorPosition = selectionStart + openingTag.length + selectedText.length;
+
+       if (BBCode === 'url') {
+               if (urlRegex.test(selectedText)) {
+                       openingTag = '[' + BBCode + '=' + selectedText + ']';
+                       selectedText = '';
+                       cursorPosition = selectionStart + openingTag.length;
+               } else {
+                       openingTag = '[' + BBCode + '=]';
+                       cursorPosition = selectionStart + openingTag.length - 1;
+               }
+       }
+
+       textarea.value = textarea.value.substring(0, selectionStart) + openingTag + selectedText + closingTag + textarea.value.substring(selectionEnd, textarea.value.length);
+       textarea.setSelectionRange(cursorPosition, cursorPosition);
+       textarea.dispatchEvent(new Event('change'));
+       textarea.focus();
+}
+
 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
@@ -436,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.
@@ -498,7 +601,18 @@ function liveUpdate(src) {
        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;
+
+       var update_url = 'update_' + src + udargs + '&p=' + profile_uid + '&force=' + ((force_update) ? 1 : 0) + '&item=' + update_item;
+
+       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;
@@ -569,18 +683,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');
                }
@@ -688,11 +823,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);
@@ -702,7 +836,6 @@ function preview_post() {
                },
                "json"
        );
-       $("#jot-preview").val("0");
        return true;
 }
 
@@ -837,8 +970,8 @@ function checkboxhighlight(box) {
        }
 }
 
-function notifyMarkAll() {
-       $.get('notify/mark/all', function(data) {
+function notificationMarkAll() {
+       $.get('notification/mark/all', function(data) {
                if (timer) {
                        clearTimeout(timer);
                }
@@ -869,7 +1002,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('<div id="theme-desc">' + data.desc + '</div><div id="theme-version">' + data.version + '</div><div id="theme-credits">' + data.credits + '</div><a href="' + data.img + '"><img src="' + data.img + '" width="320" height="240" alt="' + theme + '" /></a>');
        });