Chrysostomos for scheduler
[unfold.git] / plugins / scheduler2 / static / js / scheduler2.js
1 /*\r
2 #\r
3 # Copyright (c) 2013 NITLab, University of Thessaly, CERTH, Greece\r
4 #\r
5 # Permission is hereby granted, free of charge, to any person obtaining a copy\r
6 # of this software and associated documentation files (the "Software"), to deal\r
7 # in the Software without restriction, including without limitation the rights\r
8 # to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\r
9 # copies of the Software, and to permit persons to whom the Software is\r
10 # furnished to do so, subject to the following conditions:\r
11 #\r
12 # The above copyright notice and this permission notice shall be included in\r
13 # all copies or substantial portions of the Software.\r
14 #\r
15 # THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\r
16 # IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\r
17 # FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.  IN NO EVENT SHALL THE\r
18 # AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\r
19 # LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\r
20 # OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\r
21 # THE SOFTWARE.\r
22 #\r
23 #\r
24 # This is a MySlice plugin for the NITOS Scheduler\r
25 # Nitos Scheduler v1\r
26 #\r
27 */\r
28 \r
29 /* some params */\r
30 var scheduler2;\r
31 var scheduler2Instance;\r
32 //is ctrl keyboard button pressed\r
33 var schedulerCtrlPressed = false;\r
34 //table Id\r
35 var schedulerTblId = "scheduler-reservation-table";\r
36 var schedulerTblFirstColWidth = 150;\r
37 //Some Data\r
38 var schedulerSlotsPerHour = 6;\r
39 var schedulerMaxRows = 12;\r
40 var SchedulerData = [];\r
41 var SchedulerSlots = [];\r
42 var SchedulerDateSelected = new Date();\r
43 var SchedulerDataViewData = [];\r
44 var SchedulerSlotsViewData = [];\r
45 var SchedulerTotalCells;\r
46 var SchedulerTotalVisibleCells;\r
47 //Help Variables\r
48 var _schedulerCurrentCellPosition = 0;\r
49 var _leasesDone = false;\r
50 var _resourcesDone = false;\r
51 //Enable Debug\r
52 var schedulerDebug = true;\r
53 //tmp to delete\r
54 var tmpSchedulerLeases = [];\r
55 \r
56 (function($) {\r
57         scheduler2 = Plugin.extend({\r
58 \r
59             /** XXX to check\r
60          * @brief Plugin constructor\r
61          * @param options : an associative array of setting values\r
62          * @param element : \r
63          * @return : a jQuery collection of objects on which the plugin is\r
64          *     applied, which allows to maintain chainability of calls\r
65          */\r
66             init: function(options, element) {\r
67                 this.classname = "scheduler2";\r
68                 // Call the parent constructor, see FAQ when forgotten\r
69                 this._super(options, element);\r
70                 scheduler2Instance = this;\r
71                 // We need to remember the active filter for datatables filtering\r
72                 this.filters = Array();\r
73 \r
74 \r
75                 SchedulerSlots = schedulerGetSlots(60 / schedulerSlotsPerHour);\r
76                 //selection from table \r
77                 $(window).keydown(function(evt) {\r
78                     if (evt.which == 17) { // ctrl\r
79                         schedulerCtrlPressed = true;\r
80                     }\r
81                 }).keyup(function(evt) {\r
82                     if (evt.which == 17) { // ctrl\r
83                         schedulerCtrlPressed = false;\r
84                     }\r
85                 });\r
86                 $("#" + schedulerTblId).on('mousedown', 'td', rangeMouseDown).on('mouseup', 'td', rangeMouseUp).on('mousemove', 'td', rangeMouseMove);\r
87 \r
88                 // Explain this will allow query events to be handled\r
89                 // What happens when we don't define some events ?\r
90                 // Some can be less efficient\r
91 \r
92                 if (schedulerDebug) console.time("Listening_to_queries");\r
93                 /* Listening to queries */\r
94 \r
95                 this.listen_query(options.query_uuid);\r
96                 this.listen_query(options.query_all_uuid, 'all');\r
97                 this.listen_query(options.query_all_resources_uuid, 'all_resources');\r
98                 this.listen_query(options.query_lease_uuid, 'lease');\r
99                 //this.listen_query(options.query_lease_uuid, 'lease');\r
100                 if (schedulerDebug) console.timeEnd("Listening_to_queries");\r
101 \r
102             },\r
103 \r
104             /* Handlers */\r
105 \r
106             /* all_ev QUERY HANDLERS Start */\r
107             on_all_ev_clear_records: function(data) {\r
108                 //alert('all_ev clear_records');\r
109             },\r
110             on_all_ev_query_in_progress: function(data) {\r
111                 // alert('all_ev query_in_progress');\r
112             },\r
113             on_all_ev_new_record: function(data) {\r
114                 //alert('all_ev new_record');\r
115             },\r
116             on_all_ev_query_done: function(data) {\r
117                 //alert('all_ev query_done');\r
118             },\r
119             //another plugin has modified something, that requires you to update your display. \r
120             on_all_ev_field_state_changed: function(data) {\r
121                 //alert('all_ev query_done');\r
122             },\r
123             /* all_ev QUERY HANDLERS End */\r
124             /* all_resources QUERY HANDLERS Start */\r
125             on_all_resources_clear_records: function(data) {\r
126                 //data is empty on load\r
127             },\r
128             on_all_resources_query_in_progress: function(data) {\r
129                 //data is empty on load\r
130             },\r
131             on_all_resources_new_record: function(data) {\r
132                 //alert(data.toSource());\r
133                 if (data.exclusive == true) {\r
134                     var tmpGran = schedulerDebug && data.granularity == null ? 1800 : data.granularity;\r
135                     SchedulerData.push({\r
136                         id: data.urn,\r
137                         index: SchedulerData.length,\r
138                         name: data.hrn,\r
139                         granularity: tmpGran,\r
140                         leases: schedulerGetLeases(60 / schedulerSlotsPerHour, tmpGran),\r
141                         type: data.type,\r
142                         org_resource: data\r
143                     });\r
144                     /*if (schedulerDebug && SchedulerData[SchedulerData.length - 1].org_resource.network_hrn == 'omf') {\r
145                         SchedulerData[SchedulerData.length - 1].granularity = 1800;\r
146                     }*/\r
147                 }\r
148                 //alert(data.toSource());\r
149 \r
150             },\r
151             on_all_resources_query_done: function(data) {\r
152                 _resourcesDone = true;\r
153                 this._initScheduler();\r
154             },\r
155             //another plugin has modified something, that requires you to update your display. \r
156             on_all_resources_field_state_changed: function(data) {\r
157                 //alert('all_resources query_done');\r
158             },\r
159             /* all_resources QUERY HANDLERS End */\r
160             /* lease QUERY HANDLERS Start */\r
161             on_lease_clear_records: function(data) { console.log('clear_records'); },\r
162             on_lease_query_in_progress: function(data) { console.log('lease_query_in_progress'); },\r
163             on_lease_new_record: function(data) {\r
164                 if (data.resource.indexOf("nitos") > -1) {\r
165                     tmpSchedulerLeases.push({\r
166                         id: schedulerGetSlotId(data.start_time, data.duration, data.granularity),\r
167                         end_id: schedulerGetSlotId(data.end_time, data.duration, data.granularity),\r
168                         slice: data.slice,\r
169                         status: 'reserved',\r
170                         resource: data.resource,\r
171                         network: data.network,\r
172                         start_time: new Date(data.start_time * 1000),\r
173                         start_time_unixtimestamp: data.start_time,\r
174                         end_time: new Date(data.end_time * 1000),\r
175                         end_time_unixtimestamp: data.end_time,\r
176                         lease_type: data.lease_type,\r
177                         granularity: data.granularity,\r
178                         duration: data.duration\r
179                     });\r
180                 }\r
181                 //console.log(data.toSource()); console.log('lease_new_record');\r
182             },\r
183             on_lease_query_done: function(data) {\r
184                 _leasesDone = true;\r
185                 this._initScheduler();\r
186                 // console.log('lease_query_done');\r
187             },\r
188             //another plugin has modified something, that requires you to update your display. \r
189             on_lease_field_state_changed: function(data) { console.log('lease_field_state_changed'); },\r
190             /* lease QUERY HANDLERS End */\r
191 \r
192 \r
193             // no prefix\r
194             on_filter_added: function(filter) {\r
195                 this.filters.push(filter);\r
196                 this._SetFiletredResources(this.filters);\r
197                 //angular and UI\r
198                 var tmpScope = angular.element(document.getElementById('SchedulerCtrl')).scope();\r
199                 if (SchedulerDataViewData.length == 0) {\r
200                     $("#plugin-scheduler").hide();\r
201                     $("#plugin-scheduler-empty").show();\r
202                     tmpScope.clearStuff();\r
203                 } else {\r
204                     $("#plugin-scheduler-empty").hide();\r
205                     $("#plugin-scheduler").show();\r
206                     tmpScope.initSchedulerResources(schedulerMaxRows < SchedulerDataViewData.length ? schedulerMaxRows : SchedulerDataViewData.length);\r
207                 }\r
208             },\r
209 \r
210             on_filter_removed: function(filter) {\r
211                 // Remove corresponding filters\r
212                 this.filters = $.grep(this.filters, function(x) {\r
213                     return x == filter;\r
214                 });\r
215                 this._SetFiletredResources(this.filters);\r
216                 //angular and UI\r
217                 var tmpScope = angular.element(document.getElementById('SchedulerCtrl')).scope();\r
218                 if (SchedulerDataViewData.length == 0) {\r
219                     $("#plugin-scheduler").hide();\r
220                     $("#plugin-scheduler-empty").show();\r
221                     tmpScope.clearStuff();\r
222                 } else {\r
223                     $("#plugin-scheduler-empty").hide();\r
224                     $("#plugin-scheduler").show();\r
225                     tmpScope.initSchedulerResources(schedulerMaxRows < SchedulerDataViewData.length ? schedulerMaxRows : SchedulerDataViewData.length);\r
226                 }\r
227             },\r
228 \r
229             on_filter_clear: function() {\r
230                 this.filters = [];\r
231                 this._SetFiletredResources(this.filters);\r
232                 //angular and UI\r
233                 var tmpScope = angular.element(document.getElementById('SchedulerCtrl')).scope();\r
234                 if (SchedulerDataViewData.length == 0) {\r
235                     $("#plugin-scheduler").hide();\r
236                     $("#plugin-scheduler-empty").show();\r
237                     tmpScope.clearStuff();\r
238                 } else {\r
239                     $("#plugin-scheduler-empty").hide();\r
240                     $("#plugin-scheduler").show();\r
241                     tmpScope.initSchedulerResources(schedulerMaxRows < SchedulerDataViewData.length ? schedulerMaxRows : SchedulerDataViewData.length);\r
242                 }\r
243             },\r
244 \r
245             // ... be sure to list all events here\r
246 \r
247             /* RECORD HANDLERS */\r
248             on_all_new_record: function(record) {\r
249                 //alert('on_all_new_record');\r
250             },\r
251 \r
252             debug: function(logTxt) {\r
253                 if (typeof window.console != 'undefined') {\r
254                     console.debug(logTxt);\r
255                 }\r
256             },\r
257 \r
258             /* INTERNAL FUNCTIONS */\r
259             _initScheduler: function() {\r
260                 if (_resourcesDone && _leasesDone) {\r
261                     SchedulerDataViewData = SchedulerData;\r
262                     /* GUI setup and event binding */\r
263                     this._FixLeases();\r
264                     this._initUI();\r
265                 }\r
266             },\r
267 \r
268             _initUI: function() {\r
269                 //alert(1);\r
270                 if (schedulerDebug) console.time("_initUI");\r
271                 //init DatePicker Start\r
272                 $("#DateToRes").datepicker({\r
273                     dateFormat: "yy-mm-dd",\r
274                     minDate: 0,\r
275                     numberOfMonths: 3\r
276                 }).change(function() {\r
277                     //Scheduler2.loadWithDate();\r
278                     SchedulerDateSelected = $("#DateToRes").datepicker("getDate");\r
279                     if (SchedulerDateSelected != null && SchedulerDateSelected != '') {\r
280                         for (var i = 0; i < SchedulerData.length; i++) {\r
281                             SchedulerData[i].leases = schedulerGetLeases(60 / schedulerSlotsPerHour, SchedulerData[i].granularity);\r
282                         }\r
283                         scheduler2Instance._FixLeases();\r
284                         $('#tblSlider').slider('value', 0);\r
285                         var tmpScope = angular.element(document.getElementById('SchedulerCtrl')).scope();\r
286                         tmpScope.initSchedulerResources(schedulerMaxRows < SchedulerDataViewData.length ? schedulerMaxRows : SchedulerDataViewData.length);\r
287                     } else {\r
288                         alert("Please select a date, so the scheduler can reserve leases.");\r
289                     }\r
290                 }).datepicker('setDate', SchedulerDateSelected);\r
291                 /*.click(function () {\r
292                 $("#ui-datepicker-div").css("z-index", 5);\r
293             })*/\r
294                 //End init DatePicker\r
295 \r
296                 //init Table\r
297                 this._FixTable();\r
298                 //End init Table\r
299 \r
300                 //init Slider\r
301                 $('#tblSlider').slider({\r
302                     min: 0,\r
303                     max: SchedulerTotalCells - SchedulerTotalVisibleCells,\r
304                     value: 0,\r
305                     slide: function(event, ui) {\r
306                         //$("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]);\r
307                         //console.log(ui.value);\r
308                         var angScope = angular.element(document.getElementById('SchedulerCtrl')).scope();\r
309                         if (_schedulerCurrentCellPosition > ui.value) {\r
310                             angScope.moveBackSlot(ui.value, ui.value + SchedulerTotalVisibleCells);\r
311                         } else if (_schedulerCurrentCellPosition < ui.value) {\r
312                             angScope.moveFrontSlot(ui.value, ui.value + SchedulerTotalVisibleCells);\r
313                         }\r
314                         _schedulerCurrentCellPosition = ui.value;\r
315                     }\r
316                 });\r
317                 //End init Slider\r
318 \r
319 \r
320                 //btn Submit leases\r
321                 $('#btnSchedulerSubmit').click(function () {\r
322                     var leasesForCommit = new Array();\r
323                     var newLeaseStarted = false;\r
324                     var tmpDateTime = SchedulerDateSelected;\r
325                     for (var i = 0; i < SchedulerData.length; i++)\r
326                     {\r
327                         var tpmR = SchedulerData[i];\r
328                         for (var j = 0; j < tpmR.leases.length; j++) {\r
329                             var tpmL = tpmR.leases[j];\r
330                             if (newLeaseStarted == false && tpmL.status == 'selected') {\r
331                                 //get date of the slot\r
332                                 tmpDateTime = schedulerGetDateTimeFromSlotId(tpmL.id, tmpDateTime);\r
333                                 var unixStartTime = tmpDateTime.getTime() / 1000;\r
334                                 //add lease object\r
335                                 leasesForCommit.push({\r
336                                     resource: tpmR.id,\r
337                                     granularity: tpmR.granularity,\r
338                                     lease_type: null,\r
339                                     slice: null,\r
340                                     start_time: unixStartTime,\r
341                                     end_time: null,\r
342                                     duration: null\r
343                                 });\r
344                                 newLeaseStarted = true;\r
345                             } else if (newLeaseStarted == true && tpmL.status != 'selected') {\r
346                                 //get date of the slot\r
347                                 tmpDateTime = schedulerGetDateTimeFromSlotId(tpmL.id, tmpDateTime);\r
348                                 var unixEndTime = tmpDateTime.getTime() / 1000;\r
349                                 //upate end_time\r
350                                 var tmpCL = leasesForCommit[leasesForCommit.length - 1];\r
351                                 tmpCL.end_time = unixEndTime;\r
352                                 tmpCL.duration = schedulerFindDuration(tmpCL.start_time, tmpCL.end_time, tmpCL.granularity);\r
353                                 newLeaseStarted = false;\r
354                             }\r
355                         }\r
356                     }\r
357 \r
358                     for (var i = 0; i < leasesForCommit.length; i++) {\r
359                         //manifold.raise_event(scheduler.options.query_lease_uuid, SET_ADD, leasesForCommit[i]);\r
360                     }\r
361                 });\r
362                 //\r
363 \r
364 \r
365                 //End btn Submit leases\r
366 \r
367                 //other stuff\r
368                 $("#plugin-scheduler-loader").hide();\r
369                 $("#plugin-scheduler").show();\r
370                 //fixOddEvenClasses();\r
371                 //$("#" + schedulerTblId + " td:not([class])").addClass("free");\r
372                 if (schedulerDebug) console.timeEnd("_initUI");\r
373             },\r
374 \r
375         _FixLeases  : function () {\r
376             for (var i = 0; i < tmpSchedulerLeases.length; i++) {\r
377                 var tmpLea = tmpSchedulerLeases[i];\r
378                 if ((schedulerCompareOnDay(tmpLea.start_time, SchedulerDateSelected) == 0) ||\r
379                                 (tmpLea.start_time <= SchedulerDateSelected && SchedulerDateSelected <= tmpLea.end_time) || \r
380                                 (schedulerCompareOnDay(tmpLea.end_time, SchedulerDateSelected) == 0)) {\r
381                     var tmpRes = schedulerFindResourceById(SchedulerData, tmpLea.resource);\r
382                     if (tmpRes != null) {\r
383                         //Replace Lease with current lease from the manifold\r
384                         var orgLease = tmpRes.leases[tmpLea.id];\r
385                         tmpLea['groupid'] = orgLease.groupid;\r
386                         tmpLea['groupIndex'] = orgLease.groupIndex;\r
387                         if (orgLease.groupIndex != 0) {\r
388                             if (!window.console) {\r
389                                 console.warn('there is an error with the leases of the resource :' + tmpRes.name + '\n The lease start in the middle of the granularity!' + '\n The Scheduler plugin might not work!');\r
390                             }\r
391                         }\r
392                         tmpRes.leases[tmpLea.id] = tmpLea;\r
393                         this._ExtractLeaseSlots(tmpRes, tmpRes.leases[tmpLea.id]);\r
394                     }\r
395                 }\r
396             }\r
397         },\r
398 \r
399         _ExtractLeaseSlots: function (tmpRes, lease) {\r
400             var tmpStartDate = lease.start_time;\r
401             var tmpEndDate = lease.end_time;\r
402             var startLoop; var toLoop;\r
403             if (schedulerCompareOnDay(lease.start_time,lease.end_time) == 0) {\r
404                 //in the same date\r
405                 startLoop = lease.id;\r
406                 toLoop = lease.end_id;\r
407             } else if (lease.start_time < SchedulerDateSelected && SchedulerDateSelected < lease.end_time) {\r
408                 //one hole day (more than 3days)\r
409                 startLoop = 0;\r
410                 toLoop = tmpRes.leases.length;\r
411             } else if (schedulerCompareOnDay(lease.start_time, SchedulerDateSelected) == 0) {\r
412                 //the same day and extends\r
413                 startLoop = lease.id;\r
414                 toLoop = tmpRes.leases.length;\r
415             } else if (schedulerCompareOnDay(lease.end_time, SchedulerDateSelected) == 0) {\r
416                 //extends to the last say\r
417                 startLoop = 0;\r
418                 toLoop = lease.end_id;\r
419             }\r
420             //var minutGran = tmpRes.granularity * 60;\r
421             for (var li = lease.id; li < toLoop; li++) {\r
422                 tmpRes.leases[li].status = 'reserved';\r
423             }\r
424             \r
425             //reserved\r
426             //tmpRes.leases[tmpLea.id\r
427         },\r
428 \r
429         _FixTable: function () {\r
430             var colWidth = 50;\r
431             SchedulerTotalCells = SchedulerSlots.length;\r
432             $('#' + schedulerTblId + ' thead tr th:eq(0)').css("width", schedulerTblFirstColWidth); //.css("display", "block");\r
433             //this get width might need fix depending on the template \r
434             var tblwidth = $('#scheduler-tab').parent().outerWidth();\r
435             SchedulerTotalVisibleCells = parseInt((tblwidth - schedulerTblFirstColWidth) / colWidth);\r
436 \r
437             //if (SchedulerData.length == 0) {\r
438             //    //puth some test data\r
439             //    SchedulerData.push({ name: 'xyz+aaa', leases: schedulerGetLeases(60 / schedulerSlotsPerHour), urn: 'xyz+aaa', type: 'node' });\r
440             //    SchedulerData.push({ name: 'xyz+bbb', leases: schedulerGetLeases(60 / schedulerSlotsPerHour), urn: 'xyz+bbb', type: 'node' });\r
441             //    SchedulerData.push({ name: 'xyz+ccc', leases: schedulerGetLeases(60 / schedulerSlotsPerHour), urn: 'xyz+ccc', type: 'node' });\r
442             //    SchedulerData.push({ name: 'nitos1', leases: schedulerGetLeases(60 / schedulerSlotsPerHour), urn: 'nitos1', type: 'node' });\r
443             //}\r
444             var tmpScope = angular.element(document.getElementById('SchedulerCtrl')).scope();\r
445             tmpScope.initSchedulerResources(schedulerMaxRows < SchedulerDataViewData.length ? schedulerMaxRows : SchedulerDataViewData.length);\r
446 \r
447         },\r
448 \r
449         _SetFiletredResources : function (filters) {\r
450             if (filters.length > 0) {\r
451                 SchedulerDataViewData = new Array();\r
452                 var tmpAddIt = true;\r
453                 for (var i = 0; i < SchedulerData.length; i++) {\r
454                     loopfilters:\r
455                     for (var f = 0; f < filters.length; f++) {\r
456                         tmpAddIt = this._FilterResource(SchedulerData[i], filters[f]);\r
457                         if (tmpAddIt == false) break loopfilters;\r
458                     }\r
459                     if (tmpAddIt) {\r
460                         SchedulerDataViewData.push(SchedulerData[i]);\r
461                     }\r
462                 }\r
463             } else {\r
464                 SchedulerDataViewData = SchedulerData;\r
465             }\r
466         },\r
467 \r
468         _FilterResource: function (resource, filter) {\r
469             var key = filter[0];\r
470             var op = filter[1];\r
471             var value = filter[2];\r
472             var colValue = resource.org_resource[key];\r
473             var ret = true;\r
474             if (schedulerDebug &&  colValue == 'omf') colValue = 'nitos';\r
475 \r
476             if (op == '=' || op == '==') {\r
477                 if (colValue != value || colValue == null || colValue == "" || colValue == "n/a")\r
478                     ret = false;\r
479             } else if (op == 'included') {\r
480                 $.each(value, function (i, x) {\r
481                     if (x == colValue) {\r
482                         ret = true;\r
483                         return false;\r
484                     } else {\r
485                         ret = false;\r
486                     }\r
487                 });\r
488             } else if (op == '!=') {\r
489                 if (colValue == value || colValue == null || colValue == "" || colValue == "n/a")\r
490                     ret = false;\r
491             }\r
492 \r
493             return ret;\r
494         },\r
495 \r
496         _SetPeriodInPage: function (start, end) {\r
497         }\r
498     });\r
499 \r
500     //Sched2 = new Scheduler2();\r
501 \r
502     /* Plugin registration */\r
503     $.plugin('Scheduler2', scheduler2);\r
504 \r
505     // TODO Here use cases for instanciating plugins in different ways like in the pastie.\r
506 \r
507 \r
508 })(jQuery);\r
509 \r
510 \r
511 \r