source: branches/OaaS/HeuristicLab.Services.Optimization.Web/Views/Experiment/New.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.1 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.ExperimentPageController();
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          Structure<br />
120          <small>Build your experiment</small>
121        </span>
122      </a>
123    </li>
124    <li>
125      <a href="#step2">
126        <label class="stepNumber">2</label>
127        <span class="stepDesc">
128          Customization<br />
129          <small>Change experiment parameters</small>
130        </span>
131      </a>
132    </li>
133    <li>
134      <a href="#step3">
135        <label class="stepNumber">3</label>
136        <span class="stepDesc">
137          Experiment Details<br />
138          <small>Set name of experiment</small>
139        </span>
140      </a>
141    </li>
142  </ul>
143  <div id="step1">
144  <fieldset>   
145    <div>
146    <p>Experiment Tree:</p>
147    </div>
148    <div id="container" class="treeStyle"></div>   
149    <p>Choose an algorithm:</p>
150    <div id="algorithms">
151        <span>Loading ... <img src="@Url.Content("~/Content/ajax-loader.gif")" alt="Loading animation" />  </span>       
152    </div>
153    <div class="clearer"></div>
154    <p>Choose from your stored experiments:</p>
155    <div id="experiments">
156        <span>Loading ... <img src="@Url.Content("~/Content/ajax-loader.gif")" alt="Loading animation" />  </span>       
157    </div>
158  </fieldset>
159  </div>
160  <div id="step2">
161    <h2>Click on a experiment to adjust its parameters:</h2>
162    <div id="container2" class="treeStyle"></div>
163  </div>
164  <div id="step3">
165    <div class="editor-label">
166      <label for="name">Experiment Template Name:</label>
167    </div>
168
169    <div class="editor-field">
170      <input id="name" name="Name" type="text" value="My Experiment" />
171    </div>
172
173    <div class="editor-label">
174      <label for="name">Run experiment immediately?</label>
175    </div>
176
177    <div class="editor-field">
178      <input id="runImmediately" name="RunImmediately" type="checkbox" />
179    </div>
180
181    <div class="editor-label">
182      <label for="name">Repititions</label>
183    </div>
184
185    <div class="editor-field">
186      <input id="repititions" name="Repititions" type="text" value="1" disabled="disabled" />
187    </div>
188
189    <div class="editor-label">
190      <label for="name">Group</label>
191    </div>
192
193    <div class="editor-field">
194      <input id="group" name="Group" type="text" value="TESTAZURE" disabled="disabled" />
195    </div>
196  </div>   
197</div>
198
199<div id="parameterDialog">
200  <div id="parameterDialog-content">
201  </div>
202</div>
203
204<div id="loadingDialog">
205</div>
206
207@section submenu {
208    <ul>
209        <li class="selected">@Html.ActionLink("Build", "New", "Experiment")</li>   
210        <li>@Html.ActionLink("Edit", "NewEdit", "Experiment")</li>
211        <li>@Html.ActionLink("Status", "Index", "Status")</li>
212    </ul>
213}
Note: See TracBrowser for help on using the repository browser.