Chrysostomos for scheduler
[myslice.git] / plugins / scheduler2 / templates / scheduler.html
1 <div id="plugin-{{ domid }}" class="row">\r
2     <div class="row m-b">\r
3         <div class="col-md-1">\r
4             <label for="inputEmail3" class="col-sm-2 control-label">Date</label>\r
5         </div>\r
6         <div class="col-md-9">\r
7             <input id="DateToRes" type="text" class="form-control" placeholder="Reservation Date">\r
8             <span class="glyphicon glyphicon-calendar"></span>\r
9         </div>\r
10         <div class="col-md-2 text-center">\r
11             <div id="TopologyModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">\r
12                 <div class="modal-dialog">\r
13                     <div class="modal-header">\r
14                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>\r
15                         <h4 class="modal-title" id="myModalLabel">Topology</h4>\r
16                     </div>\r
17                     <div class="modal-body">\r
18                         <img src="../../static/img/nitos_topo.png" alt="nitos topology" style="width:100%;" />\r
19                     </div>\r
20                 </div><!-- /.modal-dialog -->\r
21             </div><!-- /.modal TopologyModal -->\r
22             <button type="button" class="btn btn-primary btn-md" data-toggle="modal" data-target="#TopologyModal">Topology</button>\r
23 \r
24         </div>\r
25     </div>\r
26     <div class="row m-b">\r
27         <div class="col-md-1">\r
28             <label for="inputEmail3" class="col-sm-1 control-label">Time</label>\r
29         </div>\r
30         <div class="col-md-9">\r
31             <div id="time-range"></div>\r
32         </div>\r
33         <div class="col-md-2">\r
34             <span id="lbltime" class="label label-primary"></span>\r
35         </div>\r
36     </div>\r
37 \r
38     <div class='query-editor-spacer'>\r
39         <div id="ShedulerNodes-scroll-container">\r
40             <table id="ShedulerNodes">\r
41                 <tbody>\r
42                     {% comment %}\r
43                     {% for itms in nodes %}\r
44                     <tr>\r
45                         <td class="no-image verticalIndex" rowspan="{{ itms.1|length }}"><div class="verticalText">{{ itms.0 }}</div></td>\r
46 \r
47                         {% for n in itms.1 %}\r
48                         {% if not forloop.first %}\r
49                     <tr>\r
50                         {% endif %}\r
51                         <td class="info fixed">{{ n }}</td>\r
52                     </tr>\r
53                     {% endfor %}\r
54                     {% endfor %}\r
55                     {% endcomment  %}\r
56                 </tbody>\r
57             </table>\r
58         </div>\r
59         <div id="reservation-table-scroll-container">\r
60             <table id='{{domid}}-reservation-table' class='table table-bordered'>\r
61                 <thead>\r
62                     <tr>\r
63                         {% for ts in time_slots %}\r
64                         <th class='center info'>{{ ts|safe }}</th>\r
65                         {% endfor %}\r
66                     </tr>\r
67                 </thead>\r
68                 <tbody>\r
69                     {% comment %}\r
70                     {% for itms in nodes %}\r
71                     {% for n in itms.1 %}\r
72                     <tr data-trindex="">\r
73                         {% for ts in time_slots %}\r
74                         {% if n == 'node020' %}\r
75                         <td class="maintenance closed" data-tdindex="{{forloop.counter}}"></td>\r
76                         {% elif n == 'node023' or n == 'node030' %}\r
77                         <td class="closed" data-tdindex="{{forloop.counter}}"></td>\r
78                         {% else %}\r
79                         <td class="" data-tdindex="{{forloop.counter}}"></td>\r
80                         {% endif %}\r
81                         {% endfor %}\r
82                     </tr>\r
83                     {% endfor %}\r
84                     {% endfor %}\r
85                     {% endcomment  %}\r
86                 </tbody>\r
87             </table>\r
88         </div>\r
89 \r
90         <div class="legend">\r
91             <ol>\r
92                 <li class="free">free</li>\r
93                 <li class="selected">selected</li>\r
94                 <li class="closed">reserved</li>\r
95                 <li class="maintenance">maintenance</li>\r
96             </ol>\r
97         </div>\r
98     </div><!-- / scheduler plugin -->\r
99     <script type="text/javascript">\r
100         //alert("1");\r
101     </script>\r
102 </div>