msyds/gf-core
1
0
Fork 0
forked from GitHub/gf-core
Code Pull Requests Activity

RGL Browser updates

Browse Source 
- Better layout
- Jump to defition
- Syntax highlighting, line numbers
This commit is contained in:
john.j.camilleri
2012-05-15 12:08:18 +00:00
parent d59f54ba41
commit 87e812455f
5 changed files with 129 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
lib/doc/browse/script.js
View File

@@ -4,9 +4,6 @@
*/
$(document).ready(function() {
// var urlPrefix = "/GF"; // local
var urlPrefix = ""; // live
var loading = function(b){
if (b)
$("#loading").show();
@@ -14,18 +11,47 @@ $(document).ready(function() {
$("#loading").hide();
}
var scrollToTop = function(){
$("html, body").animate({ scrollTop: 0 }, "slow");
var scrollToY = function(y, callback){
$("html, body").animate({ scrollTop: y }, "slow", callback);
}
var scrollToTop = function() {
scrollToY(0);
}
var scrollToCodeLine = function(lineNo) {
showPanel("#code", function() {
// Find exact line, using the classes generated by google prettify
var obj = $("#code pre li.L"+(lineNo%10)+":eq("+Math.floor(lineNo/10)+")").prev();
var y = obj.offset().top - 20;
scrollToY(y, function(){
highlight(obj);
});
});
}
var highlight = function(obj) {
obj.css('background-color', "yellow");
setTimeout(function(){
obj.css('background-color', "");
}, 1500);
}
var clearCode = function(code) {
$('#code pre').empty();
}
var setCode = function(code) {
$('#code pre').html(code);
prettyPrint();
}
var current_language = undefined;
var urlPrefix = "";
var index;
$.ajax({
url: "index.json",
dataType: "json",
type: "GET",
success: function(data){
success: function(data) {
index = data;
urlPrefix = data['urlprefix'];
// Initialize the language list
var lang_select = $("<select>")
@@ -77,9 +103,10 @@ $(document).ready(function() {
};
// Initialize the panels & tabs
var showPanel = function(obj){
// obj can be just a plain selector or a jQuery object
var showPanel = function(obj, callback){
$(".panel").hide();
$(obj).show(); // obj can be just a plain selector or a jQuery object
$(obj).show(0, callback);
}
$(".panel").each(function(a,b){
$("<a>")
@@ -92,7 +119,7 @@ $(document).ready(function() {
return false;
})
.insertBefore("#loading");
});
});
showPanel(".panel:first");
var setTitle = function(s){
@@ -100,14 +127,14 @@ $(document).ready(function() {
}
var updateScopeCount = function(){
$('#scope_count').text( $("#scope_list dt:visible").length );
$('#scope_count').text( $("#scope_list tr:visible").length );
}
// Load both scope & source for a file
var loadFile = function(lang, module){
var loadFile = function(lang, module, lineNo){
setTitle(lang+"/"+module);
loadTagsFile(module);
loadSourceFile(lang, module)
loadSourceFile(lang, module, lineNo)
}
// Load a tags file
@@ -121,18 +148,25 @@ $(document).ready(function() {
type: "GET",
dataType: "text",
success: function(data){
data = data.replace(/^(\S+)\s+(.+)$/gm, '<dt name="$1">$1</dt><dd name="$1">$2</dd>');
// data = data.replace(/^(\S+)\s(\S+)\s(\S+)(.+)?$/gm, function(a,b,c,d,e){
// return '<tr name="'+b+'"><th>'+b+'</th><td>'+c+'</td><td>'+d+'</td><td>'+e+'</td></tr>'
// });
data = data.replace(/\s(\/lib\/\S+?\.gf(-tags)?)/gm, '<a href="$1">$1</a>');
data = data.replace(/^(\S+)\s(\S+)\s(.+)?$/gm, function(a,b,c,d){
var s = d.split("\t");
if (c == "indir") {
var name = s[2].slice(s[2].lastIndexOf('/')+1);
var anchor = '<a href="'+s[2]+'">'+name+'</a>';
return '<tr class="indir" name="'+b+'"><th>'+b+'</th><td>'+c+'</td><td>'+s[0]+'</td><td>'+s[1]+'</td><td>'+anchor+'</td><td></td></tr>'
} else {
var anchor = '<a href="'+s[0]+'">'+s[0]+'</a>';
return '<tr class="local" name="'+b+'"><th>'+b+'</th><td>'+c+'</td><td></td><td></td><td>'+anchor+'</td><td>'+s[1]+'</td></tr>'
}
});
$('#scope_list').html(data);
$('#scope_list a').click(function(){
var href = $(this).attr('href');
var m = href.match(/([^\/]+)\/([^\/]+)\.(gf(-tags)?)$/);
var m = href.match(/([^\/]+)\/([^\/]+)\.(gf(-tags)?)(:\d+)?/);
if (m[3]=="gf") {
// Load both tags and source
loadFile(m[1], m[2]);
var lineNo = m[5].slice(1);
loadFile(m[1], m[2], lineNo);
} else if (m[3]=="gf-tags") {
// Try and determine the language from the contents
checkSourceFile({
@@ -140,16 +174,17 @@ $(document).ready(function() {
module: m[2],
onsuccess: function(){
loadFile(current_language, m[2]);
scrollToTop();
},
onerror: function(){
// Load just tags (we don't know source)
setTitle(m[2]+" (scope only)");
$('#code').empty();
clearCode();
loadTagsFile(m[2]);
scrollToTop();
}
});
}
scrollToTop();
return false;
});
updateScopeCount();
@@ -173,19 +208,22 @@ $(document).ready(function() {
}
// Load a source module
var loadSourceFile = function(lang, module) {
$('#code').empty();
var loadSourceFile = function(lang, module, lineNo) {
clearCode();
loading(true);
$.ajax({
url: urlPrefix + "/lib/src/"+lang+"/"+module+".gf",
type: "GET",
dataType: "text",
success: function(data){
$('#code').html(data);
setCode(data);
loading(false);
if (lineNo) {
scrollToCodeLine(lineNo);
}
},
error: function(data){
$('#code').html("<em>No code available</em>");
setCode("<em>No code available</em>");
loading(false);
}
});
@@ -208,11 +246,10 @@ $(document).ready(function() {
loading(true);
try {
if (s) {
$("#scope_list").children( ":match(\""+s+"\")").show();
$("#scope_list").children(":not(:match(\""+s+"\"))").hide();
//$("#scope_list tr:not(:match(\""+s+"\"))").hide();
$("#scope_list tr:match(\""+s+"\")").show();
$("#scope_list tr:not(:match(\""+s+"\"))").hide();
} else {
$("#scope_list").children().show();
$("#scope_list tr").show();
}
} catch (error) {
alert(error.message);
@@ -221,14 +258,19 @@ $(document).ready(function() {
loading(false);
}
// $("#search").keyup(runfilter);
// Instant results
$("#search").keyup(runfilter);
$("#submit").hide();
// Filter & clear buttons
// $("#submit").click(runfilter);
$("#search").keypress(function(e){
var code = (e.keyCode ? e.keyCode : e.which);
if(code == 13) { // Enter
runfilter();
}
});
$("#submit").click(runfilter);
$("#clear").click(function(){
$("#search").val('');
runfilter();