});
// add Jot botton to the scecond navbar
- if( $("section #jotOpen").length ) {
- $("section #jotOpen").appendTo("#topbar-second > .container > #navbar-button");
- if( $("#jot-popup").is(":hidden")) $("#topbar-second > .container > #navbar-button #jotOpen").hide();
+ let $jotButton = $("#jotOpen");
+ let $composeButton = $("#composeOpen");
+ if (compose) {
+ $jotButton.hide();
+ if ($composeButton.length) {
+ $composeButton.appendTo("#topbar-second > .container > #navbar-button");
+ if($("#jot-popup").is(":hidden")) {
+ $composeButton.hide();
+ }
+ }
+ } else {
+ $composeButton.hide();
+ if ($jotButton.length) {
+ $jotButton.appendTo("#topbar-second > .container > #navbar-button");
+ if($("#jot-popup").is(":hidden")) {
+ $jotButton.hide();
+ }
+ }
}
// show bulk deletion button at network page if checkbox is checked
}
});
- 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();
});
}
});
delay: {
show: 500,
hide: 100
- }
+ },
+ sanitizeFn: function (content) {
+ return DOMPurify.sanitize(content)
+ },
});
// initialize the bootstrap-select
}
// move the "Save the search" button to the second navbar
- $(".search-content-wrapper #search-save-form ").appendTo("#topbar-second > .container > #navbar-button");
+ $(".search-content-wrapper #search-save").appendTo("#topbar-second > .container > #navbar-button");
// append the vcard-short-info to the second nav after passing the element
// with .fn (vcard username). Use scrollspy to get the scroll position.
// Dropdown menus with the class "dropdown-head" will display the active tab
// as button text
- $("body").on('click', '.dropdown-head .dropdown-menu li a', function(){
- $(this).closest(".dropdown").find('.btn').html($(this).text() + ' <span class="caret"></span>');
- $(this).closest(".dropdown").find('.btn').val($(this).data('value'));
- $(this).closest("ul").children("li").show();
- $(this).parent("li").hide();
+ $("body").on('click', '.dropdown-head .dropdown-menu li a, .dropdown-head .dropdown-menu li button', function(){
+ toggleDropdownText(this);
});
/* setup onoff widgets */
});
+ /*
+ * 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('mousedown', 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);
+ });
});
}
function showHide(theID) {
- if(document.getElementById(theID).style.display == "block") {
- document.getElementById(theID).style.display = "none"
+ var elem = document.getElementById(theID);
+ var edit = document.getElementById("comment-edit-submit-wrapper-" + theID.match('[0-9$]+'));
+
+ if ($(elem).is(':visible')) {
+ if (!$(edit).is(':visible')) {
+ edit.style.display = "block";
+ }
+ else {
+ elem.style.display = "none";
+ }
}
else {
- document.getElementById(theID).style.display = "block"
+ elem.style.display = "block";
}
}
+// 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');
-function showHideComments(id) {
- if( $('#collapsed-comments-' + id).is(':visible')) {
- $('#collapsed-comments-' + id).slideUp();
- $('#hide-comments-' + id).html(window.showMore);
- $('#hide-comments-total-' + id).show();
+ // Change the button labels.
+ if (elm.innerText == mapshow) {
+ $('#' + elm.id).text(maphide);
+ } else {
+ $('#' + elm.id).text(mapshow);
}
- else {
- $('#collapsed-comments-' + id).slideDown();
- $('#hide-comments-' + id).html(window.showFewer);
- $('#hide-comments-total-' + id).hide();
+ // 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;
$('#photo-album-contents').justifiedGallery({
margins: 3,
border: 0,
sizeRangeSuffixes: {
- 'lt100': '-2',
- 'lt240': '-2',
+ 'lt48': '-6',
+ 'lt80': '-5',
+ 'lt300': '-4',
'lt320': '-2',
- 'lt500': '',
'lt640': '-1',
'lt1024': '-0'
}
}).on('jg.complete', function(e){ justifiedGalleryActive = false; });
}
-function justifyPhotosAjax() {
- justifiedGalleryActive = true;
- $('#photo-album-contents').justifiedGallery('norewind').on('jg.complete', function(e){ justifiedGalleryActive = false; });
-}
-
+// Load a js script to the html head.
function loadScript(url, callback) {
- // Adding the script tag to the head as suggested before
+ // Check if the script is already in the html head.
+ var oscript = $('head script[src="' + url + '"]');
+
+ // Delete the old script from head.
+ if (oscript.length > 0) {
+ oscript.remove();
+ }
+ // Adding the script tag to the head as suggested before.
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onreadystatechange = callback;
script.onload = callback;
- // Fire the loading
+ // Fire the loading.
head.appendChild(script);
}
-function random_digits(digits) {
- var rn = "";
- var rnd = "";
-
- for(var i = 0; i < digits; i++) {
- var rn = Math.round(Math.random() * (9));
- rnd += rn;
- }
-
- return rnd;
-}
-
// Does we need a ? or a & to append values to a url
function qOrAmp(url) {
if(url.search('\\?') < 0) {
}
}
-function contact_filter(item) {
- // get the html content from the js template of the contact-wrapper
- contact_tpl = unescape($(".javascript-template[rel=contact-template]").html());
-
- var variables = {
- id: item.id,
- name: item.name,
- username: item.username,
- thumb: item.thumb,
- img_hover: item.img_hover,
- edit_hover: item.edit_hover,
- account_type: item.account_type,
- photo_menu: item.photo_menu,
- alt_text: item.alt_text,
- dir_icon: item.dir_icon,
- sparkle: item.sparkle,
- itemurl: item.itemurl,
- url: item.url,
- network: item.network,
- tags: item.tags,
- details: item.details,
- };
-
- // open a new jSmart instance with the template
- var tpl = new jSmart (contact_tpl);
-
- // replace the variable with the values
- var html = tpl.fetch(variables);
-
- return html;
-}
-
-function filter_replace(item) {
-
- return item.name;
-}
-
-(function( $ ) {
- $.fn.contact_filter = function(backend_url, typ, autosubmit, onselect) {
- 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); },
- replace: filter_replace,
- 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(); });
- };
-})( jQuery );
-
-
-// current time in milliseconds, to send each request to make sure
-// we 're not getting 304 response
-function timeNow() {
- return new Date().getTime();
-}
-
String.prototype.normalizeLink = function () {
var ret = this.replace('https:', 'http:');
var ret = ret.replace('//www', '//');
return;
}
- var $el = $(document.getElementById(elementId));
+ var $el = $('#' + elementId + ' > .media');
// Test if the Item exists
if (!$el.length) {
return;
// Scroll to the DIV with the ID (GUID)
$('html, body').animate({
scrollTop: itemPos
- }, 400, function() {
+ }, 400).promise().done( function() {
// Highlight post/commenent with ID (GUID)
$el.animate(colWhite, 1000).animate(colShiny).animate(colWhite, 600);
});
return text;
}
+/**
+ * Sends a /like API call and updates the display of the relevant action button
+ * before the update reloads the item.
+ *
+ * @param {string} ident The id of the relevant item
+ * @param {string} verb The verb of the action
+ * @returns {undefined}
+ */
+function doLikeAction(ident, verb) {
+ unpause();
+
+ if (verb.indexOf('attend') === 0) {
+ $('.item-' + ident + ' .button-event:not(#' + verb + '-' + ident + ')').removeClass('active');
+ }
+ $('#' + verb + '-' + ident).toggleClass('active');
+ $('#like-rotator-' + ident.toString()).show();
+ $.get('like/' + ident.toString() + '?verb=' + verb, NavUpdate );
+ liking = 1;
+ force_update = true;
+ update_item = ident.toString();
+}
+
// Decodes a hexadecimally encoded binary string
function hex2bin (s) {
// discuss at: http://locutus.io/php/hex2bin/
}
return o;
-}
\ No newline at end of file
+}
+
+// Dropdown menus with the class "dropdown-head" will display the active tab
+// as button text
+function toggleDropdownText(elm) {
+ $(elm).closest(".dropdown").find('.btn').html($(elm).text() + ' <span class="caret"></span>');
+ $(elm).closest(".dropdown").find('.btn').val($(elm).data('value'));
+ $(elm).closest("ul").children("li").show();
+ $(elm).parent("li").hide();
+}
+
+// Check if element does have a specific class
+function hasClass(elem, cls) {
+ return (" " + elem.className + " " ).indexOf( " "+cls+" " ) > -1;
+}