Mercurial > MadButterfly

view inkscape/firefox/content/madbuilder.html @ 1265:ca301f6abef7

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Support undo for insert key frame/rm keyframe. We will refresh all layers and scenes since it is not feasible to collect these changes and update the layers and scenes. We may scan two level only in the future to improve the performance.
author wycc
date Wed, 12 Jan 2011 15:01:14 +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>