forked from Botanical/BotanJS
Astro Classes
This commit is contained in:
@@ -0,0 +1,191 @@
|
||||
(function ()
|
||||
{
|
||||
var ns = __namespace( "Astro.Blog.AstroEdit.Visualizer.Snippet" );
|
||||
|
||||
/** @type {System.utils.IKey} */
|
||||
var IKey = __import( "System.utils.IKey" );
|
||||
/** @type {System.utils.DataKey} */
|
||||
var DataKey = __import( "System.utils.DataKey" );
|
||||
/** @type {Dandelion.IDOMElement} */
|
||||
var IDOMElement = __import( "Dandelion.IDOMElement" );
|
||||
/** @type {Dandelion} */
|
||||
var Dand = __import( "Dandelion" );
|
||||
/** @type {Components.MessageBox} */
|
||||
var MessageBox = __import( "Components.MessageBox" );
|
||||
|
||||
var escapeStr = ns[ NS_INVOKE ]( "escapeStr" );
|
||||
|
||||
var code = function ( insertSnippet, snippetWrap, createContext, override )
|
||||
{
|
||||
var temp, i, j
|
||||
, codeLangs = IKey.quickDef(
|
||||
"Plain text" , "plain"
|
||||
, "AS3" , "as3"
|
||||
, "bash" , "bash"
|
||||
, "C#" , "c#"
|
||||
, "C/C++" , "c"
|
||||
, "CSS" , "css"
|
||||
, "php" , "php"
|
||||
, "Python" , "python"
|
||||
, "Perl" , "perl"
|
||||
, "Ruby" , "ruby"
|
||||
, "Html/Xml" , "html"
|
||||
, "Java" , "java"
|
||||
, "JavaScript" , "js"
|
||||
, "SQL" , "sql"
|
||||
)
|
||||
|
||||
// Private methods
|
||||
, compileListItems = function ()
|
||||
{
|
||||
var arr = [];
|
||||
for ( i in codeLangs )
|
||||
{
|
||||
arr[ arr.length ] = Dand.wrapne(
|
||||
"option"
|
||||
, codeLangs[i].keyName
|
||||
, new IKey( "value", codeLangs[i].keyValue )
|
||||
);
|
||||
}
|
||||
return arr;
|
||||
}
|
||||
|
||||
// Snippet Class structure: handler & visualizer
|
||||
, handler = function ()
|
||||
{
|
||||
// Input fields
|
||||
var v_snippetInput = Dand.wrap( "textarea", null, "v_snippet_input" )
|
||||
, v_codelang = Dand.wrap( "select", null, "v_select flsf", compileListItems() );
|
||||
|
||||
if ( this._stage )
|
||||
{
|
||||
if ( this._lang )
|
||||
{
|
||||
for ( i = 0; i < codeLangs.length; i ++ )
|
||||
{
|
||||
if ( codeLangs[i].keyValue == this._lang )
|
||||
{
|
||||
v_codelang.selectedIndex = i;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
v_snippetInput.value = this._content || "";
|
||||
}
|
||||
else
|
||||
{
|
||||
// Remember the last choice
|
||||
if ( typeof( this.pSnippeCodeChoice ) == "number" )
|
||||
v_codelang.selectedIndex = this.pSnippeCodeChoice;
|
||||
}
|
||||
|
||||
// Popup MessageBox
|
||||
new MessageBox(
|
||||
( this._stage ? "Edit" : "Insert" ) + " code snippet"
|
||||
, Dand.wrapc(
|
||||
"v_trimmer"
|
||||
, [
|
||||
Dand.wrapc( "v_instruction", v_codelang )
|
||||
, v_snippetInput
|
||||
]
|
||||
)
|
||||
, "OK", "Cancel"
|
||||
// Switcher
|
||||
, visualizer.bind({ code:v_snippetInput, lang: v_codelang, stage: this._stage })
|
||||
).show();
|
||||
}
|
||||
|
||||
|
||||
, visualizer = function ( submitted, override )
|
||||
{
|
||||
var lang, code
|
||||
, stage = this.stage;
|
||||
|
||||
if ( override )
|
||||
{
|
||||
lang = override.lang;
|
||||
code = override.value;
|
||||
}
|
||||
else
|
||||
{
|
||||
lang = this.lang[this.pSnippeCodeChoice = this.lang.selectedIndex].value;
|
||||
code = this.code.value;
|
||||
}
|
||||
|
||||
|
||||
if ( submitted && code )
|
||||
{
|
||||
if (!stage)
|
||||
{
|
||||
// Visualize component
|
||||
temp = Dand.wrapc(
|
||||
"v_box"
|
||||
, [
|
||||
Dand.wrapne( "pre", code )
|
||||
, Dand.wrapc( "v_description", "Script language: " + lang )
|
||||
]
|
||||
, [
|
||||
new DataKey( "value", code )
|
||||
, new DataKey( "lang", lang )
|
||||
]
|
||||
);
|
||||
insertSnippet( j = snippetWrap( "Code", temp ), Boolean( override ) );
|
||||
}
|
||||
else
|
||||
{
|
||||
IDOMElement( stage ).setAttribute(
|
||||
[
|
||||
new DataKey( "value", code )
|
||||
, new DataKey( "lang", lang )
|
||||
]
|
||||
);
|
||||
|
||||
temp = stage.firstChild;
|
||||
temp.removeChild( temp.firstChild );
|
||||
stage.firstChild.appendChild( Dand.textNode( code ) );
|
||||
|
||||
temp = stage.lastChild;
|
||||
temp.removeChild( temp.firstChild );
|
||||
temp.appendChild( Dand.textNode( "Script language: " + lang ) );
|
||||
|
||||
temp = stage;
|
||||
|
||||
}
|
||||
|
||||
i = { _lang: lang, _content: code, _stage: temp };
|
||||
|
||||
// Set context menu
|
||||
createContext( i, j, handler );
|
||||
}
|
||||
}
|
||||
;
|
||||
|
||||
if ( override )
|
||||
{
|
||||
visualizer( true, override );
|
||||
override = false;
|
||||
}
|
||||
else
|
||||
{
|
||||
return handler;
|
||||
}
|
||||
return true;
|
||||
};
|
||||
|
||||
var compile = function ( stage )
|
||||
{
|
||||
// [code lang=\"" + lang + "\"]" + code + "[/code]"
|
||||
var element = IDOMElement( stage )
|
||||
, lang = element.getDAttribute( "lang" );
|
||||
|
||||
return "[code"
|
||||
+ (lang ? (" lang=\"" + lang + "\"") : "") + "]"
|
||||
+ escapeStr( element.getDAttribute( "value" ) )
|
||||
+ "[/code]"
|
||||
;
|
||||
};
|
||||
|
||||
__static_method( code, "compile", compile );
|
||||
|
||||
ns[ NS_EXPORT ]( EX_CLASS, "Code", code );
|
||||
})();
|
||||
Reference in New Issue
Block a user