]> git.mxchange.org Git - friendica.git/blobdiff - view/theme/frio/js/theme.js
Frio: admin/user template fixes
[friendica.git] / view / theme / frio / js / theme.js
index 00f9691016fe73b48dacf0dfe1cf7eee63f5fdfb..a8787a6eb5dced342fee554f28e0c3f198a75980 100644 (file)
@@ -83,12 +83,12 @@ $(document).ready(function(){
                        }
                });
 
-               if(checked == true) {
-                       $("a#item-delete-selected").fadeTo(400, 1);
-                       $("a#item-delete-selected").show();
+               if(checked) {
+                       $("#item-delete-selected").fadeTo(400, 1);
+                       $("#item-delete-selected").show();
                } else {
-                       $("a#item-delete-selected").fadeTo(400, 0, function(){
-                               $("a#item-delete-selected").hide();
+                       $("#item-delete-selected").fadeTo(400, 0, function(){
+                               $("#item-delete-selected").hide();
                        });
                }
        });
@@ -275,6 +275,88 @@ $(document).ready(function(){
 
        });
 
+       /*
+        * This event handler hides all comment UI when the user clicks anywhere on the page
+        * It ensures that we aren't closing the current comment box
+        *
+        * We are making an exception for buttons because of a race condition with the
+        * comment opening button that results in an already closed comment UI.
+        */
+       $(document).on('click', function(event) {
+               if (event.target.type === 'button') {
+                       return true;
+               }
+
+               var $dontclosethis = $(event.target).closest('.wall-item-comment-wrapper').find('.comment-edit-form');
+               $('.wall-item-comment-wrapper .comment-edit-submit-wrapper:visible').each(function() {
+                       var $parent = $(this).parent('.comment-edit-form');
+                       var itemId = $parent.data('itemId');
+
+                       if ($dontclosethis[0] != $parent[0]) {
+                               var textarea = $parent.find('textarea').get(0)
+
+                               commentCloseUI(textarea, itemId);
+                       }
+               });
+       });
+
+       // Customize some elements when the app is used in standalone mode on Android
+       if (window.matchMedia('(display-mode: standalone)').matches) {
+               // Open links to source outside of the webview
+               $('body').on('click', '.plink', function (e) {
+                       $(e.target).attr('target', '_blank');
+               });
+       }
+
+       /*
+        * This event listeners ensures that the textarea size is updated event if the
+        * value is changed externally (textcomplete, insertFormatting, fbrowser...)
+        */
+       $(document).on('change', 'textarea', function(event) {
+               autosize.update(event.target);
+       });
+
+       /*
+        * Sticky aside on page scroll
+        * We enable the sticky aside only when window is wider than
+        * 976px - which is the maximum width where the aside is shown in
+        * mobile style - because on chrome-based browsers (desktop and
+        * android) the sticky plugin in mobile style causes the browser to
+        * scroll back to top the main content, making it impossible
+        * to navigate.
+        * A side effect is that the sitky aside isn't really responsive,
+        * since is enabled or not at page loading time.
+        */
+       if ($(window).width() > 976) {
+               $("aside").stick_in_parent({
+                       offset_top: 100, // px, header + tab bar + spacing
+                       recalc_every: 10
+               });
+               // recalculate sticky aside on clicks on <a> elements
+               // this handle height changes on expanding submenus
+               $("aside").on("click", "a", function(){
+                       $(document.body).trigger("sticky_kit:recalc");
+               });
+       }
+
+       /*
+        * Add or remove "aside-out" class to body tag
+        * when the mobile aside is shown or hidden.
+        * The class is used in css to disable scroll in page when the aside
+        * is shown.
+        */
+       $("aside")
+               .on("shown.bs.offcanvas", function() {
+                       $("body").addClass("aside-out");
+               })
+               .on("hidden.bs.offcanvas", function() {
+                       $("body").removeClass("aside-out");
+               });
+
+       // Event listener for 'Show & hide event map' button in the network stream.
+       $("body").on("click", ".event-map-btn", function() {
+               showHideEventMap(this);
+       });
 
 });
 
@@ -298,7 +380,6 @@ function showHide(theID) {
        }
 }
 
-
 function showHideComments(id) {
        if( $('#collapsed-comments-' + id).is(':visible')) {
                $('#collapsed-comments-' + id).slideUp();
@@ -312,6 +393,37 @@ function showHideComments(id) {
        }
 }
 
+// Show & hide event map in the network stream by button click.
+function showHideEventMap(elm) {
+       // Get the id of the map element - it should be provided through
+       // the atribute "data-map-id".
+       var mapID = elm.getAttribute('data-map-id');
+
+       // Get translation labels.
+       var mapshow = elm.getAttribute('data-show-label');
+       var maphide = elm.getAttribute('data-hide-label');
+
+       // Change the button labels.
+       if (elm.innerText == mapshow) {
+               $('#' + elm.id).text(maphide);
+       } else {
+               $('#' + elm.id).text(mapshow);
+       }
+       // Because maps are iframe elements, we cant hide it through css (display: none).
+       // We solve this issue by putting the map outside the screen with css.
+       // So the first time the 'Show map' button is pressed we move the map
+       // element into the screen area.
+       var mappos = $('#' + mapID).css('position');
+
+       if (mappos === 'absolute') {
+               $('#' + mapID).hide();
+               $('#' + mapID).css({position: 'relative', left: 'auto', top: 'auto'});
+               openClose(mapID);
+       } else {
+               openClose(mapID);
+       }
+       return false;
+}
 
 function justifyPhotos() {
        justifiedGalleryActive = true;
@@ -408,28 +520,34 @@ function filter_replace(item) {
        return item.name;
 }
 
-(function( $ ) {
+(function($) {
        $.fn.contact_filter = function(backend_url, typ, autosubmit, onselect) {
-               if(typeof typ === 'undefined') typ = '';
-               if(typeof autosubmit === 'undefined') autosubmit = false;
+               if (typeof typ === 'undefined') {
+                       typ = '';
+               }
+
+               if (typeof autosubmit === 'undefined') {
+                       autosubmit = false;
+               }
 
                // Autocomplete contacts
                contacts = {
                        match: /(^)([^\n]+)$/,
                        index: 2,
-                       search: function(term, callback) { contact_search(term, callback, backend_url, typ); },
+                       search: function(term, callback) {contact_search(term, callback, backend_url, typ);},
                        replace: filter_replace,
-                       template: contact_filter,
+                       template: contact_filter
                };
 
                this.attr('autocomplete','off');
                var a = this.textcomplete([contacts], {className:'accontacts', appendTo: '#contact-list'});
 
-               a.on('textComplete:select', function(e, value, strategy) { $(".dropdown-menu.textcomplete-dropdown.media-list").show(); });
+               a.on('textComplete:select', function(e, value, strategy) {
+                       $(".dropdown-menu.textcomplete-dropdown.media-list").show();
+               });
        };
 })( jQuery );
 
-
 // current time in milliseconds, to send each request to make sure
 // we 're not getting 304 response
 function timeNow() {
@@ -634,6 +752,7 @@ function doLikeAction(ident, verb) {
        $.get('like/' + ident.toString() + '?verb=' + verb, NavUpdate );
        liking = 1;
        force_update = true;
+       update_item = ident.toString();
 }
 
 // Decodes a hexadecimally encoded binary string