+
+var jotcache = ''; //The jot cache. We use it as cache to restore old/original jot content
+
$(document).ready(function(){
//fade in/out based on scrollTop value
$(window).scroll(function () {
$(".field.select > select, .field.custom > select").addClass("form-control");
// move the tabbar to the second nav bar
- if( $("ul.tabbar")) {
+ if( $("ul.tabbar").length ) {
$("ul.tabbar").appendTo("#topbar-second > .container > #tabmenu");
}
// to the friendica logo (the mask is in nav.tpl at the botom). To make it work we need to apply the
// correct url. The only way which comes to my mind was to do this with js
// So we apply the correct url (with the link to the id of the mask) after the page is loaded.
- if($("#logo-img")) {
+ if($("#logo-img").length ) {
var pageurl = "url('" + window.location.href + "#logo-mask')";
$("#logo-img").css({"mask": pageurl});
}
});
// add Jot botton to the scecond navbar
- if( $("section #jotOpen")) {
+ if( $("section #jotOpen").length ) {
$("section #jotOpen").appendTo("#topbar-second > .container > #navbar-button");
if( $("#jot-popup").is(":hidden")) $("#topbar-second > .container > #navbar-button #jotOpen").hide();
}
- // move shared content in it's own DIV (so we can style it better)
- $('.wall-item-body .shared_content').each(function() {
- // create a DIV after ".shared_content" where we will putt in the shared_header
- // and the "shared_content"
- $(this).after('<div class="shared-content-wrapper content-card"></div>');
- // get the shared_header
- var sheader = $(this).prev();
- // get the shared-content-wrapper which we have created above
- var swrapper = $(this).next();
- // move the "shared_header into the new shared_content DIV
- $(swrapper).append(sheader);
- // move the "shared_content" into the new DIV
- $(swrapper).append(this);
- });
-
-
// show bulk deletion button at network page if checkbox is checked
- $('input.item-select').change(function(){
+ $("body").change("input.item-select", function(){
var checked = false;
// We need to get all checked items, so it would close the delete button
});
}
});
-
- // add search-heading to the scecond navbar
- if( $(".search-heading")) {
- $(".search-heading").appendTo("#topbar-second > .container > #tabmenu");
- }
-
-
//$('ul.flex-nav').flexMenu();
}
});
+ // initialize the bootstrap-select
+ $('.selectpicker').selectpicker();
+
+ // add search-heading to the seccond navbar
+ if( $(".search-heading").length) {
+ $(".search-heading").appendTo("#topbar-second > .container > #tabmenu");
+ }
+
+ // add search results heading to the second navbar
+ // and insert the search value to the top nav search input
+ if( $(".search-content-wrapper").length ) {
+ // get the text of the heading (we catch the plain text because we don't
+ // want to have a h4 heading in the navbar
+ var searchText = $(".section-title-wrapper > h2").text();
+ // insert the plain text in a <h4> heading and give it a class
+ var newText = '<h4 class="search-heading">'+searchText+'</h4>';
+ // append the new heading to the navbar
+ $("#topbar-second > .container > #tabmenu").append(newText);
+
+ // try to get the value of the original search input to insert it
+ // as value in the nav-search-input
+ var searchValue = $("#search-wrapper .form-group-search input").val();
+
+ // if the orignal search value isn't available use the location path as value
+ if( typeof searchValue === "undefined") {
+ // get the location path
+ var urlPath = window.location.search
+ // and split it up in its parts
+ var splitPath = urlPath.split(/(\?search?=)(.*$)/);
+
+ if(typeof splitPath[2] !== 'undefined') {
+ // decode the path (e.g to decode %40 to the character @)
+ var searchValue = decodeURIComponent(splitPath[2]);
+ }
+ }
+
+ if( typeof searchValue !== "undefined") {
+ $("#nav-search-input-field").val(searchValue);
+ }
+ }
+
+ // move the "Save the search" button to the second navbar
+ $(".search-content-wrapper #search-save-form ").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.
+ if( $("aside .vcard .fn").length) {
+ $(".vcard .fn").scrollspy({
+ min: $(".vcard .fn").position().top - 50,
+ onLeaveTop: function onLeave(element) {
+ $("#vcard-short-info").fadeOut(500, function () {
+ $("#vcard-short-info").appendTo("#vcard-short-info-wrapper");
+ });
+ },
+ onEnter: function(element) {
+ $("#vcard-short-info").appendTo("#nav-short-info");
+ $("#vcard-short-info").fadeIn(500);
+ },
+ });
+ }
+
+ // move the forum contact information of the network page into the second navbar
+ if( $(".network-content-wrapper > #viewcontact_wrapper-network").length) {
+ // get the contact-wrapper element and append it to the second nav bar
+ // Note: We need the first() element with this class since at the present time we
+ // store also the js template information in the html code and thats why
+ // there are two elements with this class but we don't want the js template
+ $(".network-content-wrapper > #viewcontact_wrapper-network .contact-wrapper").first().appendTo("#nav-short-info");
+ }
+
+ // move heading from network stream to the second navbar nav-short-info section
+ if( $(".network-content-wrapper > .section-title-wrapper").length) {
+ // get the heading element
+ var heading = $(".network-content-wrapper > .section-title-wrapper > h2");
+ // get the text of the heading
+ var headingContent = heading.text();
+ // create a new element with the content of the heading
+ var newText = '<h4 class="heading" data-toggle="tooltip" title="'+headingContent+'">'+headingContent+'</h4>';
+ // remove the old heading element
+ heading.remove(),
+ // put the new element to the second nav bar
+ $("#topbar-second #nav-short-info").append(newText);
+ }
+
+ if( $(".community-content-wrapper").length) {
+ // get the heading element
+ var heading = $(".community-content-wrapper > h3").first();
+ // get the text of the heading
+ var headingContent = heading.text();
+ // create a new element with the content of the heading
+ var newText = '<h4 class="heading">'+headingContent+'</h4>';
+ // remove the old heading element
+ heading.remove(),
+ // put the new element to the second nav bar
+ $("#topbar-second > .container > #tabmenu").append(newText);
+ }
+
+ // 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();
+ });
});
//function commentOpenUI(obj, id) {
return trimmed;
};
+// Scroll to a specific item and highlight it
+// Note: jquery.color.js is needed
+function scrollToItem(itemID) {
+ if( typeof itemID === "undefined")
+ return;
+
+ var elm = $('#'+itemID);
+ // Test if the Item exists
+ if(!elm.length)
+ return;
+
+ // Define the colors which are used for highlighting
+ var colWhite = {backgroundColor:'#F5F5F5'};
+ var colShiny = {backgroundColor:'#FFF176'};
+
+ // Get the Item Position (we need to substract 100 to match
+ // correct position
+ var itemPos = $(elm).offset().top - 100;
+
+ // Scroll to the DIV with the ID (GUID)
+ $('html, body').animate({
+ scrollTop: itemPos
+ }, 400, function() {
+ // Highlight post/commenent with ID (GUID)
+ $(elm).animate(colWhite, 1000).animate(colShiny).animate(colWhite, 600);
+ });
+}
+
+// format a html string to pure text
+function htmlToText(htmlString) {
+ // Replace line breaks with spaces
+ var text = htmlString.replace(/<br>/g, ' ');
+ // Strip the text out of the html string
+ text = text.replace(/<[^>]*>/g, '');
+
+ return text;
+}