gryf/pentadactyl-pm
1
0
Fork 0
mirror of https://github.com/gryf/pentadactyl-pm.git synced 2025-12-23 09:08:37 +01:00
Code Issues Projects Releases Wiki Activity

experimental new help design

Browse Source
This commit is contained in:
Martin Stubenschrott
2007-04-29 01:48:03 +00:00
parent 92c863442d
commit 3a72a70bcb
2 changed files with 37 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
chrome/content/vimperator/help.js
View File

@@ -80,16 +80,6 @@ function help(section, easter)
var ret = "";
for (var i=0; i < commands.length; i++)
{
// the tags which are printed on the top right
ret += '<tr class="tag"><td colspan="2">';
for (var j=0; j < commands[i][COMMANDS].length; j++)
{
var cmd_name = commands[i][COMMANDS][j];
cmd_name = cmd_name.replace(/</g, "&lt;");
cmd_name = cmd_name.replace(/>/g, "&gt;");
ret += "<code id='" + commands[i][COMMANDS][j] + "'>" +beg+ cmd_name +end+ '</code>';
}
// the usage information for the command
ret += '</td></tr><tr class="description"><td class="usage" valign="top">';
for (var j=0; j < commands[i][USAGE].length; j++)
@@ -100,10 +90,11 @@ function help(section, easter)
usage = usage.replace(/[^b][^r][^\/]>/g, "&gt;");
// color {count} and [url] arguments in the usage, not nice and error prone but the regexp work (for now)
usage = usage.replace(/(^|;|\n|\s|\]|\}|=|<br\/?>)({.*?}|\[.*?\])/gm, "$1<span class=argument>$2</span>");
//usage = usage.replace(/(\s)({|\[)(.*)(\]|})(.*)/g, "<span class=argument>$1$2$3$4$5</span>");
// and the 'setting' in a different color
usage = usage.replace(/^'(\w+)'/gm, "'<span class=setting>$1</span>'");
ret += "<code>" +beg+ usage +end+ '</code><br/>';
}
ret += '</td><td>';
ret += '</td><td valign="top">';
// the actual help text with the first line in bold
if (commands[i][SHORTHELP])
@@ -121,11 +112,21 @@ function help(section, easter)
}
else
ret += "Sorry, no help available";
// the tags which are printed on the top right
//ret += '<tr class="tag"><td colspan="1">====================================';
ret += '<td class="tag" valign="top">';
for (var j=0; j < commands[i][COMMANDS].length; j++)
{
var cmd_name = commands[i][COMMANDS][j];
cmd_name = cmd_name.replace(/</g, "&lt;");
cmd_name = cmd_name.replace(/>/g, "&gt;");
ret += "<code id='" + commands[i][COMMANDS][j] + "'>" +beg+ cmd_name +end+ '</code><br/>';
}
ret += '</td></tr>';
// add more space between entries
if (i < commands.length-1)
ret += '<tr class="seperator"></tr>';
ret += '<tr class="separator"><td colspan=3><hr></td></tr>';
}
return ret;
}