]> git.mxchange.org Git - friendica.git/blobdiff - view/theme/frost-mobile/js/main.js
Merge pull request #3797 from rabuzarus/20171015_-_duplicate_event
[friendica.git] / view / theme / frost-mobile / js / main.js
index a32d38ede70c84eb68bf1d65817336b6c14e9a45..b7b11ef1f02cc39c92a9e031fd92f02aa2e9fe4c 100644 (file)
@@ -1,27 +1,38 @@
 
-  function openClose(theID) {
-    if(document.getElementById(theID).style.display == "block") { 
-      document.getElementById(theID).style.display = "none" 
-    }
-    else { 
-      document.getElementById(theID).style.display = "block" 
-    } 
-  }
+       function openClose(listID) {
+/*             if(document.getElementById(theID).style.display == "block") {
+                       document.getElementById(theID).style.display = "none"
+               }
+               else {
+                       document.getElementById(theID).style.display = "block"
+               }*/
+               listID = "#" + listID.replace(/:/g, "\\:");
+               listID = listID.replace(/\./g, "\\.");
+               listID = listID.replace(/@/g, "\\@");
+
+               if($(listID).is(":visible")) {
+                       $(listID).hide();
+                       $(listID+"-wrapper").show();
+               }
+               else {
+                       $(listID).show();
+                       $(listID+"-wrapper").hide();
+               }
+       }
 
-  function openMenu(theID) {
-      document.getElementById(theID).style.display = "block" 
-  }
+       function openMenu(theID) {
+               document.getElementById(theID).style.display = "block"
+       }
 
-  function closeMenu(theID) {
-      document.getElementById(theID).style.display = "none" 
-  }
+       function closeMenu(theID) {
+               document.getElementById(theID).style.display = "none"
+       }
 
 
 
        var src = null;
        var prev = null;
        var livetime = null;
-       var msie = false;
        var stopped = false;
        var totStopped = false;
        var timer = null;
@@ -36,8 +47,8 @@
        $(function() {
                $.ajaxSetup({cache: false});
 
-               msie = $.browser.msie ;
-               
+               //collapseHeight();
+
                /* setup tooltips *//*
                $("a,.tt").each(function(){
                        var e = $(this);
                        if (e.hasClass("ttright")) pos="right";
                        e.tipTip({defaultPosition: pos, edgeOffset: 8});
                });*/
-               
-               
-               
+
+
+
                /* 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");
                        $("#"+id+"_onoff ."+ (val==0?"on":"off")).addClass("hidden");
                        $("#"+id+"_onoff ."+ (val==1?"on":"off")).removeClass("hidden");
                        input.val(val);
-                       //console.log(id);
                });
-               
-               /* setup field_richtext */
-               /*setupFieldRichtext();*/
 
                /* popup menus */
                function close_last_popup_menu(e) {
@@ -78,7 +85,7 @@
                        if( last_popup_menu ) {
                                if( '#' + last_popup_menu.attr('id') !== $(e.target).attr('rel')) {
                                        last_popup_menu.hide();
-                                       if (last_popup_menu.attr('id') == "nav-notifications-menu" ) $('section').show();
+                                       if (last_popup_menu.attr('id') == "nav-notifications-menu" ) $('.main-container').show();
                                        last_popup_button.removeClass("selected");
                                        last_popup_menu = null;
                                        last_popup_button = null;
                        if (menu.css("display") == "none") {
                                $(this).parent().addClass("selected");
                                menu.show();
-                               if (menu.attr('id') == "nav-notifications-menu" ) $('section').hide();
+                               if (menu.attr('id') == "nav-notifications-menu" ) $('.main-container').hide();
                                last_popup_menu = menu;
                                last_popup_button = $(this).parent();
                        } else {
                                $(this).parent().removeClass("selected");
                                menu.hide();
-                               if (menu.attr('id') == "nav-notifications-menu" ) $('section').show();
+                               if (menu.attr('id') == "nav-notifications-menu" ) $('.main-container').show();
                                last_popup_menu = null;
                                last_popup_button = null;
                        }
                $('html').click(function(e) {
                        close_last_popup_menu(e);
                });
-               
+
                // fancyboxes
-               /*$("a.popupbox").fancybox({
-                       'transitionIn' : 'elastic',
-                       'transitionOut' : 'elastic'
+               /*$("a.popupbox").colorbox({
+                       'inline' : true,
+                       'transition' : 'none'
                });*/
-               
+
 
                /* notifications template */
                var notifications_tpl= unescape($("#nav-notifications-template[rel=template]").html());
                var notifications_all = unescape($('<div>').append( $("#nav-notifications-see-all").clone() ).html()); //outerHtml hack
                var notifications_mark = unescape($('<div>').append( $("#nav-notifications-mark-all").clone() ).html()); //outerHtml hack
                var notifications_empty = unescape($("#nav-notifications-menu").html());
-               
+
                /* nav update event  */
                $('nav').bind('nav-update', function(e,data){;
                        var invalid = $(data).find('invalid').text();
                        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);
                        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);
                        $('#mail-update-li').html(mail);
 
                        var eNotif = $(data).find('notif')
-                       
+
                        if (eNotif.children("note").length==0){
                                $("#nav-notifications-menu").html(notifications_empty);
                        } else {
                                        html = notifications_tpl.format(e.attr('href'),e.attr('photo'), text, e.attr('date'), e.attr('seen'));
                                        nnm.append(html);
                                });
+
+                               $("img[data-src]", nnm).each(function(i, el){
+                                       // Add src attribute for images with a data-src attribute
+                                       // However, don't bother if the data-src attribute is empty, because
+                                       // an empty "src" tag for an image will cause some browsers
+                                       // to prefetch the root page of the Friendica hub, which will
+                                       // unnecessarily load an entire profile/ or network/ page
+                                       if($(el).data("src") != '') $(el).attr('src', $(el).data("src"));
+                               });
                        }
                        notif = eNotif.attr('count');
                        if (notif>0){
                        }
                        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();
-                               $.jGrowl(text, { sticky: true, theme: 'notice', life: 1000 });
+                               $.jGrowl(text, { sticky: false, theme: 'notice', life: 1000 });
                        });
                        eSysmsg.children("info").each(function(){
                                text = $(this).text();
                                $.jGrowl(text, { sticky: false, theme: 'info', life: 1000 });
                        });
-                       
+
                });
