2016-02-05 11:55:47 -05:00
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
< html >
< title > %s< / title >
< body >
< h1 > %s< / h1 >
< br >
2016-03-29 16:33:59 -04:00
< div style = "padding:0px; margin:40px; min-width:450px; max-width:1250px;" >
2016-02-05 11:55:47 -05:00
< div style = "padding:0px; margin:20px" >
< form class = "iform" onsubmit = "return false" autocomplete = "off" >
<!-- onchange is when focus lost or enter, oninput is on each change -->
< input id = 'input1' type = "search" name = 'input1' style = "font-size:30px; padding:5px" oninput = "OnInputChange()" / >
< / form >
< div style = "margin-left:20px; line-height: 190%;" >
< p id = "prefixdemo" > < / p >
< / div >
< div style = "margin-left:20px;" >
< p >
Type:< br >
< input type = "checkbox" id = "Var" onchange = "OnInputChange()" name = "ConsoleVariables" value = "ConsoleVariables" checked / > Console Variables< br >
< input type = "checkbox" id = "Cmd" onchange = "OnInputChange()" name = "ConsoleCommands" value = "ConsoleCommands" checked / > Console Commands< br >
< input type = "checkbox" id = "Exec" onchange = "OnInputChange()" name = "Exec" value = "Exec" checked / > Exec Commands
< / p >
< p >
< input type = "checkbox" id = "SearchInHelpId" onchange = "OnInputChange()" name = "SearchInHelpName" value = "SearchInHelpValue" / > Search in help as well
< / p >
< / div >
< / div >
< div style = "margin:40px" >
< table id = "tabledemo" width = "100%" >
< / table >
< / div >
< p id = "demo" > < / p >
< br >
< br >
< b > Generated by:< / b > %s< br >
< b > Version:< / b > %s< br >
< b > Last Update:< / b > %s< br >
< / div >
< style type = "text/css" >
//body { background-color:#000000; color:#E0E0E0 }
* {
font-family: ‘ ’
// font-weight: bold;
}
h1 { color:#555555; font-size:32px; border-bottom:solid thin black; }
table {
border:0px solid #ffffff; color:#000000; padding:16px; border-spacing:0px;
border-collapse:collapse;
}
td,th {
border:0px solid #bbbbbb;
vertical-align:top;
overflow:hidden;
padding:6px;
}
th {
background-color:#E0E0E0;
color: #000000;
text-align: left;
border: 1px solid #c0c0c0;
}
a.prefix {
border: 0px solid;
padding: 3px;
padding-left: 5px;
padding-right: 5px;
font-weight: bold;
text-decoration:none;
margin:4px;
white-space: nowrap;
}
a.prefix:link {
border:1px solid #7777FF;
background-color:#ddddff;
color: #7777FF;
}
a.prefix:hover {
background-color:#7777FF;
color: #ddddff;
}
td {
font-family:"Lucida Console", Monaco, monospace;
padding:7px;
border:1px solid #cccccc;
}
< / style >
< script >
// document.write('>' + "TYets".slice(-1).localeCompare("*") == 0 + '< ');
// document.write('>' + "TYets*".slice(-1).localeCompare("*") == 0 + '< ');
// document.write('>' + ("TYets".slice(-1).localeCompare("*") == 0) + '< ');
// document.write('>' + ("TYets*".slice(-1).localeCompare("*") == 0) + '< ');
function EscapeReg(str)
{
return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
// .replace(/[^\w\s]/g, "\\$& ")
}
var ReBuildIncremental_prefixstr;
var ReBuildIncremental_index;
var ReBuildIncremental_bSearchInHelp;
var ReBuildIncremental_bSearchInVar;
var ReBuildIncremental_bSearchInCmd;
var ReBuildIncremental_bSearchInExec;
// @param prefixstr needs to be no regular expression
function IsValid(prefixstr, cvar, bDoFilter)
{
var name = cvar.name;
var help = cvar.help;
var type = cvar.type;
var bDo = true;
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions
var re;
if(prefixstr != "\\*")
{
// "Test*" means we search for a string starting with "Test"
// "Test" means we search for a string that has "Test" somewhere
var bStartsWith = prefixstr.slice(-2) == "\\*";
if(bStartsWith)
{
var PrefixWithoutStar = prefixstr.slice(0, prefixstr.length - 2);
re = new RegExp("^" + PrefixWithoutStar, "gi");
}
else
{
re = new RegExp(prefixstr, "gi");
}
bDo = re.test(name);
if(bDoFilter)
{
if(!bDo)
{
if(ReBuildIncremental_bSearchInHelp)
{
bDo = re.test(help);
}
}
}
}
if(bDoFilter)
{
if(bDo)
{
if(type == "Var")
{
if(!ReBuildIncremental_bSearchInVar) bDo = false;
}
else if(type == "Cmd")
{
if(!ReBuildIncremental_bSearchInCmd) bDo = false;
}
else if(type == "Exec")
{
if(!ReBuildIncremental_bSearchInExec) bDo = false;
}
}
}
return bDo;
}
function Rebuild(prefixstr)
{
prefixstr = EscapeReg(prefixstr);
ReBuildIncremental_prefixstr = prefixstr;
ReBuildIncremental_index = 0;
ReBuildIncremental_bSearchInHelp = document.getElementById("SearchInHelpId").checked;
ReBuildIncremental_bSearchInVar = document.getElementById("Var").checked;
ReBuildIncremental_bSearchInCmd = document.getElementById("Cmd").checked;
ReBuildIncremental_bSearchInExec = document.getElementById("Exec").checked;
var aa = document.getElementById("prefixdemo");
aa.innerHTML = "";
for(index = 0; index < cvars_prefix.length ; index + + )
{
aa.innerHTML += '< a href = "a" id = "' + cvars_prefix[index].prefix +'" onclick = "return OnLinkClick(this.id);" class = \"prefix"\ > '
+ cvars_prefix[index].name + " (" + cvars_prefix[index].count + ")" + "< / a > ";
}
// -----------------
aa = document.getElementById("tabledemo");
aa.innerHTML = "< tr > < th > < b > Name< / b > < / th > < th > < b > Help< / b > < / th > < / tr > ";
}
function RebuildIncremental(UpdateCount)
{
aa = document.getElementById("tabledemo");
for(Update = 0; Update < UpdateCount ; Update + + )
{
if(ReBuildIncremental_index >= cvars.length)
break;
if(IsValid(ReBuildIncremental_prefixstr, cvars[ReBuildIncremental_index], true))
{
var help = cvars[ReBuildIncremental_index].help;
help = help.replace(/\n/g, "< br > ");
aa.innerHTML += "< tr > < td style = 'color: #ff8844;' > " + cvars[ReBuildIncremental_index].name + "< / td > < td > " + help + "< / td > < / tr > ";
}
++ReBuildIncremental_index;
}
}
function OnTick()
{
// larger number means faster search but more hitching
RebuildIncremental(25);
}
function BuildCounts()
{
aa = document.getElementById("demo");
for(i = 0; i < cvars_prefix.length ; i + + )
{
var prefixstr = cvars_prefix[i].prefix + "*";
var count = 0;
prefixstr = EscapeReg(prefixstr);
for(e = 0; e < cvars.length ; e + + )
{
if(IsValid(prefixstr, cvars[e], false))
{
++count;
}
}
cvars_prefix[i].count = count;
}
}
function OnInputChange()
{
var value = document.forms[0]["input1"].value;
Rebuild(value);
}
function OnLinkClick(value)
{
value += "*";
document.forms[0]["input1"].value = value;
document.getElementById("SearchInHelpId").checked = false;
Rebuild(value);
return false;
}
function changeText(id) {
id.innerHTML = "Ooops!";
}
var cvars_prefix = [
{prefix: "", name:"All", count:0 },
{prefix: "r.", name:"Renderer", count:0},
{prefix: "s.", name:"Sound", count:0},
{prefix: "t.", name:"Timer", count:0},
{prefix: "rhi.", name:"RHI", count:0},
{prefix: "net.", name:"Network", count:0},
{prefix: "opengl.", name:"OpenGL", count:0},
{prefix: "g.", name:"Game", count:0},
{prefix: "sg.", name:"ScalabilityGroups", count:0},
{prefix: "slate.", name:"Slate", count:0},
{prefix: "p.", name:"Physics", count:0},
{prefix: "showflag.", name:"Showflags", count:0},
{prefix: "FX.", name:"Particle FX system", count:0},
// {prefix: ".", name:"Remaining", count:0},
];
var cvars = [
// all cvars and command in this form:
// {name: "a.ParallelAnimEvaluation", help:"If 1, animation evaluation will be run across the task graph system. If 0, evaluation will run purely on the game thread"},
%s
];
// -------------------------------------------
// call OnTick every x ms
setInterval(function () {OnTick()}, 20);
//setInterval(function(){alert('Hello')},3000);
BuildCounts();
// by default we show rendering variables
document.forms[0]["input1"].value = "r.*";
// initiate search
OnInputChange();
< / script >
< / body >
< / html >
