source: branches/OaaS/HeuristicLab.Services.Optimization.Web/Views/Experiment/NewEdit.cshtml @ 9324

Last change on this file since 9324 was 9324, checked in by fschoepp, 6 years ago

#1888:

  • DAL: Added a Delete method which deletes by experiment id.
  • HL DataTables will now be transposed and mapped as double[ROWS][COLUMNS] (transposed)
  • JS: Moved all classes into "modules" to prevent namespace pollution (using OAAS_MODEL for model classes, OAAS_VIEW for views and OAAS_CONTROLLER for controllers)
  • JS: Moved DatatypeMapper classes into Backbone views
  • JS: Models now correctly send DELETE requests
  • Added a new job overview page (which also renders run details) using AJAX
  • Using moment.min.js to format DateTime as string
  • Controllers now inherit from BaseController which provides a RedirectToLoginIfNecessary-method
  • Added loading animations to several AJAX bound places (loading experiments / scenarios)
  • Added a section to _Layout.cshtml which allows page-specific JavaScript includes (<script> only for a certain page)
  • Fixed Build/Edit of experiment menu redirecting to the wrong page
  • The Experiment Variation Dialog disables input fields, if the property has not been activated before
File size: 6.5 KB
Line 
1@model HeuristicLab.Services.Optimization.Web.Models.ExperimentViewModel
2<script type="text/template" id="node_template">
3  <li><%= title%></li> 
4</script>
5
6<script type="text/template" id="tree_template">
7  <div id="<%= id %>" class="treeStyle">
8    <ul>     
9    </ul>
10  </div>
11</script>
12
13<script type="text/template" id="draggable_template">
14  <div id="<%= nodeId %>" data-isExperiment="<%= isExperiment%>" data-name="<%= title%>" class="dragables"><p><%= title %></p></div>
15</script>
16
17<script type="text/template" id="stepwizard_template">
18  <input style="margin-top:5px;" class="remove-button" name="RemoveNode" type="button" value="Remove" disabled="disabled" />
19  <input style="margin-top:5px;" class="variate-button" name="VariateNode" type="button" value="Variate" disabled="disabled" />
20</script>           
21
22<script type="text/template" id="parameter_template">
23<div>
24  <div class="leftEntry"><%= Name %>:</div>
25  <div class="rightEntry"></div> 
26</div>
27</script>       
28
29<script type="text/template" id="validationhints_template">
30<div class="validator" title="<%= header %>">
31  <p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>
32  <%= text %>
33  </p>
34</div>
35</script>       
36
37<script type="text/template" id="variationdialog_template">
38<div class="variationDialog" title="Variate algorithm">
39  <h1>Select parameter</h1>
40  <select class="variationDialogContent"> 
41  </select>
42  <input type="checkbox" name="active" /> Active
43  <div class="variationDetails">         
44  </div> 
45</div>
46</script>       
47
48<script type="text/template" id="variationentry_template">
49<option data-index='<%= Index %>'><%= Name %></option>
50</script>       
51
52<script type="text/template" id="variationcontent_template">
53<div>
54 
55 
56</div>
57</script>       
58
59<script type="text/template" id="variation_boolean_template">
60<p>Boolean paramter: True / False</p>
61</script>       
62
63<script type="text/template" id="variation_number_template">
64<div>
65    <input type="button" name="generate" value="Generate..."/>   
66    <div></div>
67</div>
68</script>       
69
70<script type="text/template" id="checkbox_template">
71<div>
72    <input type="checkbox" name="<%=name%>"
73        <% if (checked) { %>
74            checked
75        <% } %>
76    />
77    <% if (!hideText) { %>
78         <%=text%><br/>
79    <% } %>
80</div>
81</script>       
82
83<script type="text/template" id="variation_generator_template">
84<div title="Generate Values">
85 <div class="leftEntry">Minimum:</div>
86 <div class="rightEntry"><input type="text" name="minimum" value="0"/></div> 
87 <div class="leftEntry">Maximum:</div>
88 <div class="rightEntry"><input type="text" name="maximum" value="2"/></div> 
89 <div class="leftEntry">Step:</div>
90 <div class="rightEntry"><input type="text" name="step" value="1"/></div> 
91</div>
92</script>       
93
94<script type="text/template" id="loading_template">
95<div>
96  <p>Loading ... </p>
97  <img src="@Url.Content("~/Content/ajax-loader.gif")" alt="Loading animation" class="loader" /> 
98</div>
99</script>   
100
101<script type="text/javascript">
102    var controller = new OAAS_CONTROLLER.ExperimentEditPageController();
103    $(document).ready(function () {
104        controller.create();
105    });
106</script>
107<noscript>
108    <p>You need JavaScript to view this page! Please activate it in your browser settings.</p>
109</noscript>
110
111<h2>Experiment</h2>
112
113<div id="stepWizard" class="wizard swMain">
114  <ul>
115    <li>
116      <a href="#step1">
117        <label class="stepNumber">1</label>
118        <span class="stepDesc">
119          Select experiment<br />
120          <small>Edit one of your experiments</small>
121        </span>
122      </a>
123    </li>
124    <li>
125      <a href="#step2">
126        <label class="stepNumber">2</label>
127        <span class="stepDesc">
128          Structure<br />
129          <small>Modify experiment structure</small>
130        </span>
131      </a>
132    </li>
133    <li>
134      <a href="#step3">
135        <label class="stepNumber">3</label>
136        <span class="stepDesc">
137          Customization<br />
138          <small>Change experiment parameters</small>
139        </span>
140      </a>
141    </li>
142    <li>
143      <a href="#step4">
144        <label class="stepNumber">4</label>
145        <span class="stepDesc">
146          Experiment Details<br />
147          <small>Set name of experiment/Run experiment</small>
148        </span>
149      </a>
150    </li>
151  </ul>
152  <div id="step1">
153  <fieldset>       
154    <div id="experiments">
155        <span>Loading ... <img src="@Url.Content("~/Content/ajax-loader.gif")" alt="Loading animation" />  </span>       
156    </div>
157    <div class="experimentMenu">
158        <button type="button" disabled="disabled" id="deleteExperimentButton">Delete</button>
159    </div>
160  </fieldset>
161  </div>
162  <div id="step2">
163  <fieldset>   
164    <div>
165    <p>Experiment Tree:</p>
166    </div>
167    <div id="container" class="treeStyle"></div>   
168    <p>Choose an algorithm:</p>
169    <div id="draggableAlgorithms"></div>
170    <div class="clearer"></div>
171    <p>Choose from your stored experiments:</p>
172    <div id="draggableExperiments"></div>
173  </fieldset>
174  </div>
175  <div id="step3">
176    <h2>Click on a experiment to adjust its parameters:</h2>
177    <div id="container2" class="treeStyle"></div>
178  </div>
179  <div id="step4">
180    <div class="editor-label">
181      <label for="name">Experiment Template Name:</label>
182    </div>
183
184    <div class="editor-field">
185      <input id="name" name="Name" type="text" value="My Experiment" />
186    </div>
187
188    <div class="editor-label">
189      <label for="name">Run experiment immediately?</label>
190    </div>
191
192    <div class="editor-field">
193      <input id="runImmediately" name="RunImmediately" type="checkbox" />
194    </div>
195
196    <div class="editor-label">
197      <label for="name">Repititions</label>
198    </div>
199
200    <div class="editor-field">
201      <input id="repititions" name="Repititions" type="text" value="1" disabled="disabled" />
202    </div>
203
204    <div class="editor-label">
205      <label for="name">Group</label>
206    </div>
207
208    <div class="editor-field">
209      <input id="group" name="Group" type="text" value="TESTAZURE" disabled="disabled" />
210    </div>
211  </div>   
212</div>
213
214<div id="parameterDialog">
215  <div id="parameterDialog-content">
216  </div>
217</div>
218
219<div id="loadingDialog">
220</div>
221
222@section submenu {
223    <ul>
224        <li>@Html.ActionLink("Build", "New", "Experiment")</li>   
225        <li class="selected">@Html.ActionLink("Edit", "NewEdit", "Experiment")</li>
226        <li>@Html.ActionLink("Status", "Index", "Status")</li>
227    </ul>
228}
Note: See TracBrowser for help on using the repository browser.