<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 id="plugin-{{ domid }}" class="">\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
</div>\r
<div class="col-md-9">\r
- <input id="DateToRes" type="text" class="form-control" placeholder="Reservation Date">\r
+ <input id="DateToRes" type="text" placeholder="Reservation Date">\r
+ <!-- <input id="DateToRes" type="text" class="form-control" placeholder="Reservation Date"> -->\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
- <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>\r
- <h4 class="modal-title" id="myModalLabel">Topology</h4>\r
- </div>\r
- <div class="modal-body">\r
- <img src="../../static/img/nitos_topo.png" alt="nitos topology" style="width:100%;" />\r
- </div>\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 class="sliderContainer">\r
+ <div id="tblSlider"></div>\r
+ </div>\r
</div>\r
</div>\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-9">\r
- <div id="time-range"></div>\r
- </div>\r
- <div class="col-md-2">\r
- <span id="lbltime" class="label label-primary"></span>\r
- </div>\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 class="table-responsive">\r
+\r
<table id="scheduler-reservation-table" class="table table-bordered table-condensed">\r
<thead>\r
<tr>\r
- <th>#</th>\r
- <th ng-repeat="slot in slots">\r
+ <th>Resource name</th>\r
+ <th ng-repeat="slot in slots | offset: from | limitTo: num_visible_cells ">\r
{[{ slot.time }]}\r
</th>\r
</tr>\r
</thead>\r
<tbody>\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 ng-repeat="resource in resources | filter: filter_visible | offset: (current_page-1) * items_per_page | limitTo: items_per_page" \r
+ ng-class-odd="''" \r
+ ng-class-even="'even'">\r
+ <th data-resourceid="{[{ resource.urn }]}" \r
+ data-rowindex="{[{ $index }]}" \r
+ data-resourceindex="{[{ resource.index }]}" \r
+ style="word-wrap: break-word; word-break: break-all; ">\r
+ {[{ resource.hostname }]}\r
+ </th>\r
+ <td ng-repeat="lease in resource.leases | offset: from / lcm_colspan | limitTo: num_visible_cells / lcm_colspan"\r
+ data-slotid="{[{ lease.id }]}" \r
+ data-groupid="{[{ lease.groupid }]}" \r
+ ng-class="{{ 'lease.status' }}"\r
+ colspan="{[{resource.granularity / granularity}]}"\r
+ ng-click="select(from+$index, lease, $parent.resource)">\r
+ </td>\r
</tr>\r
</tbody>\r
</table>\r
+\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
+ <label>Total pages : {[{page_count()}]}</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
+ <li ng-class="prevPageDisabled()">\r
+ <a href ng-click="prevPage()">« Prev</a>\r
+ </li>\r
+ <li ng-repeat="n in range()" \r
+ ng-class="{active: n==current_page}" \r
+ ng-click="setPage(n)"><a href="#">{[{n}]}</a></li>\r
+ <li ng-class="nextPageDisabled()">\r
+ <a href ng-click="nextPage()">Next »</a>\r
+ </li>\r
</ul>\r
</div>\r
</div>\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
+ <li class="free">Free</li>\r
+ <li class="pendingin">Pending selected</li>\r
+ <li class="pendingout">Pending deselected</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