36 | 36 |
var selectPanel = yoob.makeDiv(container);
|
37 | 37 |
var selectElem = yoob.makeSelect(selectPanel, "example source:", []);
|
38 | 38 |
|
39 | |
var rowFluid = yoob.makeDiv(container);
|
40 | |
rowFluid.className = "row-fluid";
|
41 | |
var column1 = yoob.makeDiv(rowFluid);
|
42 | |
column1.className = "span6";
|
43 | |
var animationPanel = yoob.makeDiv(column1);
|
|
39 |
var flexContainer = yoob.makeDiv(container);
|
|
40 |
flexContainer.className = "flex-container";
|
|
41 |
var executionPanel = yoob.makeDiv(flexContainer);
|
|
42 |
executionPanel.className = "execution-panel";
|
44 | 43 |
|
45 | |
yoob.makeParagraph(animationPanel, "Status:");
|
46 | |
var status = yoob.makePre(animationPanel);
|
47 | |
status.id = "status";
|
|
44 |
yoob.makeParagraph(executionPanel, "Status:");
|
|
45 |
var status = yoob.makePre(executionPanel);
|
48 | 46 |
|
49 | |
yoob.makeParagraph(animationPanel, "Result:");
|
50 | |
var output = yoob.makePre(animationPanel);
|
|
47 |
yoob.makeParagraph(executionPanel, "Result:");
|
|
48 |
var output = yoob.makePre(executionPanel);
|
51 | 49 |
|
52 | |
yoob.makeParagraph(animationPanel, "Program:");
|
53 | |
var display = yoob.makePre(animationPanel);
|
|
50 |
yoob.makeParagraph(executionPanel, "Program:");
|
|
51 |
var display = yoob.makePre(executionPanel);
|
|
52 |
var editor = yoob.makeTextArea(executionPanel);
|
54 | 53 |
|
55 | |
var column2 = yoob.makeDiv(rowFluid);
|
56 | |
column2.className = "span6";
|
57 | |
yoob.makeParagraph(column2, "Depiction:");
|
58 | |
var depictionCanvas = yoob.makeCanvas(column2);
|
59 | |
depictionCanvas.id = "canvas";
|
|
54 |
var depictionPanel = yoob.makeDiv(flexContainer);
|
|
55 |
depictionPanel.className = "depiction-panel";
|
60 | 56 |
|
61 | |
var editor = yoob.makeTextArea(container);
|
|
57 |
yoob.makeParagraph(depictionPanel, "Depiction:");
|
|
58 |
var depictionCanvas = yoob.makeCanvas(depictionPanel);
|
|
59 |
|
62 | 60 |
|
63 | 61 |
/* --- Make Controller --- */
|
64 | 62 |
|