source: Dev/branches/rest-dojo-ui/client/dojox/calc/templates/Grapher.html @ 256

Last change on this file since 256 was 256, checked in by hendrikvanantwerpen, 13 years ago

Reworked project structure based on REST interaction and Dojo library. As
soon as this is stable, the old jQueryUI branch can be removed (it's
kept for reference).
File size: 3.8 KB
Line 
1<div>
2<div data-dojo-attach-point="chartsParent" class="dojoxCalcChartHolder"></div>
3<div data-dojo-attach-point="outerDiv">
4<div data-dojo-type="dijit.form.DropDownButton" data-dojo-attach-point="windowOptions" class="dojoxCalcDropDownForWindowOptions" title="Window Options">
5        <div>Window Options</div>
6        <div data-dojo-type="dijit.TooltipDialog" data-dojo-attach-point="windowOptionsInside" class="dojoxCalcTooltipDialogForWindowOptions" title="">
7                <table class="dojoxCalcGraphOptionTable">
8                        <tr>
9                                <td>
10                                        Width:
11                                </td>
12                                <td>
13                                        <input data-dojo-type="dijit.form.TextBox" data-dojo-attach-point="graphWidth" class="dojoxCalcGraphWidth" value="500" />
14                                </td>
15                                <td>
16                                        Height:
17                                </td>
18                                <td>
19                                        <input data-dojo-type="dijit.form.TextBox" data-dojo-attach-point="graphHeight" class="dojoxCalcGraphHeight" value="500" />
20                                </td>
21                        </tr>
22                        <tr>
23                                <td>
24                                        X >=
25                                </td>
26                                <td>
27                                        <input data-dojo-type="dijit.form.TextBox" data-dojo-attach-point="graphMinX" class="dojoxCalcGraphMinX" value="-10" />
28                                </td>
29
30                                <td>
31                                        X <=
32                                </td>
33                                <td>
34                                        <input data-dojo-type="dijit.form.TextBox" data-dojo-attach-point="graphMaxX" class="dojoxCalcGraphMaxX" value="10" />
35                                </td>
36                        </tr>
37                        <tr>
38                                <td>
39                                        Y >=
40                                </td>
41                                <td>
42                                        <input data-dojo-type="dijit.form.TextBox" data-dojo-attach-point="graphMinY" class="dojoxCalcGraphMinY" value="-10" />
43                                </td>
44
45                                <td>
46                                        Y <=
47                                </td>
48                                <td>
49                                        <input data-dojo-type="dijit.form.TextBox" data-dojo-attach-point="graphMaxY" class="dojoxCalcGraphMaxY" value="10" />
50                                </td>
51                        </tr>
52                </table>
53        </div>
54</div>
55
56<BR>
57
58<div class="dojoxCalcGrapherFuncOuterDiv">
59        <table class="dojoxCalcGrapherFuncTable" data-dojo-attach-point="graphTable">
60        </table>
61</div>
62
63<div data-dojo-type="dijit.form.DropDownButton" data-dojo-attach-point='addFuncButton' class="dojoxCalcDropDownAddingFunction">
64        <div>Add Function</div>
65        <div data-dojo-type="dijit.TooltipDialog" data-dojo-attach-point="addFuncInside" class="dojoxCalcTooltipDialogAddingFunction" title="">
66                <table class="dojoxCalcGrapherModeTable">
67                        <tr>
68                                <td>
69                                        Mode:
70                                </td>
71                                <td>
72                                        <select data-dojo-type="dijit.form.Select" data-dojo-attach-point="funcMode" class="dojoxCalcFunctionModeSelector">
73                                                <option value="y=" selected="selected">y=</option>
74                                                <option value="x=">x=</option>
75                                        </select>
76                                </td>
77                                <td>
78                        </tr>
79       
80                        <tr>
81                                <td>
82                                        <input data-dojo-type="dijit.form.Button" data-dojo-attach-point="createFunc" class="dojoxCalcAddFunctionButton" label="Create" />
83                                </td>
84                        </tr>
85                </table>
86        </div>
87</div>
88<BR>
89<BR>
90<table class="dijitInline dojoxCalcGrapherLayout">
91        <tr>
92                <td class="dojoxCalcGrapherButtonContainer">
93                        <input data-dojo-type="dijit.form.Button" class="dojoxCalcGrapherButton" data-dojo-attach-point='selectAllButton' label="Select All" />
94                </td>
95                <td class="dojoxCalcGrapherButtonContainer">
96                        <input data-dojo-type="dijit.form.Button" class="dojoxCalcGrapherButton" data-dojo-attach-point='deselectAllButton' label="Deselect All" />
97                </td>
98        </tr>
99        <tr>
100                <td class="dojoxCalcGrapherButtonContainer">
101                        <input data-dojo-type="dijit.form.Button" class="dojoxCalcGrapherButton" data-dojo-attach-point='drawButton'label="Draw Selected" />
102                </td>
103                <td class="dojoxCalcGrapherButtonContainer">
104                        <input data-dojo-type="dijit.form.Button" class="dojoxCalcGrapherButton" data-dojo-attach-point='eraseButton' label="Erase Selected" />
105                </td>
106        </tr>
107        <tr>
108                <td class="dojoxCalcGrapherButtonContainer">
109                        <input data-dojo-type="dijit.form.Button" class="dojoxCalcGrapherButton" data-dojo-attach-point='deleteButton' label="Delete Selected" />
110                </td>
111                <td class="dojoxCalcGrapherButtonContainer">
112                        <input data-dojo-type="dijit.form.Button" class="dojoxCalcGrapherButton" data-dojo-attach-point='closeButton' label="Close" />
113                </td>
114        </tr>
115</table>
116</div>
117</div>
Note: See TracBrowser for help on using the repository browser.