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
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
1 <html>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
2 <head>
352
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
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
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
5 <script language="javascript" src="css.js"></script>
288
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
6 <script language="javascript" src="jquery-1.3.1.js"></script>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
7 <script language="javascript" src="jqXMLUtils.js"></script>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
8 <script language="javascript" src="jqSOAPClient.js"></script>
352
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
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
6fd8da22a5ef Implement scene file load function.
wycc
parents: 352
diff changeset
11 <script type="text/javascript" src="jquery.simplemodal-1.2.3.pack.js"></script>
367
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
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
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
16
288
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
17 <style type="text/css">
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
18 .normal {
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
19 background-color:write
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
20 }
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
21 .active {
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
22 background-color: yellow
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
23 }
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
24 a.button {
352
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
25 background: transparent url('bg_button_a.gif') no-repeat scroll top right;
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
26 color : #444 ;
288
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
27 display : block ;
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
28 float : left ;
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
29 font : normal 12px arial, sans-serif ;
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
30 height : 24px;
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
31 margin-right : 6px;
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
32 padding-right : 18px;
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
33 text-decoration : none ;
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
34 }
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
35 a.button span {
352
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
36 background : transparent url('bg_button_span.gif' ) no-repeat ;
288
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
37 display : block ;
352
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
38 line- height : 14px;
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
39 padding : 5px 0 5px 18px;
288
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
40 }
352
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
41 a.button:active {
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
42 background-position: bottom right;
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
43 color: blue;
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
44 outline: none; /* hide dotted outline in Firefox */
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
45 }
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
46
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
47 a.button:active span {
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
48 background-position: bottom left;
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
49 color: blue;
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
50 padding: 6px 0 4px 18px; /* push text down 1px */
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
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
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
58 </style>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
59 </head>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
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
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
62 </div>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
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
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
65 <br/>
288
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
66 <a class='button' href='#'> <span id='Jump' onClick='onButtonClick(this)'>Jump</span></a>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
67 <a class='button' href='#'> <span id='InsertKey' onClick='onButtonClick(this)'>Insert</span></a>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
68 <a class='button' href='#'> <span id='ExtendScene' onClick='onButtonClick(this)'>Extend</span></a>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
69 <a class='button' href='#'> <span id='DeleteScene' onClick='onButtonClick(this)'>Delete</span></a>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
70 <a class='button' href='#'> <span id='MakeSymbol' onClick='onButtonClick(this)'>Make Symbol</span></a>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
71 <a class='button' href='#'> <span id='MakeButton' onClick='onButtonClick(this)'>make Button</span></a>
352
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
72 <a class='button' href='#'> <span id='EditAnimation' onClick='onButtonClick(this)'>Edit Animation</span></a>
4350aa369149 Use jQuery UI components.
wycc
parents: 339
diff changeset
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
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
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
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
77 <br/>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
78 <br/>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
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
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
117
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
118 <div id='wizard'>
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
119 The name of the project<br>
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
120 <input type=text id='wizardname' value='default'/><br>
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
121 Please select the type of applications.<br>
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
122 <ul>
371
3d21115297ba Add textmenu template
wycc
parents: 367
diff changeset
123 <a href='#' onClick="wizard.step1_cb('textmenu')"><li> Text only menu </li></a>
367
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
124 <a href='#' onClick="wizard.step1_cb('preview')"><li> Text with preview menu </li></a>
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
125 </ul>
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
126
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
127 </div>
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
128
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
129 <div id='wizard_step2'>
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
130 Please select the output path<br>
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
131 <input id='outputpath' type=file value='/tmp' /><br>
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
132 <a class 'buttopn' href='#'><span onClick='wizard.step1_cb()'>Prev</span></a>
371
3d21115297ba Add textmenu template
wycc
parents: 367
diff changeset
133 <a class 'buttopn' href='#'><span onClick='wizard.step2_cb()'>Next</span></a>
367
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
134 </div>
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
135 <div id='wizard_step3'>
371
3d21115297ba Add textmenu template
wycc
parents: 367
diff changeset
136 Generating files<br>
367
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
137 </div>
e21e9447f545 Add wizard. We still need to add the template files.
wycc
parents: 365
diff changeset
138
381
29145d2affdb Add function to change the name of the symbol
wycc
parents: 376
diff changeset
139 <div id='symboldialog' />
29145d2affdb Add function to change the name of the symbol
wycc
parents: 376
diff changeset
140
288
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
141 </body>
d5327265da1e Revert the firefox integration to 276
wycc
parents:
diff changeset
142 </html>