plugins/scheduler2/templates/scheduler.html

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