<html>
<head>
<title>Botan JS - Test</title>
<script>
var debugEnv = true;
var _AstConf_ = {
	"ServiceUri": "/"
	, "BasePath": "http://blog.astropenguin.net/"
    , "AstroEdit": {
        "article_id": 1798
		, "paths": {
			"get_article"   :  "http://blog.astropenguin.net/user/ajax-get_article"
			, "get_drafts"  :  "http://blog.astropenguin.net/user/ajax-get_drafts"
			, "get_files"   :  "http://blog.astropenguin.net/user/ajax-get_files"
			, "set_article" :  "http://blog.astropenguin.net/user/ajax-set_article"
			, "set_file"    :  "http://blog.astropenguin.net/user/ajax-set_file"
			, "tag_count"   :  "http://blog.astropenguin.net/user/ajax-get_tag_count"
		}
    }
};
</script>

<link href="/ocss/Components.Console" rel="stylesheet" type="text/css" />
<script src="/ojs/Components.Console"></script>

<link href="/ocss/Astro.Blog.AstroEdit/-Components.Console" rel="stylesheet" type="text/css" />
<script src="/ojs/Astro.Blog.AstroEdit/-Components.Console"></script>
<body onload="BotanJS.import('Astro.Bootstrap').init();">
 
<div id="ae_body" class="ae_body no_transition">
    <div class="ae_topbar">
        <span class="ae_title flsf">AstroEdit</span>
        <span class="ae_title flsf"><sup>Open</sup><a href="../../../article/latest" target="_blank">Blog</a></span>
    </div>

    <div class="ae_content">
        <div class="ae_background">
            <div id="ae_bgdimmer">
                <input type="text" id="ae_title" class="a_title fls" placeholder="Untitled" />
                <div id="ae_content" contentEditable="true" class="fls"></div>
            </div>
        </div>
    </div>
</div>

<div id="ae_panel" class="ae_panel">
    <div id="ae_minor_panel" class="compx ae_user_info">
        <div class="ae_draft_section">
            <div class="ae_user_ctonten">
                <div class="fsf">You have 1 article(s) in draft. </div>
            </div>
            <div id="ae_user_drafts"></div>
            <div class="ae_draft_logo flsf">Drafts</div>
        </div>
        <div class="ae_name_card">
            <div class="ae_name">penguin</div>
        </div>
        <div id="ae_expand" class="ae_expand_btn"></div>
    </div>

    <div class="ae_article_action">

        <!-- action -->
        <div class="ae_stitle flsf">actions</div>
        <div class="compx ae_panel_section">
            <div class="ae_section_prop">
                <div id="ae_publish_btn" class="ae_iValue ae_purple flsf">Publish</div>
            </div>
            <div class="ae_section_prop">
                <form id="ae_preview" target="_blank" method="POST" action="http://blog.astropenguin.net/article/preview/">
                    <div id="ae_preview_btn" class="ae_iValue ae_coral flsf">Preview</div>
                    <input name="nickname" value="penguin" type="hidden" />
                </form>
            </div>
            <div class="ae_section_prop">
                <div id="ae_backup_btn" class="ae_iValue ae_disabled flsf">Save(Ctrl + s)</div>
            </div>
            <div class="ae_section_prop">
                <div id="ae_drop_btn" class="ae_iValue ae_caution flsf">Delete</div>
            </div>
        </div>

        <!-- iComponents -->
        <div class="ae_stitle flsf">snippets</div>
        <div id="ae_visual_snippets" class="compx ae_panel_section ae_blockswitch">
        </div>

        <!-- Section properties -->
        <div class="ae_stitle flsf">article properties</div>
        <div class="ae_panel_section">
            <div class="ae_section_prop">
                <div class="ae_prop_name fls">Date created</div>
                <div id="ae_cdate" class="ae_prop_value fsf">9<sup>th</sup> December, 2014</div>
            </div>
            <div class="ae_section_prop">
                <div class="ae_prop_name fls">Date modified</div>
                <div id="ae_mdate" class="ae_prop_value fsf">9<sup>th</sup> December, 2014</div>
            </div>
            <div class="ae_section_prop">
                <div class="ae_prop_name fls">Date published</div>
                <div id="ae_pdate" class="ae_prop_value fsf">9<sup>th</sup> December, 2014</div>
            </div>
            <div class="ae_section_prop">
                <div class="ae_prop_name fls">Status</div>
                <div id="ae_status" class="ae_prop_value fsf">In draft</div>
            </div>
        </div>

        <!-- Tags -->
        <div class="ae_stitle flsf">tags <sup class="ae_tag_add" id="ae_addTags">+</sup></div>
        <div id="ae_tags" class="compx ae_panel_section ae_blockswitch">
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>diary</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>music</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>discover</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>audio</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>as3</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>development</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>illustration</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>blogAPI</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>windows phone 8</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>wenku8</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>logging</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>android</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>faq</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>project</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>bash</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>linux</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>pymo</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>3ds Max</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>drawings</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>python</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>perl</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>ruby</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>analysis</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>gaming</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>fez</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>cryptography</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>php</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>ContextMenu</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>JavaScript</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>HTML</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>c++</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>modeling</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>node.js</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>mongodb</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>peer to peer</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>content distribution network</span>
            <span class="ae_disabled"><span class="ae_tag_delete">&#x00D7;</span>rho</span>
        </div>
    </div>

    <div style="height: 2em; width:100%;"></div>
</div>

<div id="siteLibrary" class="cubic500">
    <div class="asl_header">
        <div class="asl_title"><span>Site Library</span></div>
        <div id="asl_smask" class="comp asl_smask"></div>
    </div>
    <div class="asl_viewer">
        <div class="asl_intitle">
            <span class="asl_home_btn" id="asl_homeBtn">
                <span class="asl_go_up"></span>
                <span class="asl_go_up_text">Site Library</span>
            </span>
        </div>
        <div class="asl_contentPanel">
            <div id="asl_viewer" class="compx"></div>
            <div id="asl_contentMenu" class="asl_contentMenu"></div>
            <div id="asl_uploader">

                <div id="asl_u_head">
                    <div class="upldr_title">Upload Manager</div>
                    <div class="asl_split">
                        <div id="asl_instruction" class="asl_instruction cubic500" >Upload files: drag files to the browser window. (Folders are not supported.)</div>
                        <div class="asl_left">
                            <div id="asl_preview" class="asl_preview"></div>
                        </div>
                        <div class="asl_right">
                            <div id="asl_fileName" class="asl_fileName">Dummy</div>
                            <div class="asl_progress">
                                <div id="asl_ptext" class="asl_ptext right">0%</div>
                                <div class="asl_pbar">
                                    <div id="asl_pbar_fill" class="asl_pbar_fill"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="asl_fwrapper">
                    <div id="asl_fileList" class="asl_fileList"></div>
                </div>

            </div>
        </div>
    </div>
</div>

</body>
</html>