forked from Botanical/BotanJS
		
	
		
			
				
	
	
		
			202 lines
		
	
	
		
			9.9 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			202 lines
		
	
	
		
			9.9 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<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">×</span>diary</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>music</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>discover</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>audio</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>as3</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>development</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>illustration</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>blogAPI</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>windows phone 8</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>wenku8</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>logging</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>android</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>faq</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>project</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>bash</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>linux</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>pymo</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>3ds Max</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>drawings</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>python</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>perl</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>ruby</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>analysis</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>gaming</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>fez</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>cryptography</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>php</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>ContextMenu</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>JavaScript</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>HTML</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>c++</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>modeling</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>node.js</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>mongodb</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>peer to peer</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</span>content distribution network</span>
 | 
						|
            <span class="ae_disabled"><span class="ae_tag_delete">×</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>
 |