Open-ILS/web/conify/global/permission/perm_list.html

   1 <!--
   2 # Copyright (C) 2008  Georgia Public Library Service / Equinox Software, Inc
   3 # Mike Rylander <miker@esilibrary.com>
   4 #
   5 # This program is free software; you can redistribute it and/or
   6 # modify it under the terms of the GNU General Public License
   7 # as published by the Free Software Foundation; either version 2
   8 # of the License, or (at your option) any later version.
   9 #
  10 # This program is distributed in the hope that it will be useful,
  11 # but WITHOUT ANY WARRANTY; without even the implied warranty of
  12 # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  13 # GNU General Public License for more details.
  14 -->
  15 <html xmlns="http://www.w3.org/1999/xhtml">
  16         <head>
  17                 <title>Confiy :: Global :: Permission :: Permission List</title>
  18
  19                 <style type="text/css">
  20                         @import url("/js/dojo/dojox/grid/_grid/tundraGrid.css");
  21                         @import url("/js/dojo/dojo/resources/dojo.css");
  22                         @import url("/js/dojo/dijit/themes/tundra/tundra.css");
  23                         @import url("/js/dojo/dojox/widget/Toaster/Toaster.css");
  24                 </style>
  25
  26                 <style>
  27                         html, body {
  28                                 height: 100%;
  29                                 width: 100%;
  30                                 margin: 0px 0px 0px 0px;
  31                                 padding: 0px 0px 0px 0px;
  32                                 overflow: hidden;
  33                         }
  34
  35                         #perm_grid {
  36                                 border: 0px;
  37                                 width: 100%;
  38                                 height: 100%;
  39                         }
  40
  41                         #grid_container {
  42                                 width: 100%;
  43                                 height: 100%;
  44                         }
  45                 </style>
  46
  47                 <!-- The OpenSRF API writ JS -->
  48                 <script language='javascript' src='/opac/common/js/utils.js' type='text/javascript'></script>
  49                 <script language='javascript' src='/opac/common/js/Cookies.js' type='text/javascript'></script>
  50                 <script language='javascript' src='/opac/common/js/CGI.js' type='text/javascript'></script>
  51                 <script language='javascript' src='/opac/common/js/JSON_v1.js' type='text/javascript'></script>
  52
  53                 <!-- Dojo goodness -->
  54                 <script type="text/javascript" src="/js/dojo/dojo/dojo.js" djConfig="parseOnLoad: true"></script>
  55                 <script type="text/javascript" src="/js/dojo/dijit/dijit.js"></script>
  56
  57                 <script type="text/javascript" src="perm_list.js"></script>
  58
  59         </head>
  60
  61         <body class="tundra" id='pagebody'>
  62
  63                 <div dojoType="dijit.layout.LayoutContainer" id="grid_container" jsId="grid_container" orientation="vertical">
  64                         <script type="dojo/method">
  65                                 window.highlighter= {};
  66                                 window.highlighter.green = dojox.fx.highlight( { color : '#B4FFB4', node : 'grid_container', duration : 500 } );
  67                                 window.highlighter.red = dojox.fx.highlight( { color : '#FF2018', node : 'grid_container', duration : 500 } );
  68
  69                                 window.dirtyStore = [];
  70
  71                 pCRUD.request({
  72                     method : 'open-ils.permacrud.search.ppl.atomic',
  73                     timeout : 10,
  74                     params : [ ses, { id : { "!=" : null } }, { order_by : { ppl : 'code' } } ],
  75                     onerror : function (r) { status_update('Problem fetching perms') },
  76                     oncomplete : function (r) {
  77
  78                         window._perm_list = r.recv().content();
  79                         window._perm_data = ppl.toStoreData( window._perm_list, 'code' );
  80                         window.perm_store = new dojo.data.ItemFileWriteStore({ data : window._perm_data });
  81
  82                             perm_store.onSet = function (item, attr, o, n) {
  83                             if (attr == 'ischanged') return;
  84                             if (n == o) return;
  85                             this.setValue( item, 'ischanged', 1);
  86                         };
  87
  88                                                 window.perm_grid_layout = [
  89                                                         {       cells : [
  90                                                                         [
  91                                                                                 { name : "Code",        field : "code",        width : "300px", editor : dojox.grid.editors.Dijit },
  92                                                                                 { name : "Description", field : "description", width : "auto",  editor : dojox.grid.editors.Editor }
  93                                                                         ]
  94                                                                 ]
  95                                                         }
  96                                                 ];
  97
  98                         dojo.addOnUnload( function (event) {
  99
 100                             perm_store.fetch({
 101                                 query : { ischanged : 1 },
 102                                 onItem : function (item, req) { try { if (this.isItem( item )) window.dirtyStore.push( item ); } catch (e) { /* meh */ } },
 103                                 scope : perm_store
 104                             });
 105
 106                             if (dirtyStore.length > 0) {
 107                                 var confirmation = confirm(
 108                                     'There are unsaved modified Permissions!  '+
 109                                     'OK to save these changes, Cancel to abandon them.'
 110                                 );
 111
 112                                 if (confirmation) {
 113                                     for (var i in window.dirtyStore) {
 114                                         window.current_perm = window.dirtyStore[i];
 115                                         save_perm(true);
 116                                     }
 117                                 }
 118                             }
 119
 120                         });
 121                     }
 122                 }).send();
 123
 124                         </script>
 125
 126                         <div dojoType="dijit.layout.LayoutContainer" orientation="horizontal" style="margin-top: 5px;" layoutAlign="top">
 127                                 <span>New Permission:</span>
 128                                 <div dojoType="dijit.form.TextBox" id="new_perm_code" jsId="new_perm_code" label="New Code"></div>
 129                                 <button dojoType="dijit.form.Button" id="save_new_perm_code" jsId="save_new_perm_code" label="Add">
 130                                         <script type="dojo/connect" event="onClick">
 131
 132                                                 var new_code = new_perm_code.getValue();
 133                                                 if (!new_code) return;
 134
 135                         var new_fm_obj = new ppl().fromHash({
 136                                 isnew           : 1,
 137                             code            : new_code
 138                             });
 139
 140                         var err = false;
 141                             pCRUD.request({
 142                             method : 'open-ils.permacrud.create.ppl',
 143                                 timeout : 10,
 144                             params : [ ses, new_fm_obj ],
 145                                 onerror : function (r) {
 146                                 highlighter.red.play();
 147                                     status_update( 'Problem calling method to create new Permission' );
 148                                 err = true;
 149                                 },
 150                                 oncomplete : function (r) {
 151                                 var res = r.recv();
 152                                     if ( res && res.content() ) {
 153                                     var new_item_hash = res.content().toHash();
 154                                     perm_store.newItem( new_item_hash );
 155                                                                         status_update( 'New ' + new_item_hash.code + ' permission created' );
 156                                                                         perm_grid.model.sort(-1);
 157                                                                         highlighter.green.play();
 158                                 } else {
 159                                         highlighter.red.play();
 160                                     status_update( 'Problem creating new Permission' );
 161                                         err = true;
 162                                 }
 163                                 }
 164                         }).send();
 165
 166                         </script>
 167                                 </button>
 168                         </div>
 169
 170                         <div dojoType="dijit.layout.ContentPane" style="width:100%; height:100%;" layoutAlign="client">
 171                                 <div dojoType="dojox.grid.data.DojoData" id="perm_data_model"jsId="perm_data_model" store="perm_store" query="{ code : '*' }"></div>
 172                                 <div id="perm_grid" dojoType="dojox.Grid" model="perm_data_model" structure="perm_grid_layout" jsId="perm_grid">
 173                                         <!!--
 174                                         <script type="dojo/connect" event="onSet" args="item,attr,oldVal,newVal">
 175                                         </script>
 176                                         -->
 177                                 </div>
 178                         </div>
 179
 180                         <div dojoType="dijit.layout.ContentPane" orientation="horizontal" style="margin-bottom: 5px;" layoutAlign="bottom">
 181
 182                                 <button jsId="save_ppl_button" dojoType="dijit.form.Button" label="Save Changes" onClick="save_them_all()"></button>
 183
 184                                 <button jsId="delete_ppl_button" dojoType="dijit.form.Button" label="Delete Selected">
 185                                         <script type="dojo/connect" event="onClick">
 186
 187                                                 var selected_rows = perm_grid.selection.getSelected();
 188
 189                                                 var selected_items = [];
 190                                                 for (var i in selected_rows) {
 191                                                         selected_items.push(
 192                                                                 perm_grid.model.getRow( selected_rows[i] ).__dojo_data_item
 193                                                         );
 194                                                 }
 195
 196                                                 perm_grid.selection.clear();
 197
 198                                                 for (var i in selected_items) {
 199                                                         current_perm = selected_items[i];
 200
 201                                                         if ( confirm('Are you sure you want to delete ' + perm_store.getValue( current_perm, 'code' ) + '?')) {
 202
 203                                                                 perm_store.setValue( current_perm, 'isdeleted', 1 );
 204
 205                                                                 var modified_ppl = new ppl().fromStoreItem( current_perm );
 206                                                                 modified_ppl.isdeleted( 1 );
 207
 208                                                                 pCRUD.request({
 209                                                                         method : 'open-ils.permacrud.delete.ppl',
 210                                                                         timeout : 10,
 211                                                                         params : [ ses, modified_ppl ],
 212                                                                         onerror : function (r) {
 213                                                                                 highlighter.red.play();
 214                                                                                 status_update( 'Problem deleting ' + perm_store.getValue( current_perm, 'code' ) );
 215                                                                         },
 216                                                                         oncomplete : function (r) {
 217                                                                                 var res = r.recv();
 218                                                                                 if ( res && res.content() ) {
 219
 220                                                                                         var old_name = perm_store.getValue( current_perm, 'code' );
 221
 222                                                                                         perm_store.fetch({
 223                                                                                                 query : { id : perm_store.getValue( current_perm, 'id' ) },
 224                                                                                                 onItem : function (item, req) { try { if (this.isItem( item )) this.deleteItem( item ); } catch (e) { /* meh */ } },
 225                                                                                                 scope : perm_store
 226                                                                                         });
 227
 228                                                                                         current_perm = null;
 229
 230                                                                                         highlighter.green.play();
 231                                                                                         status_update( old_name + ' deleted' );
 232                                                                                 } else {
 233                                                                                         highlighter.red.play();
 234                                                                                         status_update( 'Problem deleting ' + old_name );
 235                                                                                 }
 236                                                                         }
 237                                                                 }).send();
 238
 239                                                         }
 240                                                 }
 241
 242                                         </script>
 243                                 </button>
 244
 245                         </div>
 246                 </div>
 247
 248         </body>
 249 </html>