Mercurial > MadButterfly
annotate inkscape/firefox/content/madbuilder.html @ 1265:ca301f6abef7
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 |
rev | line source |
---|---|
288 | 1 <html> |
2 <head> | |
352 | 3 <link rel="stylesheet" type="text/css" href="tree_component.css" /> |
364
a373b4743e63
Add file dialog to add a new scene file into the project.
wycc
parents:
361
diff
changeset
|
4 <link type="text/css" href="css/smoothness/jquery-ui-1.7.custom.css" rel="stylesheet" /> |
352 | 5 <script language="javascript" src="css.js"></script> |
288 | 6 <script language="javascript" src="jquery-1.3.1.js"></script> |
7 <script language="javascript" src="jqXMLUtils.js"></script> | |
8 <script language="javascript" src="jqSOAPClient.js"></script> | |
352 | 9 <script language="javascript" src="tree_component.js"></script> |
364
a373b4743e63
Add file dialog to add a new scene file into the project.
wycc
parents:
361
diff
changeset
|
10 <script type="text/javascript" src="jquery-ui-1.7.custom.min.js"></script> |
357 | 11 <script type="text/javascript" src="jquery.simplemodal-1.2.3.pack.js"></script> |
367 | 12 <script type="text/javascript" src="wizard.js"></script> |
389
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
13 <script type="text/javascript" src="madswatter.js"></script> |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
14 <script type="text/javascript" src="inkscape.js"></script> |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
15 <script type="text/javascript" src="main.js" ></script> |
352 | 16 |
288 | 17 <style type="text/css"> |
18 .normal { | |
19 background-color:write | |
20 } | |
21 .active { | |
22 background-color: yellow | |
23 } | |
24 a.button { | |
352 | 25 background: transparent url('bg_button_a.gif') no-repeat scroll top right; |
26 color : #444 ; | |
288 | 27 display : block ; |
28 float : left ; | |
29 font : normal 12px arial, sans-serif ; | |
30 height : 24px; | |
31 margin-right : 6px; | |
32 padding-right : 18px; | |
33 text-decoration : none ; | |
34 } | |
35 a.button span { | |
352 | 36 background : transparent url('bg_button_span.gif' ) no-repeat ; |
288 | 37 display : block ; |
352 | 38 line- height : 14px; |
39 padding : 5px 0 5px 18px; | |
288 | 40 } |
352 | 41 a.button:active { |
42 background-position: bottom right; | |
43 color: blue; | |
44 outline: none; /* hide dotted outline in Firefox */ | |
45 } | |
46 | |
47 a.button:active span { | |
48 background-position: bottom left; | |
49 color: blue; | |
50 padding: 6px 0 4px 18px; /* push text down 1px */ | |
51 } | |
376
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
52 .filepanel { |
389
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
53 height:700px; |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
54 } |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
55 .tab { |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
56 font-size: 20px; |
376
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
57 } |
288 | 58 </style> |
59 </head> | |
60 <body> | |
376
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
61 <div class='draggable' id='frame' width=1100 height=200> |
288 | 62 </div> |
63 | |
376
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
64 <div class='buttonpanel' id='btns'> |
352 | 65 <br/> |
288 | 66 <a class='button' href='#'> <span id='Jump' onClick='onButtonClick(this)'>Jump</span></a> |
67 <a class='button' href='#'> <span id='InsertKey' onClick='onButtonClick(this)'>Insert</span></a> | |
68 <a class='button' href='#'> <span id='ExtendScene' onClick='onButtonClick(this)'>Extend</span></a> | |
69 <a class='button' href='#'> <span id='DeleteScene' onClick='onButtonClick(this)'>Delete</span></a> | |
70 <a class='button' href='#'> <span id='MakeSymbol' onClick='onButtonClick(this)'>Make Symbol</span></a> | |
71 <a class='button' href='#'> <span id='MakeButton' onClick='onButtonClick(this)'>make Button</span></a> | |
352 | 72 <a class='button' href='#'> <span id='EditAnimation' onClick='onButtonClick(this)'>Edit Animation</span></a> |
73 <a class='button' href='#'> <span id='Test' onClick='onButtonClick(this)'>Test</span></a> | |
365
6adb28388132
Add capability to add new scene and source into the project
wycc
parents:
364
diff
changeset
|
74 <a class='button' href='#'> <span id='Save' onClick='onButtonClick(this)'>Save</span></a> |
367 | 75 <a class='button' href='#'> <span id='Wizard' onClick='wizard.execute()'>Wizard</span></a> |
389
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
76 <a class='button' href='#'> <span id='Open' onClick='onButtonClick(this)'>Open</span></a> |
288 | 77 <br/> |
78 <br/> | |
79 </div> | |
376
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
80 |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
81 <table><tr> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
82 <td valign='top'> |
389
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
83 <div width='200' height='700' id='list'> |
376
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
84 <ul> |
389
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
85 <li><a class='tab' href='#filelist'>Project</a></li> |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
86 <li><a class='tab' href='#sourcelist'>Source list</a></li> |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
87 <li><a class='tab' href='#debug' valign='top'>Debug</a></li> |
376
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
88 </ul> |
389
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
89 <div class='filepanel' id='filelist'></div> |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
90 <div class='filepanel' id='sourcelist'></div> |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
91 <div class='filepanel' id='debug'></div> |
376
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
92 </div> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
93 </td> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
94 <td valign='top' width='900'> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
95 <div id='display'> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
96 <ul> |
389
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
97 <li><a class='tab' href='#inkscape'>MBSVG</a></li> |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
98 <li><a class='tab' href='#editor'>Editor</a></li> |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
99 <li><a class='tab' href='#madswatter'>Animation</a></li> |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
100 <li><a class='tab' href='#compiler'>Compiler</a></li> |
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
101 <li><a class='tab' href='#debugger'>Debugger</a></li> |
376
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
102 </ul> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
103 <div> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
104 <div class='filepanel' id='inkscape'></div> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
105 <div class='filepanel' id='editor'></div> |
389
45e04408fc19
Implement stub functions for the MadSwatter integration.
wycc
parents:
381
diff
changeset
|
106 <div class='filepanel' id='madswatter'></div> |
376
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
107 <div class='filepanel' id='compiler'></div> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
108 <div class='filepanel' id='debugger'></div> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
109 </div> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
110 </div> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
111 </td> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
112 </table> |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
113 |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
114 |
7d244a85dd68
Change the screen layout to make it more like an usual IDE.
wycc
parents:
371
diff
changeset
|
115 |
364
a373b4743e63
Add file dialog to add a new scene file into the project.
wycc
parents:
361
diff
changeset
|
116 <div id='filedialog'></div> |
367 | 117 |
118 <div id='wizard'> | |
119 The name of the project<br> | |
120 <input type=text id='wizardname' value='default'/><br> | |
121 Please select the type of applications.<br> | |
122 <ul> | |
371 | 123 <a href='#' onClick="wizard.step1_cb('textmenu')"><li> Text only menu </li></a> |
367 | 124 <a href='#' onClick="wizard.step1_cb('preview')"><li> Text with preview menu </li></a> |
125 </ul> | |
126 | |
127 </div> | |
128 | |
129 <div id='wizard_step2'> | |
130 Please select the output path<br> | |
131 <input id='outputpath' type=file value='/tmp' /><br> | |
132 <a class 'buttopn' href='#'><span onClick='wizard.step1_cb()'>Prev</span></a> | |
371 | 133 <a class 'buttopn' href='#'><span onClick='wizard.step2_cb()'>Next</span></a> |
367 | 134 </div> |
135 <div id='wizard_step3'> | |
371 | 136 Generating files<br> |
367 | 137 </div> |
138 | |
381 | 139 <div id='symboldialog' /> |
140 | |
288 | 141 </body> |
142 </html> |