Chrysostomos for scheduler

[unfold.git] / plugins / scheduler2 / templates / scheduler.html

diff --git a/plugins/scheduler2/templates/scheduler.html b/plugins/scheduler2/templates/scheduler.html
index e4605f0..fd1afe3 100755 (executable)
--- a/plugins/scheduler2/templates/scheduler.html
+++ b/plugins/scheduler2/templates/scheduler.html
@@ -1,4 +1,12 @@
-<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
@@ -23,7 +31,7 @@
 \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
@@ -33,29 +41,45 @@
         <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
+    </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
+            <table id="scheduler-reservation-table" class="table table-bordered table-condensed">\r
+                <thead>\r
                     <tr>\r
-                        {% endif %}\r
-                        <td class="info fixed">{{ n }}</td>\r
+                        <th>#</th>\r
+                        <th ng-repeat="slot in slots" >\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 }]}" 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
@@ -66,7 +90,7 @@
                     </tr>\r
                 </thead>\r
                 <tbody>\r
-                    {% comment %}\r
+\r
                     {% for itms in nodes %}\r
                     {% for n in itms.1 %}\r
                     <tr data-trindex="">\r
@@ -82,10 +106,10 @@
                     </tr>\r
                     {% endfor %}\r
                     {% endfor %}\r
-                    {% endcomment  %}\r
                 </tbody>\r
             </table>\r
         </div>\r
+        {% endcomment  %}\r
 \r
         <div class="legend">\r
             <ol>\r