Mercurial > MadButterfly

annotate inkscape/firefox/content/madbuilder.html @ 1311:e6bb9d00341f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Make content dom and comp_dock synchronized
author Thinker K.F. Li <thinker@codemud.net>
date Thu, 20 Jan 2011 13:08:26 +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>