webstaff: first ported Booking interface

  * Create Reservations

with a xulG timing issue workaround :-/

Signed-off-by: Jason Etheridge <jason@esilibrary.com>
Signed-off-by: Kathy Lussier <klussier@masslnc.org>

diff --git a/Open-ILS/src/templates/staff/booking/index.tt2 b/Open-ILS/src/templates/staff/booking/index.tt2
new file mode 100644 (file)
index 0000000..678f22a
--- /dev/null
+++ b/Open-ILS/src/templates/staff/booking/index.tt2
@@ -0,0 +1,20 @@
+[%
+  WRAPPER "staff/base.tt2";
+  ctx.page_title = l("Booking");
+  ctx.page_app = "egBooking";
+%]
+
+[% BLOCK APP_JS %]
+<script src="[% ctx.media_prefix %]/js/ui/default/staff/services/grid.js"></script>
+<script src="[% ctx.media_prefix %]/js/ui/default/staff/services/eframe.js"></script>
+<script src="[% ctx.media_prefix %]/js/ui/default/staff/services/ui.js"></script>
+<script src="[% ctx.media_prefix %]/js/ui/default/staff/services/user.js"></script>
+<!--<script src="[% ctx.media_prefix %]/js/ui/default/staff/reporter/services/template.js"></script>-->
+<!--[% INCLUDE 'staff/reporter/share/report_strings.tt2' %]-->
+<script src="[% ctx.media_prefix %]/js/ui/default/staff/booking/app.js"></script>
+<link rel="stylesheet" href="[% ctx.base_path %]/staff/css/booking.css" />
+[% END %]
+
+<div ng-view></div>
+
+[% END %]

diff --git a/Open-ILS/src/templates/staff/navbar.tt2 b/Open-ILS/src/templates/staff/navbar.tt2
index 262ceef..fe72af0 100644 (file)
--- a/Open-ILS/src/templates/staff/navbar.tt2
+++ b/Open-ILS/src/templates/staff/navbar.tt2
@@ -340,6 +340,21 @@
        </ul>
       </li>
 
+      <!-- booking -->
+      <li class="dropdown" uib-dropdown>
+        <a href uib-dropdown-toggle>[% l('Booking') %]<b class="caret"></b>
+        </a>
+        <ul uib-dropdown-menu>
+          <li>
+            <a href="./booking/legacy/booking/reservation" target="_self">
+              <span class="glyphicon glyphicon-plus"></span>
+              [% l('Create Reservations') %]
+            </a>
+          </li>
+          <li class="divider"></li>
+        </ul>
+      </li>
+
       <!-- admin -->
       <li class="dropdown" uib-dropdown>
         <a href uib-dropdown-toggle>[% l('Administration') %]<b class="caret"></b></a>

diff --git a/Open-ILS/web/js/ui/default/booking/reservation.js b/Open-ILS/web/js/ui/default/booking/reservation.js
index fcaf572..590c6b7 100644 (file)
--- a/Open-ILS/web/js/ui/default/booking/reservation.js
+++ b/Open-ILS/web/js/ui/default/booking/reservation.js
@@ -835,7 +835,11 @@ function my_init() {
     init_aous_cache();
     init_timestamp_widgets();
 
-    if (!(opts = xulG.bresv_interface_opts)) opts = {};
-    if (early_action_passthru())
-        provide_brt_selector(document.getElementById("brt_selector_here"));
+    setTimeout(
+        function() {
+            if (!(opts = xulG.bresv_interface_opts)) opts = {};
+            if (early_action_passthru())
+                provide_brt_selector(document.getElementById("brt_selector_here"));
+        }, 0
+    );
 }

diff --git a/Open-ILS/web/js/ui/default/staff/booking/app.js b/Open-ILS/web/js/ui/default/staff/booking/app.js
new file mode 100644 (file)
index 0000000..5f116d1
--- /dev/null
+++ b/Open-ILS/web/js/ui/default/staff/booking/app.js
@@ -0,0 +1,46 @@
+angular.module('egBooking',
+    ['ngRoute', 'ui.bootstrap', 'egCoreMod','egUiMod'])
+
+.config(['$routeProvider','$locationProvider','$compileProvider', 
+ function($routeProvider , $locationProvider , $compileProvider) {
+
+    $locationProvider.html5Mode(true);
+    $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|blob):/); 
+    var resolver = {delay : function(egStartup) {return egStartup.go()}};
+
+    var eframe_template = 
+        '<eg-embed-frame url="booking_url" handlers="funcs"></eg-embed-frame>';
+
+    $routeProvider.when('/booking/legacy/:noun/:verb', {
+        template: eframe_template,
+        controller: 'EmbedBookingCtl',
+        resolve : resolver
+    });
+
+    // default page 
+    $routeProvider.otherwise({
+        templateUrl : './t_splash',
+        resolve : resolver
+    });
+}])
+
+.controller('EmbedBookingCtl', 
+       ['$scope','$routeParams','$location','egCore',
+function($scope , $routeParams , $location , egCore) {
+
+    $scope.funcs = {
+        ses : egCore.auth.token(),
+    }
+
+    var booking_path = '/eg//eg/' + 
+        $routeParams.noun + '/' + $routeParams.verb + location.search;
+
+    // embed URL must include protocol/domain or it will be loaded via
+    // push-state, resulting in an infinitely nested pages.
+    $scope.booking_url = 
+        $location.absUrl().replace(/\/eg\/staff.*/, booking_path);
+
+    console.log('Loading Booking URL: ' + $scope.booking_url);
+
+}])
+