-<div id="plugin-{{ domid }}-loader" style="text-align:center;">\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
</thead>\r
<tbody>\r
<tr ng-repeat="resource in resources" ng-class-odd="''" ng-class-even="'even'">\r
- <th data-resourceid="{[{ resource.id }]}" data-resourceindex="{[{ resource.index }]}">{[{ resource.name }]}</th>\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 }]}" ng-class="{{ 'lease.status' }}"></td>\r
</tr>\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