-               
-               
-               NavUpdate(); 
+
+
+               NavUpdate();
                // Allow folks to stop the ajax page updates with the pause/break key
 /*             $(document).keydown(function(event) {
                        if(event.keyCode == '8') {
                                }
                        }
                });*/
-               
-               
+
+
        });
 
        function NavUpdate() {
                                $(data).find('result').each(function() {
                                        // send nav-update event
                                        $('nav').trigger('nav-update', this);
-                                       
-                                       
+
+
                                        // start live update
 
-                                       
+
 
                                        if($('#live-network').length)   { src = 'network'; liveUpdate(); }
                                        if($('#live-profile').length)   { src = 'profile'; liveUpdate(); }
                                        if($('#live-community').length) { src = 'community'; liveUpdate(); }
                                        if($('#live-notes').length)     { src = 'notes'; liveUpdate(); }
-                                       if($('#live-display').length) {
+                                       if($('#live-display').length) { src = 'display'; liveUpdate(); }
+                                       /*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(liking) {
                                                        liking = 0;
-                                                       window.location.href=window.location.href 
+                                                       window.location.href=window.location.href
                                                }
                                        }
 
-                                       
-                                       
-                                       
+
+
+
                                });
                        }) ;
                }
        }
 
        function liveUpdate() {
-               if((src == null) || (stopped) || (! profile_uid)) { $('.like-rotator').hide(); return; }
+               if((src == null) || (stopped) || (typeof profile_uid == 'undefined') || (! profile_uid)) { $('.like-rotator').hide(); return; }
                if(($('.comment-edit-text-full').length) || (in_progress)) {
                        if(livetime) {
                                clearTimeout(livetime);
                        }
-                       livetime = setTimeout(liveUpdate, 10000);
+                       livetime = setTimeout(liveUpdate, 5000);
                        return;
                }
                if(livetime != null)
 
                in_progress = true;
                var udargs = ((netargs.length) ? '/' + netargs : '');
-               var update_url = 'update_' + src + udargs + '&p=' + profile_uid + '&page=' + profile_page + '&msie=' + ((msie) ? 1 : 0);
+               var update_url = 'update_' + src + udargs + '&p=' + profile_uid + '&page=' + profile_page;
 
                $.get(update_url,function(data) {
                        in_progress = false;
 
                        // add a new thread
 
-                       $('.tread-wrapper',data).each(function() {
+                       $('.toplevel_item',data).each(function() {
                                var ident = $(this).attr('id');
 
                                if($('#' + ident).length == 0 && profile_page == 1) {
                                        $('#' + prev).after($(this));
                                }
                                else {
+                                       // Find out if the hidden comments are open, so we can keep it that way
+                                       // if a new comment has been posted
+                                       var id = $('.hide-comments-total', this).attr('id');
+                                       if(typeof id != 'undefined') {
+                                               id = id.split('-')[3];
+                                               var commentsOpen = $("#collapsed-comments-" + id).is(":visible");
+                                       }
+
                                        $('img',this).each(function() {
                                                $(this).attr('src',$(this).attr('dst'));
                                        });
+                                       //vScroll = $(document).scrollTop();
+                                       $('html').height($('html').height());
                                        $('#' + ident).replaceWith($(this));
+
+                                       if(typeof id != 'undefined') {
+                                               if(commentsOpen) showHideComments(id);
+                                       }
+                                       $('html').height('auto');
+                                       //$(document).scrollTop(vScroll);
                                }
                                prev = ident;
                        });
 
+
+                       collapseHeight();
+
                        // reset vars for inserting individual items
 
                        /*prev = 'live-' + src;
                                                });
                                                $('#' + 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'));
                                                $(this).attr('src',$(this).attr('dst'));
                                        });
                                }
-                               prev = ident; 
+                               prev = ident;
                        });*/
-                       
+
                        $('.like-rotator').hide();
                        if(commentBusy) {
                                commentBusy = false;
                                $('body').css('cursor', 'auto');
                        }
                        /* autocomplete @nicknames */
-                       $(".comment-edit-form  textarea").contact_autocomplete(baseurl+"/acl");
+                       $(".comment-edit-form  textarea").editor_autocomplete(baseurl+"/acl");
+
+                       // setup videos, since VideoJS won't take care of any loaded via AJAX
+                       if(typeof videojs != 'undefined') videojs.autoSetup();
                });
        }
 
-       function imgbright(node) {
+       function collapseHeight(elems) {
+               var elemName = '.wall-item-body:not(.divmore)';
+               if(typeof elems != 'undefined') {
+                       elemName = elems + ' ' + elemName;
+               }
+               $(elemName).each(function() {
+                       $('html').height($('html').height());
+                       $(this).readmore({maxheight:350 , moreLink:'<a href="#" class="showmore">+ Show more</a>', lessLink:'<a href="#" class="showmore">+ Show less</a>'});
+                       $(this).addClass('divmore');
+                       $('html').height('auto');
+               });
+       }
+
+/*     function imgbright(node) {
                $(node).removeClass("drophide").addClass("drop");
        }
 
        function imgdull(node) {
                $(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
                                $('#star-' + ident).addClass('hidden');
                                $('#unstar-' + ident).removeClass('hidden');
                        }
-                       else {                  
+                       else {
                                $('#starred-' + ident).addClass('unstarred');
                                $('#starred-' + ident).removeClass('starred');
                                $('#star-' + ident).removeClass('hidden');
                                $('#unstar-' + ident).addClass('hidden');
                        }
-                       //$('#like-rotator-' + ident).hide();   
+                       //$('#like-rotator-' + ident).hide();
                });
        }
 
                        lockvisible = true;
                        $.get('lockview/' + id, function(data) {
                                $('#panel').html(data);
-                               $('#panel').css({ 'left': cursor.x + 5 , 'top': cursor.y + 5});
+                               $('#panel').css({ 'left': 10 , 'top': cursor.y + 20});
                                $('#panel').show();
                        });
                }
                commentBusy = true;
                $('body').css('cursor', 'wait');
                $("#comment-preview-inp-" + id).val("0");
-               $.post(  
-             "item",  
+               $.post(
+             "item",
              $("#comment-edit-form-" + id).serialize(),
                        function(data) {
                                if(data.success) {
                                        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",  
+               $.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;
        }
 
 
+       function showHideComments(id) {
+               if( $("#collapsed-comments-" + id).is(":visible")) {
+                       $("#collapsed-comments-" + id).hide();
+                       $("#hide-comments-" + id).html(window.showMore);
+               }
+               else {
+                       $("#collapsed-comments-" + id).show();
+                       $("#hide-comments-" + id).html(window.showFewer);
+                       collapseHeight("#collapsed-comments-" + id);
+               }
+       }
+
 
        function preview_post() {
                $("#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;
        }
 
 
                stopped = false;
            $('#pause').html('');
        }
-               
-
-    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<f; i++) {  
-            a[i] = s.charCodeAt(i).toString(16).replace(/^([\da-f])$/,"0$1");  
-        }  
-          
-        return a.join('');  
-    }  
+
+
+    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<f; i++) {
+            a[i] = s.charCodeAt(i).toString(16).replace(/^([\da-f])$/,"0$1");
+        }
+
+        return a.join('');
+    }
 
        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');                              
+                               $('body .fakelink').css('cursor', 'auto');
                });
        }
 
                $('body .fakelink').css('cursor', 'wait');
                $.get('profperm/' + gid + '/' + cid, function(data) {
                                $('#prof-update-wrapper').html(data);
-                               $('body .fakelink').css('cursor', 'auto');                              
+                               $('body .fakelink').css('cursor', 'auto');
                });
        }
 
@@ -582,61 +645,9 @@ function notifyMarkAll() {
        });
 }
 
-
-// code from http://www.tinymce.com/wiki.php/How-to_implement_a_custom_file_browser
-function fcFileBrowser (field_name, url, type, win) {
-    /* TODO: If you work with sessions in PHP and your client doesn't accept cookies you might need to carry
-       the session name and session ID in the request string (can look like this: "?PHPSESSID=88p0n70s9dsknra96qhuk6etm5").
-       These lines of code extract the necessary parameters and add them back to the filebrowser URL again. */
-
-
-    var cmsURL = baseurl+"/fbrowser/"+type+"/";
-
-    tinyMCE.activeEditor.windowManager.open({
-        file : cmsURL,
-        title : 'File Browser',
-        width : 420,  // Your dimensions may differ - toy around with them!
-        height : 400,
-        resizable : "yes",
-        inline : "yes",  // This parameter only has an effect if you use the inlinepopups plugin!
-        close_previous : "no"
-    }, {
-        window : win,
-        input : field_name
-    });
-    return false;
-  }
-
-function setupFieldRichtext(){
-       tinyMCE.init({
-               theme : "advanced",
-               mode : "specific_textareas",
-               editor_selector: "fieldRichtext",
-               plugins : "bbcode,paste, inlinepopups",
-               theme_advanced_buttons1 : "bold,italic,underline,undo,redo,link,unlink,image,forecolor,formatselect,code",
-               theme_advanced_buttons2 : "",
-               theme_advanced_buttons3 : "",
-               theme_advanced_toolbar_location : "top",
-               theme_advanced_toolbar_align : "center",
-               theme_advanced_blockformats : "blockquote,code",
-               paste_text_sticky : true,
-               entity_encoding : "raw",
-               add_unload_trigger : false,
-               remove_linebreaks : false,
-               force_p_newlines : false,
-               force_br_newlines : true,
-               forced_root_block : '',
-               convert_urls: false,
-               content_css: baseurl+"/view/custom_tinymce.css",
-               theme_advanced_path : false,
-               file_browser_callback : "fcFileBrowser",
-       });
-}
-
-
-/** 
- * sprintf in javascript 
- *     "{0} and {1}".format('zero','uno'); 
+/**
+ * sprintf in javascript
+ *     "{0} and {1}".format('zero','uno');
  **/
 String.prototype.format = function() {
     var formatted = this;
@@ -657,7 +668,7 @@ Array.prototype.remove = function(item) {
 function previewTheme(elm) {
        theme = $(elm).val();
        $.getJSON('pretheme?f=&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>');
+                       $('#theme-preview').html('<div id="theme-desc">' + data.desc + '</div><div id="theme-version">' + data.version + '</div><div id="theme-credits">' + data.credits + '</div>');
        });
 
 }