3 # Copyright (c) 2013 NITLab, University of Thessaly, CERTH, Greece
\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
12 # The above copyright notice and this permission notice shall be included in
\r
13 # all copies or substantial portions of the Software.
\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
24 # This is a MySlice plugin for the NITOS Scheduler
\r
25 # Nitos Scheduler v1
\r
30 var init_start_visible_index = 10;
\r
31 var init_end_visible_index = 21;
\r
32 var rsvrTblNm = "scheduler-reservation-table";
\r
33 var SchedulerResources = [];
\r
34 var schdlr_totalColums = 0;
\r
35 var SetPerFun = null;
\r
38 var schdlr_PartsInOneHour = 6;
\r
41 var Scheduler2 = Plugin.extend({
\r
44 * @brief Plugin constructor
\r
45 * @param options : an associative array of setting values
\r
47 * @return : a jQuery collection of objects on which the plugin is
\r
48 * applied, which allows to maintain chainability of calls
\r
50 init: function (options, element) {
\r
51 // Call the parent constructor, see FAQ when forgotten
\r
52 this._super(options, element);
\r
54 schdlr_totalColums = $("#scheduler-reservation-table th").length;
\r
56 //selection from table
\r
57 $(window).keydown(function (evt) {
\r
58 if (evt.which == 17) { // ctrl
\r
61 }).keyup(function (evt) {
\r
62 if (evt.which == 17) { // ctrl
\r
63 ctrlPressed = false;
\r
66 $("#" + rsvrTblNm).on('mousedown', 'td', rangeMouseDown).on('mouseup', 'td', rangeMouseUp).on('mousemove', 'td', rangeMouseMove);
\r
68 // Explain this will allow query events to be handled
\r
69 // What happens when we don't define some events ?
\r
70 // Some can be less efficient
\r
72 if (Debug) console.time("Listening_to_queries");
\r
73 /* Listening to queries */
\r
74 this.listen_query(options.query_uuid, 'all_ev');
\r
75 this.listen_query(options.query_all_resources_uuid, 'all_resources');
\r
76 this.listen_query(options.query_lease_uuid, 'lease');
\r
77 //this.listen_query(options.query_lease_uuid, 'lease');
\r
78 if (Debug) console.timeEnd("Listening_to_queries");
\r
83 // on_show like in querytable
\r
88 // a function to bind events here: click change
\r
89 // how to raise manifold events
\r
92 /* GUI MANIPULATION */
\r
94 // We advise you to write function to change behaviour of the GUI
\r
95 // Will use naming helpers to access content _inside_ the plugin
\r
96 // always refer to these functions in the remaining of the code
\r
98 show_hide_button: function () {
\r
99 // this.id, this.el, this.cl, this.elts
\r
100 // same output as a jquery selector with some guarantees
\r
103 drawResources: function () {
\r
105 //if (Debug) this.debug('foo');
\r
106 if (Debug) console.time("each:SchedulerResources");
\r
108 //scheduler-reservation-table main table columns
\r
109 totalColums = $("#scheduler-reservation-table thead tr th").length;
\r
110 //var totalCell = [];
\r
111 //for (var i = 0; i < totalColums; i++) { totalCell.push("<td></td>"); }
\r
112 //var srt_body = [];
\r
113 var totalCell = "";
\r
114 for (var i = 0; i < totalColums; i++) totalCell +="<td></td>";
\r
117 $.each(SchedulerResources, function (i, group) {
\r
118 //var groupTR = $("#ShedulerNodes tbody").html('<tr><td class="no-image verticalIndex" rowspan="' + group.resources.length + '"><div class="verticalText">' + group.groupName + '</div></td><td id="schdlr_frstTD" class="info fixed"></td></tr>');
\r
119 var groupTR = $("#ShedulerNodes tbody").html('<tr><td class="no-image verticalIndex" rowspan="' + 30 + '"><div class="verticalText">' + group.groupName + '</div></td><td id="schdlr_frstTD" class="info fixed"></td></tr>');
\r
121 $.each(group.resources.slice(0,30), function (i, resource) {
\r
123 //$("#ShedulerNodes tbody tr:first").append('<td class="info fixed">' + resource.hostname + '</td>');
\r
124 $(groupTR).find("#schdlr_frstTD").html(resource.hostname);
\r
125 //$(srt_body).html("<tr>" + totalCell + "</tr>");
\r
127 $(groupTR).find("tr:last").after('<tr><td class="info fixed">' + resource.hostname + '</td></tr>');
\r
128 //$(srt_body).find("tr:last").after("<tr>" + totalCell + "</tr>");
\r
130 srt_body += "<tr>" + totalCell + "</tr>";
\r
131 //srt_body.push('<tr>'); srt_body = srt_body.concat(totalCell.concat()); srt_body.push('/<tr>');
\r
135 //$("#scheduler-reservation-table tbody").html(srt_body.join(""));
\r
136 $("#scheduler-reservation-table tbody").html(srt_body);
\r
138 if (Debug) console.timeEnd("each:SchedulerResources");
\r
141 $("#" + rsvrTblNm + " tbody tr").each(function (index) { $(this).attr("data-trindex", index); });
\r
147 // see in the html template
\r
148 // How to load a template, use of mustache
\r
150 /* QUERY HANDLERS */
\r
151 loadWithDate: function () {
\r
152 // only convention, not strictly enforced at the moment
\r
154 // How to make sure the plugin is not desynchronized
\r
155 // He should manifest its interest in filters, fields or records
\r
156 // functions triggered only if the proper listen is done
\r
158 /* all_ev QUERY HANDLERS Start */
\r
159 on_all_ev_clear_records: function (data) {
\r
160 //alert('all_ev clear_records');
\r
162 on_all_ev_query_in_progress: function (data) {
\r
163 // alert('all_ev query_in_progress');
\r
165 on_all_ev_new_record: function (data) {
\r
166 //alert('all_ev new_record');
\r
168 on_all_ev_query_done: function (data) {
\r
169 //alert('all_ev query_done');
\r
171 //another plugin has modified something, that requires you to update your display.
\r
172 on_all_ev_field_state_changed: function (data) {
\r
173 //alert('all_ev query_done');
\r
175 /* all_ev QUERY HANDLERS End */
\r
176 /* all_resources QUERY HANDLERS Start */
\r
177 on_all_resources_clear_records: function (data) {
\r
178 //data is empty on load
\r
180 on_all_resources_query_in_progress: function (data) {
\r
181 //data is empty on load
\r
183 on_all_resources_new_record: function (data) {
\r
184 var tmpGroup = lookup(SchedulerResources, 'groupName', data.type);
\r
185 if (tmpGroup == null) {
\r
186 tmpGroup = { groupName: data.type, resources: [] };
\r
187 SchedulerResources.push(tmpGroup);
\r
188 //if (data.type != "node") alert('not all node');
\r
190 tmpGroup.resources.push(data);
\r
191 //alert('new_record');
\r
193 on_all_resources_query_done: function (data) {
\r
194 this.drawResources();
\r
195 //data is empty on load
\r
196 /* GUI setup and event binding */
\r
198 this._SetPeriodInPage(init_start_visible_index, init_end_visible_index);
\r
199 this.loadWithDate();
\r
201 //another plugin has modified something, that requires you to update your display.
\r
202 on_all_resources_field_state_changed: function (data) {
\r
203 //alert('all_resources query_done');
\r
205 /* all_resources QUERY HANDLERS End */
\r
206 /* lease QUERY HANDLERS Start */
\r
207 on_lease_clear_records: function (data) { alert('clear_records'); },
\r
208 on_lease_query_in_progress: function (data) { alert('query_in_progress'); },
\r
209 on_lease_new_record: function (data) { alert('new_record'); },
\r
210 on_lease_query_done: function (data) { alert('query_done'); },
\r
211 //another plugin has modified something, that requires you to update your display.
\r
212 on_lease_field_state_changed: function (data) { alert('query_done'); },
\r
213 /* lease QUERY HANDLERS End */
\r
218 on_filter_added: function (filter) {
\r
222 // ... be sure to list all events here
\r
224 /* RECORD HANDLERS */
\r
225 on_all_new_record: function (record) {
\r
227 alert('on_all_new_record');
\r
230 debug : function (log_txt) {
\r
231 if (typeof window.console != 'undefined') {
\r
232 console.debug(log_txt);
\r
236 /* INTERNAL FUNCTIONS */
\r
237 _initUI: function () {
\r
238 if (Debug) console.time("_initUI");
\r
239 //fix margins in tables
\r
240 mtNodesTbl = $("#" + rsvrTblNm + " tr:first").outerHeight() + 6;
\r
241 mtSchrollCon = $("#nodes").outerWidth();
\r
242 $("#nodes").css("margin-top", mtNodesTbl);
\r
243 $("#reservation-table-scroll-container").css("margin-left", mtSchrollCon);
\r
244 SetPerFun = this._SetPeriodInPage;
\r
246 $("#time-range").slider({
\r
251 values: [init_start_visible_index, init_end_visible_index],
\r
252 slide: function (event, ui) {
\r
253 SetPerFun(ui.values[0], ui.values[1]);
\r
256 $("#DateToRes").datepicker({
\r
257 dateFormat: "yy-mm-dd",
\r
260 }).change(function () {
\r
261 //Scheduler2.loadWithDate();
\r
262 }).click(function () {
\r
263 $("#ui-datepicker-div").css("z-index", 5);
\r
266 fixOddEvenClasses();
\r
267 $("#" + rsvrTblNm + " td:not([class])").addClass("free");
\r
268 if (Debug) console.timeEnd("_initUI");
\r
270 _SetPeriodInPage: function (start, end) {
\r
271 if (Debug) console.time("_SetPeriodInPage");
\r
272 ClearTableSelection();
\r
273 $("#lbltime").html(GetTimeFromInt(start) + " - " + GetTimeFromInt(end));
\r
275 var start_visible_index = (start * schdlr_PartsInOneHour) + 1;
\r
276 var end_visible_index = (end * schdlr_PartsInOneHour);
\r
279 for (i = 0; i < start_visible_index; i++) {
\r
280 $("#" + rsvrTblNm + " td:nth-child(" + i + "), #" + rsvrTblNm + " th:nth-child(" + i + ")").hide();
\r
282 for (i = end_visible_index + 1; i <= schdlr_totalColums; i++) {
\r
283 $("#" + rsvrTblNm + " td:nth-child(" + i + "), #" + rsvrTblNm + " th:nth-child(" + i + ")").hide();
\r
285 /*$("#" + rsvrTblNm + " td:not([class*='info']), #" + rsvrTblNm + " th:not([class*='fixed'])").hide();*/
\r
286 for (i = start_visible_index; i <= end_visible_index; i++) {
\r
287 $("#" + rsvrTblNm + " td:nth-child(" + i + "), #" + rsvrTblNm + " th:nth-child(" + i + ")").show();
\r
290 if ($("#" + rsvrTblNm + " th:visible:first").width() > 105) {
\r
291 $("#" + rsvrTblNm + " th span").css("display", "inline")
\r
293 $("#" + rsvrTblNm + " th span").css("display", "block");
\r
295 mtNodesTbl = $("#" + rsvrTblNm + " tr:first").outerHeight() + 6;
\r
296 $("#nodes").css("margin-top", mtNodesTbl);
\r
297 //$("#scroll_container").width($("#Search").width() - $("#nodes").width());
\r
298 //$("#nodes th").height($("#tblReservation th:visible:first").height() - 2);
\r
299 if (Debug) console.timeEnd("_SetPeriodInPage");
\r
303 //Sched2 = new Scheduler2();
\r
305 /* Plugin registration */
\r
306 $.plugin('Scheduler2', Scheduler2);
\r
308 // TODO Here use cases for instanciating plugins in different ways like in the pastie.
\r