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
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
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
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
18 <div class="col-md-2 text-center">
\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">×</button>
\r
24 <h4 class="modal-title" id="myModalLabel">Topology</h4>
\r
26 <div class="modal-body">
\r
27 <img src="../../static/img/nitos_topo.png" alt="nitos topology" style="width:100%;" />
\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
33 <button id="btnSchedulerSubmit" type="button" class="btn btn-primary btn-md">Submit Leases</button>
\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
41 <div class="col-md-9">
\r
42 <div id="time-range"></div>
\r
44 <div class="col-md-2">
\r
45 <span id="lbltime" class="label label-primary"></span>
\r
48 <div id="SchedulerCtrl" ng-controller="SchedulerCtrl" class='query-editor-spacer'>
\r
49 <div class="sliderContainer">
\r
50 <div id="tblSlider"></div>
\r
52 <div class="table-responsive">
\r
53 <table id="scheduler-reservation-table" class="table table-bordered table-condensed">
\r
57 <th ng-repeat="slot in slots">
\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
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
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
86 <div id="reservation-table-scroll-container">
\r
87 <table id='{{domid}}-reservation-table' class='table table-bordered'>
\r
90 {% for ts in time_slots %}
\r
91 <th class='center info'>{{ ts|safe }}</th>
\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
106 <td class="" data-tdindex="{{forloop.counter}}"></td>
\r
117 <div class="legend">
\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
125 </div><!-- / scheduler plugin -->
\r
126 <script type="text/javascript">
\r