frio: some css work for help docs

[friendica.git] / view / theme / frio / js / theme.js

diff --git a/view/theme/frio/js/theme.js b/view/theme/frio/js/theme.js
index 296c4667d30c30484e2ed09a55b580065d94753e..8fbee06e51721c2ae7b78bf590fcbf6c5fb76108 100644 (file)
--- a/view/theme/frio/js/theme.js
+++ b/view/theme/frio/js/theme.js
@@ -206,6 +206,16 @@ $(document).ready(function(){
                // 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) {
 //     $(document).unbind( "click.commentOpen", handler );
@@ -532,3 +542,41 @@ String.prototype.rtrim = function() {
        var trimmed = this.replace(/\s+$/g, '');
        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;
+}