Mercurial > MadButterfly

view inkscape/firefox/content/madbuilder.html @ 1153:5abf419d66e5

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Refactory methods of state awared drawing to frameline_draw_state
author Thinker K.F. Li <thinker@codemud.net>
date Mon, 27 Dec 2010 15:37:03 +0800
parents 45e04408fc19
children
line wrap: on
line source

<html>
<head>
	<link rel="stylesheet" type="text/css" href="tree_component.css" />
	<link type="text/css" href="css/smoothness/jquery-ui-1.7.custom.css" rel="stylesheet" />	
	<script language="javascript" src="css.js"></script>
	<script language="javascript" src="jquery-1.3.1.js"></script>
	<script language="javascript" src="jqXMLUtils.js"></script>
	<script language="javascript" src="jqSOAPClient.js"></script>
	<script language="javascript" src="tree_component.js"></script>
	<script type="text/javascript" src="jquery-ui-1.7.custom.min.js"></script>
	<script type="text/javascript" src="jquery.simplemodal-1.2.3.pack.js"></script>
	<script type="text/javascript" src="wizard.js"></script>
	<script type="text/javascript" src="madswatter.js"></script>
	<script type="text/javascript" src="inkscape.js"></script>
	<script type="text/javascript" src="main.js" ></script>

	<style type="text/css"> 
		.normal {
			background-color:write
			}
		.active {
			background-color: yellow
			}
		a.button {
			background: transparent url('bg_button_a.gif') no-repeat scroll top right;
			color : #444 ;
			display : block ; 
			float : left ; 
			font : normal 12px arial, sans-serif ;
			height : 24px; 
			margin-right : 6px;
		        padding-right : 18px;
			text-decoration : none ;
			}
		a.button span {
			background : transparent url('bg_button_span.gif' ) no-repeat ;
			display : block ;
			line- height : 14px;
			padding : 5px 0 5px 18px;
			}
		a.button:active {
		    	background-position: bottom right;
		        color: blue;
			outline: none; /* hide dotted outline in Firefox */
	    	}

	    	a.button:active span {
		        background-position: bottom left;
		        color: blue;
		    	padding: 6px 0 4px 18px; /* push text down 1px */
		} 
		.filepanel {
			height:700px;
		}
		.tab {
			font-size: 20px;
		}
	</style>
</head>
<body>
<div class='draggable' id='frame' width=1100 height=200>
</div>

<div class='buttonpanel' id='btns'>
	<br/>
	<a class='button' href='#'> <span id='Jump'       onClick='onButtonClick(this)'>Jump</span></a>
	<a class='button' href='#'> <span id='InsertKey' onClick='onButtonClick(this)'>Insert</span></a>
	<a class='button' href='#'> <span id='ExtendScene' onClick='onButtonClick(this)'>Extend</span></a>
	<a class='button' href='#'> <span id='DeleteScene' onClick='onButtonClick(this)'>Delete</span></a>
	<a class='button' href='#'> <span id='MakeSymbol' onClick='onButtonClick(this)'>Make Symbol</span></a>
	<a class='button' href='#'> <span id='MakeButton' onClick='onButtonClick(this)'>make Button</span></a>
	<a class='button' href='#'> <span id='EditAnimation' onClick='onButtonClick(this)'>Edit Animation</span></a>
	<a class='button' href='#'> <span id='Test' onClick='onButtonClick(this)'>Test</span></a>
	<a class='button' href='#'> <span id='Save' onClick='onButtonClick(this)'>Save</span></a>
	<a class='button' href='#'> <span id='Wizard' onClick='wizard.execute()'>Wizard</span></a>
	<a class='button' href='#'> <span id='Open' onClick='onButtonClick(this)'>Open</span></a>
	<br/>
	<br/>
</div>

<table><tr>
<td valign='top'>	
<div width='200' height='700' id='list'>
	<ul>
		<li><a class='tab' href='#filelist'>Project</a></li>
		<li><a class='tab' href='#sourcelist'>Source list</a></li>
		<li><a class='tab' href='#debug' valign='top'>Debug</a></li>
	</ul>
<div class='filepanel' id='filelist'></div>
<div class='filepanel' id='sourcelist'></div>
<div class='filepanel' id='debug'></div>
</div>
</td>
<td valign='top' width='900'>
<div id='display'>
	<ul>
		<li><a class='tab' href='#inkscape'>MBSVG</a></li>
		<li><a class='tab' href='#editor'>Editor</a></li>
		<li><a class='tab' href='#madswatter'>Animation</a></li>
		<li><a class='tab' href='#compiler'>Compiler</a></li>
		<li><a class='tab' href='#debugger'>Debugger</a></li>
	</ul>
<div>
<div class='filepanel' id='inkscape'></div>
<div class='filepanel' id='editor'></div>
<div class='filepanel' id='madswatter'></div>
<div class='filepanel' id='compiler'></div>
<div class='filepanel' id='debugger'></div>
</div>
</div>
</td>
</table>



<div id='filedialog'></div>

<div id='wizard'>
	The name of the project<br>
	<input type=text id='wizardname' value='default'/><br>
	Please select the type of applications.<br>
	<ul>
		<a href='#' onClick="wizard.step1_cb('textmenu')"><li> Text only menu </li></a>
		<a href='#' onClick="wizard.step1_cb('preview')"><li> Text with preview menu </li></a>
	</ul>

</div>

<div id='wizard_step2'>
	Please select the output path<br>
	<input id='outputpath' type=file value='/tmp' /><br>
	<a class 'buttopn' href='#'><span onClick='wizard.step1_cb()'>Prev</span></a>
	<a class 'buttopn' href='#'><span onClick='wizard.step2_cb()'>Next</span></a>
</div>
<div id='wizard_step3'>
	Generating files<br>
</div>

<div id='symboldialog' />

</body>
</html>