☰

Google Bookmarks Nested Labels

Add the 'Nested Labels' feature to google bookmarks.

目前为 2014-07-09 提交的版本。查看 最新版本。

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