☰

Google Bookmarks Nested Labels

Add the 'Nested Labels' feature to google bookmarks.

  1. // ==UserScript==
  2. // @name		Google Bookmarks Nested Labels
  3. // @namespace		https://github.com/Lorentz83
  4. // @description		Add the 'Nested Labels' feature to google bookmarks.
  5. // @include		http://www.google.com/bookmarks/*
  6. // @include		https://www.google.com/bookmarks/*
  7. // @require		http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js
  8. // @version		1.3b
  9. // @grant		none
  10. // @icon                https://raw.githubusercontent.com/Lorentz83/userscripts/master/GoogleBookmarksNestedLabels/icon.png
  11. // @license             GPLv2; http://www.gnu.org/licenses/
  12. // ==/UserScript==
  13.  
  14. /**
  15.  *  This program is free software: you can redistribute it and/or modify
  16.  *  it under the terms of the GNU General Public License as published by
  17.  *  the Free Software Foundation, either version 2 of the License, or
  18.  *  (at your option) any later version.
  19.  *
  20.  *  This program is distributed in the hope that it will be useful,
  21.  *  but WITHOUT ANY WARRANTY; without even the implied warranty of
  22.  *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  23.  *  GNU General Public License for more details.
  24.  *
  25.  *  You should have received a copy of the GNU General Public License
  26.  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  27.  */
  28.  
  29. var containKeys = function(obj) {
  30.     for (var key in obj) {
  31.         return true;
  32.     }
  33.     return false;
  34. }
  35.  
  36. var Tag = function(label, fullLabel, href, initialOpen, bold) {
  37.     this.label = label;
  38.     this.fullLabel = fullLabel;
  39.     this.href = href;
  40.     this.subLabel = new Object();
  41.     this.initialOpen = initialOpen;
  42.     this.bold = bold;
  43. }
  44.  
  45. Tag.prototype.separator = '/';
  46.  
  47. Tag.prototype.addToTree = function(splittedLabel, fullLabel, href, initialOpen){
  48.     if ( splittedLabel.length > 0 ) {
  49. 	if (this.subLabel[ splittedLabel[0] ] == undefined) {
  50. 	    var bold = initialOpen && splittedLabel.length == 1; // is open and is the last
  51. 	    //this must be fix if here there is a middle label
  52. 	    this.subLabel[ splittedLabel[0] ] = new Tag(splittedLabel[0], fullLabel, href, initialOpen, bold);
  53. 	}
  54. 	this.initialOpen = this.initialOpen || initialOpen;
  55. 	this.subLabel[ splittedLabel[0] ].addToTree( splittedLabel.slice(1), fullLabel, href, initialOpen);
  56.     }
  57. }
  58.  
  59. Tag.prototype.toLi = function (prefix) {
  60.     if (prefix == undefined)
  61. 	prefix = '';
  62.     
  63.     var labelCssClass = 'item';
  64.     if (this.bold) {
  65. 	labelCssClass = 'item selectedLabel';
  66.     }
  67.     var hasSubTree = containKeys(this.subLabel);
  68.     var expandLinkText = '|';
  69.     var olStyle = '';
  70.     if (hasSubTree) {
  71. 	if (this.initialOpen){
  72. 	    expandLinkText = '[-]';
  73. 	}
  74. 	else {
  75. 	    expandLinkText = '[+]';
  76. 	    olStyle = 'display:none;';
  77. 	}
  78. 	expandLinkText = '<span class="expandLink">' + expandLinkText + '</span>';
  79.     }
  80.     
  81.     var toReturn = new Array();
  82.     var i = 0;
  83.     
  84.     toReturn[i++] = prefix + '<li>';
  85.     toReturn[i++] = prefix + ' <div class="expandLinkContainer">' + expandLinkText + '</div>';
  86.     toReturn[i++] = prefix + ' <a href="' + this.href + '" title="' + this.fullLabel + '" class="' + labelCssClass + '">' + this.label + '</a>'
  87.     
  88.     if (hasSubTree) {
  89. 	toReturn[i++] = prefix + ' <ol class="subLabelsList" style="' + olStyle + '">';
  90. 	for (var label in this.subLabel) {
  91. 	    toReturn[i++] = this.subLabel[label].toLi(prefix + '  ');
  92. 	}
  93. 	toReturn[i++] = prefix + ' </ol>';
  94.     }
  95.     toReturn[i++] = prefix + '</li>';
  96.     return toReturn.join('\n');
  97. }
  98.  
  99. Tag.prototype.toString = function (prefix) {
  100.     if (!prefix)
  101. 	   prefix = '';
  102.     var toReturn = prefix + this.label + '\n';
  103.     for (var i in this.subLabel) {
  104. 	   toReturn += this.subLabel[i].toString(prefix + '-');
  105.     }
  106.     return toReturn
  107. }
  108.  
  109. Tag.prototype.push = function(label, href, initialOpen) {
  110.     this.addToTree(label.split(this.separator), label, href, initialOpen);
  111. }
  112.  
  113. Tag.prototype.clickExpandTree =  function(elem) {
  114.     if (elem.html() == '[-]') {
  115.     	elem.parent().siblings('ol').slideUp();
  116.     	elem.html('[+]');
  117.     }
  118.     else
  119.     	if (elem.html() == '[+]') {
  120.     	    elem.parent().siblings('ol').slideDown();
  121.     	    elem.html('[-]');
  122.     	}
  123.     return false;
  124. }
  125.  
  126.  
  127. var li = $('#sidenav').find('li:has(a[href^="/bookmarks/lookup?"]) , li:has(a[href^="./find?q="])');
  128. li.hide();
  129.  
  130. var tags = null;
  131. li.each(function(index){
  132.     var curr = $(this);
  133.     var a = curr.find('a');
  134.     var bdo = a.find('bdo');
  135.     var num = bdo.text();
  136.     bdo.remove();
  137.     var txt = $.trim(a.text());
  138.     if(tags == null)
  139.         tags = new Tag(txt, txt, a.attr('href'));
  140.     else
  141.         tags.push(txt, a.attr('href'), curr.hasClass('selected'));
  142. });
  143. $('#sidenav ul').before( '<ol id="allNestedLabels" class="subLabelsList">' + tags.toLi() + '</ol>');
  144. $('#allNestedLabels .expandLink').click( function() {return Tag.prototype.clickExpandTree( $(this) ); } );
  145. $('#allNestedLabels > li > a').css('color', '#4D90F0');
  146.  
  147. var history = $('#sidenav').find('li:has(a[href^="/history/lookup?"])');
  148. var historyTitle = history.eq(0);
  149. var historyEntries = history.slice(1);
  150. historyEntries.prepend('<div style="margin-left: 17px;" class="expandLinkContainer">|</div>');
  151. historyEntries.hide();
  152. history.find('a').css('display', 'inline');
  153. history.find('a').css('padding-left', '5px');
  154. historyTitle.prepend('<div style="margin-left: 13px;" class="expandLinkContainer"><span class="expandLink">[+]</span></div>');
  155. historyTitle.find('span').click( function() {
  156.     var elem = $(this);
  157.     if (elem.html() == '[-]') {
  158.     	historyEntries.slideUp();
  159.     	elem.html('[+]');
  160.     }
  161.     else
  162.     	if (elem.html() == '[+]') {
  163.     	    historyEntries.slideDown();
  164.     	    elem.html('[-]');
  165.     	}
  166.     return false;
  167. });
  168.  
  169.  
  170. //////////////////////////////////////////////////
  171.  
  172. var customCss = new Array();
  173. var i=0;
  174. customCss[i++] = '<style type="text/css">';
  175. customCss[i++] = '.expandLinkContainer{display:inline-block;  width:1.5em; text-align:center;}';
  176. customCss[i++] = '.expandLink{cursor:pointer;}';
  177. customCss[i++] = '.subLabelsList{margin-left:1.8em; }';
  178. customCss[i++] = '#allNestedLabels li a {line-height: 18px; display:inline-block;margin:0;padding:0;}';
  179. customCss[i++] = '#allNestedLabels li {white-space:nowrap;}';
  180. customCss[i++] = '#allNestedLabels { margin-left: 1em; margin-bottom: 1em;}';
  181. customCss[i++] = '.selectedLabel{font-weight:bold;}';
  182. customCss[i++] = '</style>'
  183.  
  184. $('head').append(customCss.join('\n'));
  185.