public ascx_HtmlTagViewer buildGui(bool addLoadUrlTextBox, bool addHtmlCodeViewer)
{
//return (ascx_HtmlTagViewer)this.invokeOnThread(
// ()=>{
var TopPanel = this.add_Panel();
HtmlTags_TreeView = TopPanel.add_TreeView_for_HtmlTags()
.showSelection();
if (addHtmlCodeViewer)
{
HtmlCodeViewer = HtmlTags_TreeView.insert_Left <Panel>(TopPanel.width() / 2).add_SourceCodeViewer();
HtmlTags_TreeView.after_TagSelect_showIn_SouceCodeViewer(HtmlCodeViewer);
var optionsPanel = HtmlCodeViewer.insert_Below <Panel>(50);
optionsPanel.add_CheckBox("View as Xml", 0, 5,
(value) => {
ViewAsXml = value;
reloadPage();
})
.append_Label("Search html code:")
.top(5)
.append_TextBox("")
.onTextChange((text) => HtmlCodeViewer.editor().invoke("searchForTextInTextEditor_findNext", text))
.onEnter((text) => HtmlCodeViewer.editor().invoke("searchForTextInTextEditor_findNext", text))
.align_Right(optionsPanel);
optionsPanel.add_Link("Refresh tags", 30, 0, () => show(HtmlCodeViewer.get_Text()));
}
if (addLoadUrlTextBox)
{
PageToOpen = TopPanel.insert_Above <Panel>(20).add_TextBox().fill();
var propertyGrid = HtmlTags_TreeView.insert_Right <Panel>(150).add_PropertyGrid();
HtmlTags_TreeView.afterSelect <HtmlAgilityPack.HtmlNode>(
(htmlNode) => propertyGrid.show(htmlNode));
PageToOpen.onEnter(
(text) => {
if (text.fileExists())
{
show(text.fileContents());
}
else
{
show(text.uri());
}
});
}
HtmlNodeFilter = HtmlTags_TreeView.insert_Below_HtmlTagFilter((filter) => show(HtmlCode, filter));
return(this);
//});
}
//bool putJavaScriptCodeViewerOnTheLeft,
public ascx_Javascript_AST buildGui(bool addUrlLoadTextBox)
{
var mainGui = this.add_1x1("Files or ScriptBlocks", "Javascript Source (you can edit this code and see the results in realtime)");
var splitContainer = this.controls <SplitContainer>();
if (addUrlLoadTextBox)
{
showJavascriptsFromUrl =
splitContainer.insert_Above <Panel>(25)
.add_LabelAndComboBoxAndButton("Enter Url to load Javascripts", "", "Open", loadJavascriptsFromUrl)
.controls <ComboBox>();
}
/*if (putJavaScriptCodeViewerOnTheLeft)
* {
* splitContainer.splitterDistance(this.width()/3);
* javascriptCode = mainGui[1].add_TreeView().showSelection().sort();
* sourceCode = mainGui[0].add_SourceCodeViewer();
* }
* else
* {*/
javascriptCode = mainGui[0].add_TreeView().showSelection().sort();
sourceCode = mainGui[1].add_SourceCodeViewer();
//}
pagesVisited = javascriptCode.insert_Above <ComboBox>(25).dropDownList();
codeSnippet = sourceCode.insert_Below <TextBox>(100).multiLine().scrollBars();
tabControl = javascriptCode.insert_Below <TabControl>();
jsAST = tabControl.add_Tab("Javascript - View Ast Tree")
.add_TreeView()
.showSelection();
jsFunctions = tabControl.add_Tab("JScript: Functions")
.add_TreeView()
.showSelection()
.sort();
jsIdentifiers = tabControl.add_Tab("JScript: Identifiers")
.add_TreeView()
.showSelection()
.sort();
jsValues = tabControl.add_Tab("JScript: Values")
.add_TreeView()
.showSelection()
.sort();
allAST = tabControl.add_Tab("Javascript - View Ast Elements")
.add_TreeView()
.showSelection()
.sort();
var searchTab = tabControl.add_Tab("Search in Code")
.add_LabelAndComboBoxAndButton("search for (case sensitive)", "", "show",
(text) => {
sourceCode.editor().invoke("searchForTextInTextEditor_findNext", text);
});
//tabControl.select_Tab(searchTab);
javaScriptLoadMessage = javascriptCode.insert_Below <Panel>(20);
allAST.insert_Below <Panel>(25)
.add_CheckBox("Render this view (some performace impact on large scripts)", 0, 0,
(value) => {
RenderViewAstElementsTreeView = value;
processJavascript();
})
.autoSize();
allAST.jint_configure_showSelectionDetails(sourceCode, codeSnippet);
jsFunctions.jint_configure_showSelectionDetails(sourceCode, codeSnippet);
jsIdentifiers.jint_configure_showSelectionDetails(sourceCode, codeSnippet);
jsValues.jint_configure_showSelectionDetails(sourceCode, codeSnippet);
javascriptCode.afterSelect <string>(
(jsCode) => {
sourceCode.editor().clearBookmarksAndMarkers();
sourceCode.set_Text(jsCode, "*.js");
sourceCode.editor().refresh();
});
sourceCode.onTextChanged(processJavascript);
pagesVisited.onSelection <IE_HtmlPage>(
(htmlPage) => {
var allScriptsCompiledOk = javascriptCode.populateWithHtmlPageScripts(htmlPage);
javascriptCode.add_Node("zzz [Original Html Code for: {0}]".format(htmlPage.PageUri.str()), htmlPage.PageSource);
handleCompilationResult(allScriptsCompiledOk);
});
pagesVisited.onSelection <Jint_Wrapper>(
(jintWrapper) => {
var allScriptsCompiledOk = javascriptCode.populateWithHtmlPageScripts(jintWrapper.JavaScripts);
javascriptCode.add_Node("zzz_[Original Code for: {0}]".format(jintWrapper.Uri.str()), jintWrapper.Html);
handleCompilationResult(allScriptsCompiledOk);
});
javascriptCode.onDrop(
(fileOrFolder) => {
if (fileOrFolder.fileExists())
{
javascriptCode.add_Node(fileOrFolder.str(), fileOrFolder.fileContents());
}
else if (fileOrFolder.dirExists())
{
javascriptCode.clear();
foreach (var file in fileOrFolder.files("*.js", true))
{
javascriptCode.add_Node(file.str(), file.fileContents());
}
}
});
this.add_ContextMenu().add_MenuItem("Show log viewer", () => this.insert_Below <Panel>(90).add_LogViewer());
return(this);
}
