1 | var OAAS_CONTROLLER = (function (my, Backbone, OAAS_VIEW, OAAS_MODEL, _, $) {
|
---|
2 | my.GeneralController = function () {
|
---|
3 | this.variationRequestHandler = function (evt) {
|
---|
4 | var self = this;
|
---|
5 | var dialog = new OAAS_VIEW.VariationDialog({ model: evt.model });
|
---|
6 | var dialogController = {};
|
---|
7 | _.extend(dialogController, Backbone.Events);
|
---|
8 | dialogController.listenTo(dialog, 'variations-generated', function (variations) {
|
---|
9 | var parent = evt.model.get('parent');
|
---|
10 | for (var i = 0; i < variations.length; i++) {
|
---|
11 | var title = evt.model.get('title');
|
---|
12 | var offset = title.indexOf('(')
|
---|
13 | if (offset != -1) {
|
---|
14 | title = title.substring(0, offset);
|
---|
15 | }
|
---|
16 | title += '(';
|
---|
17 | for (var j = 0; j < variations[i].length; j++) {
|
---|
18 | title += variations[i][j].Name + " = " + variations[i][j].Value + "; ";
|
---|
19 | }
|
---|
20 | title += ')';
|
---|
21 | var data = { AlgorithmParameters: variations[i] };
|
---|
22 | if (evt.model.attributes.data.ProblemParameters) {
|
---|
23 | data.ProblemParameters = evt.model.attributes.data.ProblemParameters;
|
---|
24 | }
|
---|
25 | parent.addNode({ title: title, nodeId: evt.model.get('nodeId'), data: data });
|
---|
26 | }
|
---|
27 | self.model.trigger('change');
|
---|
28 | });
|
---|
29 | dialog.render();
|
---|
30 | },
|
---|
31 | this.experimentFinishedHandler = function (experimentModel, availableExperiments, selectableGroup) {
|
---|
32 | var loadingDialog = new OAAS_VIEW.LoadingDialog({ el: $('#loadingDialog') });
|
---|
33 | // start the loading dialog
|
---|
34 | loadingDialog.setLoading(true);
|
---|
35 | loadingDialog.text('Saving experiment ' + experimentModel.get('title') + '...');
|
---|
36 | loadingDialog.render();
|
---|
37 | // send experiment to server
|
---|
38 | experimentModel.save({}, { success: function () {
|
---|
39 | loadingDialog.setLoading(false);
|
---|
40 | loadingDialog.text('Experiment successfully saved!');
|
---|
41 | loadingDialog.render();
|
---|
42 | if (availableExperiments)
|
---|
43 | availableExperiments.fetch({ cache: false, success: function (itm) {
|
---|
44 | selectableGroup.render();
|
---|
45 | }
|
---|
46 | });
|
---|
47 | }
|
---|
48 | });
|
---|
49 | //loadingDialog.close();
|
---|
50 | }
|
---|
51 | }
|
---|
52 |
|
---|
53 | my.ExperimentPageController = function () {
|
---|
54 | this.refreshExperiments = function () {
|
---|
55 | var availableExperiments = new OAAS_MODEL.ExperimentList();
|
---|
56 | availableExperiments.fetch({ cache: false, success: function (itm) {
|
---|
57 | var group = new OAAS_VIEW.DraggableGroup({ collection: availableExperiments, el: $('#experiments') });
|
---|
58 | group.render();
|
---|
59 | }
|
---|
60 | });
|
---|
61 | },
|
---|
62 | this.refreshScenarios = function () {
|
---|
63 | var availableScenarios = new OAAS_MODEL.ScenarioList();
|
---|
64 | availableScenarios.fetch({ cache: false, success: function (itm) {
|
---|
65 | var group = new OAAS_VIEW.DraggableGroup({ collection: availableScenarios, el: $('#algorithms') });
|
---|
66 | group.render();
|
---|
67 | }
|
---|
68 | });
|
---|
69 | },
|
---|
70 | this.create = function () {
|
---|
71 | var self = this;
|
---|
72 | var generalController = new my.GeneralController();
|
---|
73 | // create all models + required view for the experiment page
|
---|
74 | var model = new OAAS_MODEL.ExperimentNode({
|
---|
75 | title: 'Experiment',
|
---|
76 | key: 0,
|
---|
77 | isExperiment: true
|
---|
78 | }, { parse: true });
|
---|
79 | generalController.model = model;
|
---|
80 | var experimentModel = new OAAS_MODEL.Experiment({ experiment: model });
|
---|
81 |
|
---|
82 | var view = new OAAS_VIEW.ExperimentTreeView({ model: model, el: $('#container') });
|
---|
83 | view.render();
|
---|
84 |
|
---|
85 | this.refreshScenarios();
|
---|
86 |
|
---|
87 | this.refreshExperiments();
|
---|
88 |
|
---|
89 | var wizard = new OAAS_VIEW.StepWizardView({ el: $('#stepWizard') });
|
---|
90 | wizard.render();
|
---|
91 |
|
---|
92 | var detailsView = new OAAS_VIEW.ExperimentDetailsTreeView({ model: model, el: $('#container2') });
|
---|
93 | var validationView = new OAAS_VIEW.ValidationHintsView({ model: { header: "Validation failed!", text: ""} });
|
---|
94 | var parameterDialog = new OAAS_VIEW.ParameterDialog({ model: model, el: $('#parameterDialog') });
|
---|
95 |
|
---|
96 | var wizardController = {};
|
---|
97 | _.extend(wizardController, Backbone.Events);
|
---|
98 |
|
---|
99 | wizardController.listenTo(model, 'change', function () {
|
---|
100 | // update the details view, when the model changes
|
---|
101 | view.render();
|
---|
102 | detailsView.render();
|
---|
103 | });
|
---|
104 |
|
---|
105 |
|
---|
106 | wizardController.listenTo(wizard, 'experiment-finished', function () {
|
---|
107 | generalController.experimentFinishedHandler(experimentModel, null, null);
|
---|
108 | self.refreshExperiments();
|
---|
109 | });
|
---|
110 |
|
---|
111 | wizardController.listenTo(view, 'structure-changed', function (node) {
|
---|
112 | view.render();
|
---|
113 | detailsView.render();
|
---|
114 | });
|
---|
115 |
|
---|
116 | wizardController.listenTo(view, 'node-added', function (node) {
|
---|
117 | // get details about the node
|
---|
118 | node.fetch({ success: function (itm) {
|
---|
119 | model.trigger('change', {});
|
---|
120 | }
|
---|
121 | });
|
---|
122 | });
|
---|
123 |
|
---|
124 | wizardController.listenTo(detailsView, 'node-clicked', function (node) {
|
---|
125 | // get details about the node
|
---|
126 | var modelNode = OAAS_MODEL.ExperimentNode.lookup(node.data.key);
|
---|
127 | if (!modelNode.get('isExperiment')) {
|
---|
128 | parameterDialog.model = modelNode;
|
---|
129 | parameterDialog.render();
|
---|
130 | }
|
---|
131 | });
|
---|
132 |
|
---|
133 | wizardController.listenTo(parameterDialog, 'parameters-finished', function (node) {
|
---|
134 | parameterDialog.close();
|
---|
135 | });
|
---|
136 |
|
---|
137 | wizardController.listenTo(view, 'variation-request', function (evt) {
|
---|
138 | generalController.variationRequestHandler(evt);
|
---|
139 | });
|
---|
140 |
|
---|
141 | var experimentDetailsView = new OAAS_VIEW.ExperimentDetailsView({ el: $('#step3'), model: experimentModel });
|
---|
142 |
|
---|
143 |
|
---|
144 | }
|
---|
145 | }
|
---|
146 |
|
---|
147 |
|
---|
148 |
|
---|
149 | /// ==================== EDIT PAGE =========================
|
---|
150 | /// ==================== EDIT PAGE =========================
|
---|
151 | /// ==================== EDIT PAGE =========================
|
---|
152 |
|
---|
153 | my.ExperimentEditPageController = function () {
|
---|
154 | this.refreshScenarios = function () {
|
---|
155 | var availableScenarios = new OAAS_MODEL.ScenarioList();
|
---|
156 | availableScenarios.fetch({ cache: false, success: function (itm) {
|
---|
157 | var group = new OAAS_VIEW.DraggableGroup({ collection: availableScenarios, el: $('#draggableAlgorithms') });
|
---|
158 | group.render();
|
---|
159 | }
|
---|
160 | });
|
---|
161 | },
|
---|
162 | this.create = function () {
|
---|
163 | var generalController = new my.GeneralController();
|
---|
164 |
|
---|
165 | var self = this;
|
---|
166 | // create all models + required view for the experiment page
|
---|
167 | var controllerModel = new OAAS_MODEL.ControllerModel();
|
---|
168 | var model = new OAAS_MODEL.ExperimentNode({
|
---|
169 | title: 'Experiment',
|
---|
170 | key: 0,
|
---|
171 | isExperiment: true
|
---|
172 | }, { parse: true });
|
---|
173 |
|
---|
174 | generalController.model = model;
|
---|
175 | var experimentModel = new OAAS_MODEL.Experiment({ experiment: model });
|
---|
176 | var experimentDetailsView = new OAAS_VIEW.ExperimentDetailsView({ el: $('#step4'), model: experimentModel });
|
---|
177 | experimentDetailsView.render();
|
---|
178 |
|
---|
179 | var availableExperiments = new OAAS_MODEL.ExperimentList();
|
---|
180 |
|
---|
181 | var wizardController = {};
|
---|
182 | _.extend(wizardController, Backbone.Events);
|
---|
183 |
|
---|
184 | this.refreshScenarios();
|
---|
185 |
|
---|
186 | var selectableGroup = new OAAS_VIEW.SelectableGroup({ collection: availableExperiments, el: $('#experiments') });
|
---|
187 | //selectableGroup.render();
|
---|
188 | var draggableExperiments = new OAAS_VIEW.DraggableGroup({ collection: availableExperiments, el: $('#draggableExperiments') });
|
---|
189 | availableExperiments.fetch({ cache: false, success: function (itm) {
|
---|
190 | // selectableGroup = new OAAS_VIEW.SelectableGroup({ collection: availableExperiments, el: $('#experiments') });
|
---|
191 | selectableGroup.render();
|
---|
192 |
|
---|
193 | wizardController.listenTo(selectableGroup, 'node-selected', function (nodeId) {
|
---|
194 | var node = availableExperiments.find(function (itm) { return itm.get('nodeId') == nodeId; });
|
---|
195 |
|
---|
196 | var newNode = new OAAS_MODEL.ExperimentNode(node.attributes);
|
---|
197 | newNode.fetch({ success: function () {
|
---|
198 | experimentModel.set({
|
---|
199 | experiment: newNode,
|
---|
200 | title: node.get('title'),
|
---|
201 | nodeId: node.get('nodeId'),
|
---|
202 | run: node.get('run'),
|
---|
203 | repititions: node.get('repititions'),
|
---|
204 | group: node.get('group')
|
---|
205 | });
|
---|
206 | controllerModel.set({ selectedNode: newNode });
|
---|
207 | $('#deleteExperimentButton').removeAttr('disabled');
|
---|
208 | detailsView.model = newNode;
|
---|
209 | detailsView.render();
|
---|
210 | view.model = newNode;
|
---|
211 | view.render();
|
---|
212 | experimentDetailsView.render();
|
---|
213 | }
|
---|
214 | });
|
---|
215 | }
|
---|
216 | );
|
---|
217 | }
|
---|
218 | });
|
---|
219 |
|
---|
220 | // create wizard with 4 steps
|
---|
221 | var wizard = new OAAS_VIEW.StepWizardView({ el: $('#stepWizard') });
|
---|
222 | wizard.render();
|
---|
223 |
|
---|
224 | var view = new OAAS_VIEW.ExperimentTreeView({ model: model, el: $('#container') });
|
---|
225 | view.render();
|
---|
226 | var validationView = new OAAS_VIEW.ValidationHintsView({ model: { header: "Validation failed!", text: ""} });
|
---|
227 |
|
---|
228 | var detailsView = new OAAS_VIEW.ExperimentDetailsTreeView({ model: model, el: $('#container2') });
|
---|
229 |
|
---|
230 | var parameterDialog = new OAAS_VIEW.ParameterDialog({ model: model, el: $('#parameterDialog') });
|
---|
231 | var loadingDialog = new OAAS_VIEW.LoadingDialog({ el: $('#loadingDialog') });
|
---|
232 |
|
---|
233 | wizardController.listenTo(wizard, 'step-validated', function (validationModel) {
|
---|
234 | // update the details view
|
---|
235 | if (validationModel.stepNumber == 1) {
|
---|
236 | if (controllerModel.get('selectedNode') == null) {
|
---|
237 | validationView.model["text"] = 'Please select an experiment to continue!';
|
---|
238 | validationView.render();
|
---|
239 | validationModel.succeeded = false;
|
---|
240 | }
|
---|
241 | }
|
---|
242 | detailsView.render();
|
---|
243 | });
|
---|
244 |
|
---|
245 | wizardController.listenTo(model, 'change', function () {
|
---|
246 | // update the details view, when the model changes
|
---|
247 | view.render();
|
---|
248 | detailsView.render();
|
---|
249 | });
|
---|
250 |
|
---|
251 | wizardController.listenTo(view, 'structure-changed', function (node) {
|
---|
252 | view.render();
|
---|
253 | });
|
---|
254 |
|
---|
255 | wizardController.listenTo(view, 'node-added', function (node) {
|
---|
256 | // get details about the node
|
---|
257 | //if (!node.get('isExperiment'))
|
---|
258 | node.fetch({ success: function (itm) {
|
---|
259 | model.trigger('change', {});
|
---|
260 | }
|
---|
261 | });
|
---|
262 | });
|
---|
263 |
|
---|
264 | wizardController.listenTo(wizard, 'experiment-finished', function () {
|
---|
265 | generalController.experimentFinishedHandler(experimentModel, availableExperiments, selectableGroup);
|
---|
266 | });
|
---|
267 |
|
---|
268 | wizardController.listenTo(detailsView, 'node-clicked', function (node) {
|
---|
269 | // get details about the node
|
---|
270 | var modelNode = OAAS_MODEL.ExperimentNode.lookup(node.data.key);
|
---|
271 | if (!modelNode.get('isExperiment')) {
|
---|
272 | parameterDialog.model = modelNode;
|
---|
273 | parameterDialog.render();
|
---|
274 | }
|
---|
275 | });
|
---|
276 |
|
---|
277 | wizardController.listenTo(view, 'variation-request', function (evt) {
|
---|
278 | generalController.variationRequestHandler(evt);
|
---|
279 | });
|
---|
280 |
|
---|
281 | wizardController.listenTo(parameterDialog, 'parameters-finished', function (node) {
|
---|
282 | parameterDialog.close();
|
---|
283 | });
|
---|
284 |
|
---|
285 | $('#deleteExperimentButton').click(function (evt) {
|
---|
286 | var node = controllerModel.get('selectedNode');
|
---|
287 | var nodes = availableExperiments.where({ nodeId: node.get('nodeId') });
|
---|
288 | if (nodes.length == 1) {
|
---|
289 | nodes[0].destroy();
|
---|
290 | $('#deleteExperimentButton').attr('disabled', 'disabled');
|
---|
291 | controllerModel.set('selectedNode', null);
|
---|
292 | }
|
---|
293 | });
|
---|
294 | }
|
---|
295 | }
|
---|
296 | return my;
|
---|
297 | } (OAAS_CONTROLLER || {}, Backbone, OAAS_VIEW, OAAS_MODEL, _, $));
|
---|
298 |
|
---|
299 |
|
---|
300 | |
---|