Open-ILS/web/js/ui/default/staff/services/eframe.js

   1 angular.module('egCoreMod')
   2
   3 /*
   4  * Iframe container for (mostly legacy) embedded interfaces
   5  */
   6 .directive('egEmbedFrame', function() {
   7     return {
   8         restrict : 'AE',
   9         replace : true,
  10         scope : {
  11             // URL to load in the embed iframe
  12             url : '=',
  13
  14             // optional hash of functions which augment or override
  15             // the stock xulG functions defined below.
  16             handlers : '=',
  17             frame : '=',
  18
  19             // called after onload of each new iframe page
  20             onchange : '=',
  21             saveSpace : '@',
  22         },
  23
  24         templateUrl : './share/t_eframe',
  25
  26         link: function (scope, element, attrs) {
  27             element.find('iframe').on(
  28                 'load',
  29                 function() {scope.egEmbedFrameLoader(this)}
  30             );
  31         },
  32
  33         controller :
  34                    ['$scope','$window','$location','$q','$timeout','egCore',
  35             function($scope , $window , $location , $q , $timeout , egCore) {
  36
  37             $scope.save_space = $scope.saveSpace ? $scope.saveSpace : 300;
  38             // Set the initial iframe height to just under the window height.
  39             // leave room for the navbar, padding, margins, etc.
  40             $scope.height = $window.outerHeight - $scope.save_space;
  41
  42             // browser client doesn't use cookies, so we don't load the
  43             // (at the time of writing, quite limited) angular.cookies
  44             // module.  We could load something, but this seems to work
  45             // well enough for setting the auth cookie (at least, until
  46             // it doesn't).
  47             //
  48             // note: document.cookie is smart enough to leave unreferenced
  49             // cookies alone, so contrary to how this might look, it's not
  50             // deleting other cookies (anoncache, etc.)
  51
  52             // delete any existing ses cookie
  53             $window.document.cookie = "ses=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT";
  54             // push our authtoken in
  55             $window.document.cookie = 'ses=' + egCore.auth.token() + '; path=/; secure'
  56
  57             // $location has functions for modifying paths and search,
  58             // but they all assume you are staying within the angular
  59             // app, which we are not.  Build the URLs by hand.
  60             function open_tab(path) {
  61                 var url = 'https://' + $window.location.hostname +
  62                     egCore.env.basePath + path;
  63                 console.debug('egEmbedFrame opening tab ' + url);
  64                 $window.open(url, '_blank').focus();
  65             }
  66
  67             // define our own xulG functions to be inserted into the
  68             // iframe.  NOTE: window-level functions are bad.  Though
  69             // there is probably a way, I was unable to correctly wire
  70             // up the iframe onload handler within the controller or link
  71             // funcs.  In any event, the code below is meant as a stop-gap
  72             // for porting dojo, etc. apps to angular apps and should
  73             // eventually go away.
  74             // NOTE: catalog integration is not a stop-gap
  75
  76             $scope.egEmbedFrameLoader = function(iframe) {
  77
  78                 $scope.frame = {dom:iframe};
  79
  80                 // Reset the iframe height to the final content height.
  81                 $scope.height = $scope.frame.dom.contentWindow.document.body.scrollHeight;
  82
  83                 var page = iframe.contentWindow.location.href;
  84                 console.debug('egEmbedFrameLoader(): ' + page);
  85
  86                 // reload ifram page w/o reloading the entire UI
  87                 $scope.reload = function() {
  88                     iframe.contentWindow.location.replace(
  89                         iframe.contentWindow.location);
  90                 }
  91
  92                 // tell the iframe'd window its inside the staff client
  93                 iframe.contentWindow.IAMXUL = true;
  94
  95                 // also tell it it's inside the browser client, which
  96                 // may be needed in a few special cases.
  97                 iframe.contentWindow.IAMBROWSER /* hear me roar */ = true;
  98
  99                 // XUL has a dump() function which is occasinally called
 100                 // from embedded browsers.
 101                 iframe.contentWindow.dump = function(msg) {
 102                     console.debug('egEmbedFrame:dump(): ' + msg);
 103                 }
 104
 105                 // define a few commonly used stock xulG handlers.
 106
 107                 iframe.contentWindow.xulG = {
 108                     // patron search
 109                     spawn_search : function(search) {
 110                         open_tab('/circ/patron/search?search='
 111                             + encodeURIComponent(js2JSON(search)));
 112                     },
 113
 114                     // edit an existing user
 115                     spawn_editor : function(info) {
 116                         if (info.usr) {
 117                             open_tab('/circ/patron/register/edit/' + info.usr);
 118
 119                         } else if (info.clone) {
 120                             // FIXME: The save-and-clone operation in the
 121                             // patron editor results in this action.
 122                             // For some reason, this specific function results
 123                             // in a new browser window opening instead of a
 124                             // browser tab.  Possibly this is caused by the
 125                             // fact that the action occurs as a result of a
 126                             // button click instead of an href.  *shrug*.
 127                             // It's obnoxious.
 128                             open_tab('/circ/patron/register/clone/' + info.clone);
 129                         }
 130                     },
 131
 132                     // open a user account
 133                     new_patron_tab : function(tab_info, usr_info) {
 134                         open_tab('/circ/patron/' + usr_info.id + '/checkout');
 135                     },
 136
 137                     get_barcode_and_settings_async : function(barcode, only_settings) {
 138                         if (!barcode) return $q.reject();
 139                         var deferred = $q.defer();
 140
 141                         var barcode_promise = $q.when(barcode);
 142                         if (!only_settings) {
 143
 144                             // first verify / locate the barcode
 145                             barcode_promise = egCore.net.request(
 146                                 'open-ils.actor',
 147                                 'open-ils.actor.get_barcodes',
 148                                 egCore.auth.token(),
 149                                 egCore.auth.user().ws_ou(), 'actor', barcode
 150                             ).then(function(resp) {
 151
 152                                 if (!resp || egCore.evt.parse(resp) || !resp.length) {
 153                                     console.error('user not found: ' + barcode);
 154                                     deferred.reject();
 155                                     return null;
 156                                 }
 157
 158                                 resp = resp[0];
 159                                 return barcode = resp.barcode;
 160                             });
 161                         }
 162
 163                         barcode_promise.then(function(barcode) {
 164                             if (!barcode) return;
 165
 166                             return egCore.net.request(
 167                                 'open-ils.actor',
 168                                 'open-ils.actor.user.fleshed.retrieve_by_barcode',
 169                                 egCore.auth.token(), barcode);
 170
 171                         }).then(function(user) {
 172                             if (!user) return null;
 173
 174                             if (e = egCore.evt.parse(user)) {
 175                                 console.error('user fetch failed : ' + e.toString());
 176                                 deferred.reject();
 177                                 return null;
 178                             }
 179
 180                             // copied more or less directly from XUL menu.js
 181                             var settings = {};
 182                             for(var i = 0; i < user.settings().length; i++) {
 183                                 settings[user.settings()[i].name()] =
 184                                     JSON2js(user.settings()[i].value());
 185                             }
 186
 187                             if(!settings['opac.default_phone'] && user.day_phone())
 188                                 settings['opac.default_phone'] = user.day_phone();
 189                             if(!settings['opac.hold_notify'] && settings['opac.hold_notify'] !== '')
 190                                 settings['opac.hold_notify'] = 'email:phone';
 191
 192                             // Taken from patron/util.js format_name
 193                             // FIXME: I18n
 194                             var patron_name =
 195                                 ( user.prefix() ? user.prefix() + ' ' : '') +
 196                                 user.family_name() + ', ' +
 197                                 user.first_given_name() + ' ' +
 198                                 ( user.second_given_name() ? user.second_given_name() + ' ' : '' ) +
 199                                 ( user.suffix() ? user.suffix() : '');
 200
 201                             deferred.resolve({
 202                                 "barcode": barcode,
 203                                 "settings" : settings,
 204                                 "user_email" : user.email(),
 205                                 "patron_name" : patron_name
 206                             });
 207                         });
 208
 209                         return deferred.promise;
 210                     }
 211                 }
 212
 213                 if ($scope.handlers) {
 214                     $scope.handlers.reload = $scope.reload;
 215                     angular.forEach($scope.handlers, function(val, key) {
 216                         iframe.contentWindow.xulG[key] = val;
 217                     });
 218                 }
 219
 220                 if ($scope.onchange) $scope.onchange(page);
 221             }
 222         }]
 223     }
 224 })
 225
 226