-<div id="plugin-{{ domid }}" class="row">\r
+<div id="plugin-{{ domid }}-loader" style="text-align:center;">\r
+ <img src="../../static/img/loading-7b6dc55620a355b55b835f6b4c300f9b.gif" alt="loading" style="width:100px;" />\r
+ <h3>Loading Data...</h3>\r
+</div>\r
+<div id="plugin-{{ domid }}-empty" style="text-align: center; display: none;">\r
+ <img src="../../static/img/no-data.png" alt="no data found" style="width:100px;" />\r
+ <h3>no data found...</h3>\r
+</div>\r
+<div id="plugin-{{ domid }}" class="" ng-app="myApp" style="display:none;">\r
<div class="row m-b">\r
<div class="col-md-1">\r
<label for="inputEmail3" class="col-sm-2 control-label">Date</label>\r
<span class="glyphicon glyphicon-calendar"></span>\r
</div>\r
<div class="col-md-2 text-center">\r
+ {% comment %}\r
<div id="TopologyModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">\r
<div class="modal-dialog">\r
<div class="modal-header">\r
</div><!-- /.modal-dialog -->\r
</div><!-- /.modal TopologyModal -->\r
<button type="button" class="btn btn-primary btn-md" data-toggle="modal" data-target="#TopologyModal">Topology</button>\r
+ {% endcomment %}\r
+ <button id="btnSchedulerSubmit" type="button" class="btn btn-primary btn-md">Submit Leases</button>\r
\r
</div>\r
</div>\r
- <div class="row m-b">\r
+ <!--<div class="row m-b">\r
<div class="col-md-1">\r
<label for="inputEmail3" class="col-sm-1 control-label">Time</label>\r
</div>\r
<div class="col-md-2">\r
<span id="lbltime" class="label label-primary"></span>\r
</div>\r
- </div>\r
-\r
- <div class='query-editor-spacer'>\r
- <div id="ShedulerNodes-scroll-container">\r
- <table id="ShedulerNodes">\r
- <tbody>\r
- {% comment %}\r
- {% for itms in nodes %}\r
- <tr>\r
- <td class="no-image verticalIndex" rowspan="{{ itms.1|length }}"><div class="verticalText">{{ itms.0 }}</div></td>\r
-\r
- {% for n in itms.1 %}\r
- {% if not forloop.first %}\r
- <tr>\r
- {% endif %}\r
- <td class="info fixed">{{ n }}</td>\r
- </tr>\r
- {% endfor %}\r
- {% endfor %}\r
- {% endcomment %}\r
- </tbody>\r
- </table>\r
+ </div>-->\r
+ <div id="SchedulerCtrl" ng-controller="SchedulerCtrl" class='query-editor-spacer'>\r
+ <div class="sliderContainer">\r
+ <div id="tblSlider"></div>\r
</div>\r
- <div id="reservation-table-scroll-container">\r
- <table id='{{domid}}-reservation-table' class='table table-bordered'>\r
+ <div class="table-responsive">\r
+ <table id="scheduler-reservation-table" class="table table-bordered table-condensed">\r
<thead>\r
<tr>\r
- {% for ts in time_slots %}\r
- <th class='center info'>{{ ts|safe }}</th>\r
- {% endfor %}\r
+ <th>#</th>\r
+ <th ng-repeat="slot in slots">\r
+ {[{ slot.time }]}\r
+ </th>\r
</tr>\r
</thead>\r
<tbody>\r
- {% comment %}\r
- {% for itms in nodes %}\r
- {% for n in itms.1 %}\r
- <tr data-trindex="">\r
- {% for ts in time_slots %}\r
- {% if n == 'node020' %}\r
- <td class="maintenance closed" data-tdindex="{{forloop.counter}}"></td>\r
- {% elif n == 'node023' or n == 'node030' %}\r
- <td class="closed" data-tdindex="{{forloop.counter}}"></td>\r
- {% else %}\r
- <td class="" data-tdindex="{{forloop.counter}}"></td>\r
- {% endif %}\r
- {% endfor %}\r
+ <tr ng-repeat="resource in resources" ng-class-odd="''" ng-class-even="'even'">\r
+ <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
+ <td ng-repeat="lease in resource.leases" data-slotid="{[{ lease.id }]}" data-groupid="{[{ lease.groupid }]}" ng-class="{{ 'lease.status' }}"></td>\r
</tr>\r
- {% endfor %}\r
- {% endfor %}\r
- {% endcomment %}\r
</tbody>\r
</table>\r
- </div>\r
+ <div class="row">\r
+ <div class="col-xs-5">\r
+ <div id="resources-list__table_length" class="dataTables_length">\r
+ <label>total Pages : {[{totalPages}]}</label>\r
+ </div>\r
+ </div>\r
+ <div class="col-xs-7">\r
+ <div class="dataTables_paginate paging_bootstrap">\r
+ <ul class="pagination">\r
+ <li class="prev disabled"><a href="#">← Previous</a></li>\r
+ <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
+ <li class="next disabled"><a href="#">Next → </a></li>\r
+ </ul>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ {% comment %}\r
+ <div id="reservation-table-scroll-container">\r
+ <table id='{{domid}}-reservation-table' class='table table-bordered'>\r
+ <thead>\r
+ <tr>\r
+ {% for ts in time_slots %}\r
+ <th class='center info'>{{ ts|safe }}</th>\r
+ {% endfor %}\r
+ </tr>\r
+ </thead>\r
+ <tbody>\r
\r
- <div class="legend">\r
- <ol>\r
- <li class="free">free</li>\r
- <li class="selected">selected</li>\r
- <li class="closed">reserved</li>\r
- <li class="maintenance">maintenance</li>\r
- </ol>\r
- </div>\r
- </div><!-- / scheduler plugin -->\r
- <script type="text/javascript">\r
- //alert("1");\r
- </script>\r
-</div>
\ No newline at end of file
+ {% for itms in nodes %}\r
+ {% for n in itms.1 %}\r
+ <tr data-trindex="">\r
+ {% for ts in time_slots %}\r
+ {% if n == 'node020' %}\r
+ <td class="maintenance closed" data-tdindex="{{forloop.counter}}"></td>\r
+ {% elif n == 'node023' or n == 'node030' %}\r
+ <td class="closed" data-tdindex="{{forloop.counter}}"></td>\r
+ {% else %}\r
+ <td class="" data-tdindex="{{forloop.counter}}"></td>\r
+ {% endif %}\r
+ {% endfor %}\r
+ </tr>\r
+ {% endfor %}\r
+ {% endfor %}\r
+ </tbody>\r
+ </table>\r
+ </div>\r
+ {% endcomment %}\r
+\r
+ <div class="legend">\r
+ <ol>\r
+ <li class="free">free</li>\r
+ <li class="selected">selected</li>\r
+ <li class="closed">reserved</li>\r
+ <li class="maintenance">maintenance</li>\r
+ </ol>\r
+ </div>\r
+ </div><!-- / scheduler plugin -->\r
+ <script type="text/javascript">\r
+ //alert("1");\r
+ </script>\r
+ </div>\r