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 }}-empty" style="text-align: center; display: none;">\r
   6     <img src="../../static/img/no-data.png" alt="no data found" style="width:100px;" />\r
   7     <h3>no data found...</h3>\r
   8 </div>\r
   9 <div id="plugin-{{ domid }}" class="" ng-app="myApp" style="display:none;">\r
  10     <div class="row m-b">\r
  11         <div class="col-md-1">\r
  12             <label for="inputEmail3" class="col-sm-2 control-label">Date</label>\r
  13         </div>\r
  14         <div class="col-md-9">\r
  15             <input id="DateToRes" type="text" class="form-control" placeholder="Reservation Date">\r
  16             <span class="glyphicon glyphicon-calendar"></span>\r
  17         </div>\r
  18         <div class="col-md-2 text-center">\r
  19             {% comment %}\r
  20             <div id="TopologyModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">\r
  21                 <div class="modal-dialog">\r
  22                     <div class="modal-header">\r
  23                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>\r
  24                         <h4 class="modal-title" id="myModalLabel">Topology</h4>\r
  25                     </div>\r
  26                     <div class="modal-body">\r
  27                         <img src="../../static/img/nitos_topo.png" alt="nitos topology" style="width:100%;" />\r
  28                     </div>\r
  29                 </div><!-- /.modal-dialog -->\r
  30             </div><!-- /.modal TopologyModal -->\r
  31             <button type="button" class="btn btn-primary btn-md" data-toggle="modal" data-target="#TopologyModal">Topology</button>\r
  32             {% endcomment  %}\r
  33             <button id="btnSchedulerSubmit" type="button" class="btn btn-primary btn-md">Submit Leases</button>\r
  34 \r
  35         </div>\r
  36     </div>\r
  37     <!--<div class="row m-b">\r
  38         <div class="col-md-1">\r
  39             <label for="inputEmail3" class="col-sm-1 control-label">Time</label>\r
  40         </div>\r
  41         <div class="col-md-9">\r
  42             <div id="time-range"></div>\r
  43         </div>\r
  44         <div class="col-md-2">\r
  45             <span id="lbltime" class="label label-primary"></span>\r
  46         </div>\r
  47     </div>-->\r
  48     <div id="SchedulerCtrl" ng-controller="SchedulerCtrl" class='query-editor-spacer'>\r
  49         <div class="sliderContainer">\r
  50             <div id="tblSlider"></div>\r
  51         </div>\r
  52         <div class="table-responsive">\r
  53             <table id="scheduler-reservation-table" class="table table-bordered table-condensed">\r
  54                 <thead>\r
  55                     <tr>\r
  56                         <th>#</th>\r
  57                         <th ng-repeat="slot in slots">\r
  58                             {[{ slot.time }]}\r
  59                         </th>\r
  60                     </tr>\r
  61                 </thead>\r
  62                 <tbody>\r
  63                     <tr ng-repeat="resource in resources" ng-class-odd="''" ng-class-even="'even'">\r
  64                         <th data-resourceid="{[{ resource.id }]}" data-rowindex="{[{ $index }]}" data-resourceindex="{[{ resource.index }]}" style="word-wrap: break-word; word-break: break-all; ">{[{ resource.name }]}</th>\r
  65                         <td ng-repeat="lease in resource.leases" data-slotid="{[{ lease.id }]}" data-groupid="{[{ lease.groupid }]}" ng-class="{{ 'lease.status' }}"></td>\r
  66                     </tr>\r
  67                 </tbody>\r
  68             </table>\r
  69             <div class="row">\r
  70                 <div class="col-xs-5">\r
  71                     <div id="resources-list__table_length" class="dataTables_length">\r
  72                         <label>total Pages : {[{totalPages}]}</label>\r
  73                     </div>\r
  74                 </div>\r
  75                 <div class="col-xs-7">\r
  76                     <div class="dataTables_paginate paging_bootstrap">\r
  77                         <ul class="pagination">\r
  78                             <li class="prev disabled"><a href="#">← Previous</a></li>\r
  79                             <li ng-cloak ng-repeat="t in getPageNumbers() track by $index" ng-class="{active: t==curPage+1}"><a href="#" ng-click="setPage(t-1)">{[{t}]}</a></li>\r
  80                             <li class="next disabled"><a href="#">Next → </a></li>\r
  81                         </ul>\r
  82                     </div>\r
  83                 </div>\r
  84             </div>\r
  85             {% comment %}\r
  86             <div id="reservation-table-scroll-container">\r
  87                 <table id='{{domid}}-reservation-table' class='table table-bordered'>\r
  88                     <thead>\r
  89                         <tr>\r
  90                             {% for ts in time_slots %}\r
  91                             <th class='center info'>{{ ts|safe }}</th>\r
  92                             {% endfor %}\r
  93                         </tr>\r
  94                     </thead>\r
  95                     <tbody>\r
  96 \r
  97                         {% for itms in nodes %}\r
  98                         {% for n in itms.1 %}\r
  99                         <tr data-trindex="">\r
 100                             {% for ts in time_slots %}\r
 101                             {% if n == 'node020' %}\r
 102                             <td class="maintenance closed" data-tdindex="{{forloop.counter}}"></td>\r
 103                             {% elif n == 'node023' or n == 'node030' %}\r
 104                             <td class="closed" data-tdindex="{{forloop.counter}}"></td>\r
 105                             {% else %}\r
 106                             <td class="" data-tdindex="{{forloop.counter}}"></td>\r
 107                             {% endif %}\r
 108                             {% endfor %}\r
 109                         </tr>\r
 110                         {% endfor %}\r
 111                         {% endfor %}\r
 112                     </tbody>\r
 113                 </table>\r
 114             </div>\r
 115             {% endcomment  %}\r
 116 \r
 117             <div class="legend">\r
 118                 <ol>\r
 119                     <li class="free">free</li>\r
 120                     <li class="selected">selected</li>\r
 121                     <li class="closed">reserved</li>\r
 122                     <li class="maintenance">maintenance</li>\r
 123                 </ol>\r
 124             </div>\r
 125         </div><!-- / scheduler plugin -->\r
 126         <script type="text/javascript">\r
 127             //alert("1");\r
 128         </script>\r
 129     </div>\r