scheduler new version with angular
[unfold.git] / plugins / scheduler2 / templates / scheduler.html
1 <div id="plugin-{{ domid }}" class="" ng-app="myApp">\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     <div id="SchedulerCtrl" ng-controller="SchedulerCtrl" class='query-editor-spacer'>\r
38         <div class="sliderContainer">\r
39             <div id="tblSlider"></div>\r
40         </div>\r
41         <div class="table-responsive">\r
42             <table id="scheduler-reservation-table" class="table table-bordered table-condensed">\r
43                 <thead>\r
44                     <tr>\r
45                         <th>#</th>\r
46                         <th ng-repeat="slot in slots">\r
47                             {[{ slot.time }]}\r
48                         </th>\r
49                     </tr>\r
50                 </thead>\r
51                 <tbody>\r
52                     <tr ng-repeat="resource in resources" ng-class-odd="''" ng-class-even="'even'">\r
53                         <th>{[{ resource.name }]}</th>\r
54                         <td ng-repeat="lease in resource.leases" data-slotid="{[{ lease.id }]}" ng-class="{{ 'lease.status' }}"></td>\r
55                     </tr>\r
56                 </tbody>\r
57             </table>\r
58         </div>\r
59         {% comment %}\r
60         <div id="reservation-table-scroll-container">\r
61             <table id='{{domid}}-reservation-table' class='table table-bordered'>\r
62                 <thead>\r
63                     <tr>\r
64                         {% for ts in time_slots %}\r
65                         <th class='center info'>{{ ts|safe }}</th>\r
66                         {% endfor %}\r
67                     </tr>\r
68                 </thead>\r
69                 <tbody>\r
70 \r
71                     {% for itms in nodes %}\r
72                     {% for n in itms.1 %}\r
73                     <tr data-trindex="">\r
74                         {% for ts in time_slots %}\r
75                         {% if n == 'node020' %}\r
76                         <td class="maintenance closed" data-tdindex="{{forloop.counter}}"></td>\r
77                         {% elif n == 'node023' or n == 'node030' %}\r
78                         <td class="closed" data-tdindex="{{forloop.counter}}"></td>\r
79                         {% else %}\r
80                         <td class="" data-tdindex="{{forloop.counter}}"></td>\r
81                         {% endif %}\r
82                         {% endfor %}\r
83                     </tr>\r
84                     {% endfor %}\r
85                     {% endfor %}\r
86                 </tbody>\r
87             </table>\r
88         </div>\r
89         {% endcomment  %}\r
90 \r
91         <div class="legend">\r
92             <ol>\r
93                 <li class="free">free</li>\r
94                 <li class="selected">selected</li>\r
95                 <li class="closed">reserved</li>\r
96                 <li class="maintenance">maintenance</li>\r
97             </ol>\r
98         </div>\r
99     </div><!-- / scheduler plugin -->\r
100     <script type="text/javascript">\r
101         //alert("1");\r
102     </script>\r
103 </div>