Open-ILS/web/conify/global/permission/grp_tree.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 <!DOCTYPE html PUBLIC
  16         "-//W3C//DTD XHTML 1.0 Transitional//EN"
  17         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" [
  18         <!--#include virtual="/opac/locale/${locale}/conify.dtd"-->
  19 ]>
  20 <html xmlns="http://www.w2.org/1999/xhtml">
  21         <head>
  22                 <title>&conify.grp_tree.group_tree.title;</title>
  23
  24                 <style type="text/css">
  25                         @import url('/js/dojo/dojox/grid/_grid/tundraGrid.css');
  26                         @import url('/js/dojo/dojo/resources/dojo.css');
  27                         @import url('/js/dojo/dijit/themes/tundra/tundra.css');
  28                         @import url('/js/dojo/dojox/widget/Toaster/Toaster.css');
  29                 </style>
  30
  31                 <style type="text/css">
  32                         html, body
  33                         {
  34                                 height: 100%;
  35                                 width: 100%;
  36                                 margin: 0px 0px 0px 0px;
  37                                 padding: 0px 0px 0px 0px;
  38                                 overflow: hidden;
  39                         }
  40
  41                         th
  42                         {
  43                                 text-align: right;
  44                                 font-weight: bold;
  45                                 padding-left: 20px;
  46                                 padding-right: 5px;
  47                         }
  48
  49             #perm_grid {
  50                 border: 0px;
  51                 width: 100%;
  52                 height: 100%;
  53             }
  54
  55             #grid_container {
  56                 width: 75%;
  57                 height: 100%;
  58             }
  59
  60                 </style>
  61
  62                 <!-- The OpenSRF API writ JS -->
  63                 <script language='javascript' src='/opac/common/js/utils.js' type='text/javascript'></script>
  64                 <script language='javascript' src='/opac/common/js/Cookies.js' type='text/javascript'></script>
  65                 <script language='javascript' src='/opac/common/js/CGI.js' type='text/javascript'></script>
  66                 <script language='javascript' src='/opac/common/js/JSON_v1.js' type='text/javascript'></script>
  67
  68                 <!-- Dojo goodness -->
  69                 <script type="text/javascript" src="../admin.js"></script>
  70                 <script type="text/javascript" src="/js/dojo/dojo/dojo.js"></script>
  71                 <script type="text/javascript" src="/js/dojo/dojo/openils_dojo.js"></script>
  72                 <script type="text/javascript" src="/js/dojo/dijit/dijit.js"></script>
  73
  74                 <script type="text/javascript" src="grp_tree.js"></script>
  75
  76         <script type="text/javascript"><![CDATA[
  77             var dirtyStore = [];
  78             var current_group;
  79
  80             var _group_list = server.pcrud.retrieveAll('pgt', { order_by : { pgt : 'name' } });
  81             var _group_data = pgt.toStoreData( _group_list );
  82             var group_store = new dojo.data.ItemFileWriteStore({ data : _group_data });
  83
  84             group_store.onSet = function (item, attr, o, n) {
  85                 if (attr == 'ischanged') return;
  86                 if (n == o) return;
  87                 this.setValue( item, 'ischanged', 1);
  88             };
  89
  90             dojo.addOnUnload( function (event) {
  91
  92                 group_store.fetch({
  93                     query : { ischanged : 1 },
  94                     queryOptions : { deep : true },
  95                     onItem : function (item, req) { try { if (this.isItem( item )) dirtyStore.push( item ); } catch (e) { /* meh */ } },
  96                     scope : group_store
  97                 });
  98
  99                 if (dirtyStore.length > 0) {
 100                     var confirmation = confirm( pgt_strings.CONFIRM_EXIT_PGT );
 101
 102                     if (confirmation) {
 103                         for (var i in dirtyStore) {
 104                             current_group = dirtyStore[i];
 105                             save_group(true);
 106                         }
 107                     }
 108                 }
 109
 110             });
 111
 112             var _ou_type_list = server.pcrud.retrieveAll('aout', { order_by : { aout : 'depth' } });
 113             var _ou_type_data = aout.toStoreData( _ou_type_list );
 114             var ou_type_store = new dojo.data.ItemFileReadStore({ data : _ou_type_data });
 115
 116             var _perm_list = server.pcrud.retrieveAll('ppl', { order_by : { ppl : 'code' } });
 117             var _perm_data = ppl.toStoreData( _perm_list, 'code' );
 118             var _perm_name_data = ppl.toStoreData( _perm_list, 'code', { identifier : 'code' } );
 119
 120             var perm_store = new dojo.data.ItemFileWriteStore({ data : _perm_data });
 121             var perm_name_store = new dojo.data.ItemFileWriteStore({ data : _perm_name_data });
 122
 123             var _perm_map_list = server.pcrud.retrieveAll('pgpm');
 124             var _perm_map_data = pgpm.toStoreData( _perm_map_list, 'id' );
 125             var perm_map_store = new dojo.data.ItemFileWriteStore({ data : _perm_map_data });
 126
 127             perm_map_store.onSet = function (item, attr, o, n) {
 128                 if (attr == 'ischanged') return;
 129                 if (n == o) return;
 130
 131                 this.setValue( item, 'ischanged', 1);
 132
 133                 if (attr == 'grantable' && (typeof (n) != 'string'))
 134                     this.setValue(item, 'grantable', n ? 't' : 'f');
 135             }
 136
 137             dojo.addOnUnload( function (event) { save_them_all(); });
 138
 139         ]]></script>
 140
 141         </head>
 142
 143         <body class="tundra" id='pagebody'>
 144
 145                 <div dojoType="dijit.layout.SplitContainer" orientation="horizontal" style="height: 100%">
 146
 147                         <div dojoType="dijit.layout.ContentPane" sizeShare="100">
 148                                 <div
 149                                   id="group_tree"
 150                   label="&conify.grp_tree.permission_groups.label;"
 151                                   dojoType="dijit.Tree"
 152                                   store="group_store"
 153                   query="{'_top':'true'}"
 154                                   minSize="200"
 155                                   jsId="group_tree"
 156                                 >
 157
 158                                         <script type="dojo/method" event="onClick" args="item,node">
 159 <![CDATA[
 160                                                 right_pane_toggler.show();
 161
 162                                                 current_group = item;
 163                                                 window.current_fm_group = new pgt().fromStoreItem(item);
 164
 165                                                 perm_map_model.query = { grp : current_group ? group_store.getValue(current_group,'id') : -1 };
 166                                                 perm_map_model.refresh();
 167                                                 perm_grid.refresh();
 168
 169                                                 highlighter.editor_pane.green.play();
 170                                                 status_update( dojo.string.substitute( pgt_strings.STATUS_EDITING, [this.store.getValue( item, 'name' )]) );
 171
 172                                                 new_kid_button.disabled = false;
 173                                                 save_group_button.disabled = false;
 174                                                 delete_group_button.disabled = false;
 175
 176                                                 var main_settings_fields = [ 'name', 'perm_interval', 'description'];
 177                                                 for ( var i in main_settings_fields ) {
 178                                                         var field = main_settings_fields[i];
 179                                                         var value = this.store.getValue( current_group, field );
 180
 181                                                         if (!value) {
 182                                                                 window["editor_pane_" + field].setValue( '' ); // unset the value
 183                                                                 if (field != 'description') window["editor_pane_" + field].setDisplayedValue( '' ); // unset the value
 184                                                         } else window["editor_pane_" + field].setValue( value );
 185                                                 }
 186
 187                                                 if ( this.store.getValue( current_group, '_trueRoot' ) == 'true' ) {
 188                                                         editor_pane_parent.disabled = true;
 189                                                         editor_pane_parent.setValue(null);
 190                                                         editor_pane_parent.setDisplayedValue('');
 191                                                         editor_pane_parent.validate(false);
 192                                                 } else {
 193                                                         editor_pane_parent.disabled = false;
 194                                                         editor_pane_parent.validate(true);
 195                                                         editor_pane_parent.setValue( this.store.getValue( current_group, 'parent' ) );
 196                                                 }
 197
 198                                                 editor_pane_application_perm.setValue( this.store.getValue( current_group, 'application_perm' ) );
 199
 200                                                 editor_pane_usergroup.setChecked( this.store.getValue( current_group, 'usergroup' ) == 't' ? true : false );
 201 ]]>
 202                                         </script>
 203
 204                                         <script type="dojo/method" event="getLabel" args="item,pI">
 205                                                 var label = this.store.getValue(item,'name');
 206                                                 if (this.store.getValue(item,'ischanged') == 1) label = '* ' + label;
 207                                                 return label;
 208                                         </script>
 209
 210                                 </div>
 211                         </div>
 212
 213                         <div id="right_pane" dojoType="dijit.layout.ContentPane"  sizeShare="300">
 214                                 <script type="dojo/method">
 215                                         window.right_pane_toggler = new dojo.fx.Toggler({ node: 'right_pane'});
 216                                         window.right_pane_toggler.hide();
 217                                 </script>
 218
 219                                 <div dojoType="dijit.layout.TabContainer">
 220                                         <div id="editor_pane" dojoType="dijit.layout.ContentPane" title="&conify.grp_tree.group_config.label;">
 221                                                 <script type="dojo/method">
 222                                                         highlighter.group_tree = {};
 223                                                         highlighter.editor_pane = {};
 224                                                         highlighter.group_tree.green = dojox.fx.highlight( { color : '#B4FFB4', node : 'group_tree', duration : 500 } );
 225                                                         highlighter.group_tree.red = dojox.fx.highlight( { color : '#FF2018', node : 'group_tree', duration : 500 } );
 226                                                         highlighter.editor_pane.green = dojox.fx.highlight( { color : '#B4FFB4', node : 'editor_pane', duration : 500 } );
 227                                                         highlighter.editor_pane.red = dojox.fx.highlight( { color : '#FF2018', node : 'editor_pane', duration : 500 } );
 228                                                 </script>
 229
 230                                                 <table class="tundra" style="margin:10px;">
 231                                                         <tr>
 232                                                                 <th>&conify.grp_tree.group_name.label;</th>
 233                                                                 <td>
 234                                                                         <span id="editor_pane_name" dojoType="dijit.form.ValidationTextBox" jsId="editor_pane_name" regExp=".+" required="true">
 235                                                                                 <script type="dojo/connect" event="onChange">
 236                                                                                         if (current_group) {
 237                                                                                                 group_store.setValue( current_group, "name", this.getValue() );
 238                                                                                         }
 239                                                                                 </script>
 240                                                                         </span>
 241                                                                         <span dojoType="openils.widget.TranslatorPopup" targetObject="current_fm_group" field="name"></span>
 242                                                                 </td>
 243                                                         </tr>
 244                                                         <tr>
 245                                                                 <th>&conify.grp_tree.description.label;</th>
 246                                                                 <td>
 247                                                                         <span>
 248                                                                                 <textarea
 249                                                                                   id="editor_pane_description"
 250                                                                                   dojoType="dijit.form.Textarea"
 251                                                                                   jsId="editor_pane_description"
 252                                                                                   onChange="if (current_group) group_store.setValue( current_group, 'description', this.getValue() );"
 253                                                                                 ></textarea>
 254                                                                         </span>
 255                                                                         <span dojoType="openils.widget.TranslatorPopup" targetObject="current_fm_group" field="description"></span>
 256                                                                 </td>
 257                                                         </tr>
 258                                                         <tr>
 259                                                                 <th>&conify.grp_tree.permission_interval.label;</th>
 260                                                                 <td>
 261                                                                         <span id="editor_pane_perm_interval" dojoType="dijit.form.ValidationTextBox" jsId="editor_pane_perm_interval" regExp="^\d+ (?:y.*|mo.*|d.*)$" required="true">
 262                                                                                 <script type="dojo/connect" event="onChange">
 263                                                                                         if (current_group) {
 264                                                                                                 group_store.setValue( current_group, "perm_interval", this.getValue() );
 265                                                                                         }
 266                                                                                 </script>
 267                                                                         </span>
 268                                                                 </td>
 269                                                         </tr>
 270                                                         <tr>
 271                                                                 <th>&conify.grp_tree.editing_permission.label;</th>
 272                                                                 <td>
 273                                                                         <div
 274                                                                           id="editor_pane_application_perm"
 275                                                                           dojoType="dijit.form.FilteringSelect"
 276                                                                           store="perm_name_store"
 277                                                                           searchAttr="code"
 278                                                                           jsId="editor_pane_application_perm"
 279                                                                         >
 280                                                                                 <script type="dojo/connect" event="onChange">
 281 <![CDATA[
 282                                                                                         if (current_group && this.getValue()) {
 283                                                                                                 group_store.setValue( current_group, "application_perm", this.getValue() );
 284                                                                                         }
 285 ]]>
 286                                                                                 </script>
 287                                                                         </div>
 288                                                                 </td>
 289                                                         </tr>
 290                                                         <tr>
 291                                                                 <th>&conify.grp_tree.parent_group.label;</th>
 292                                                                 <td>
 293                                                                         <div
 294                                                                           id="editor_pane_parent"
 295                                                                           dojoType="dijit.form.FilteringSelect"
 296                                                                           jsId="editor_pane_parent"
 297                                                                           store="group_store"
 298                                                                           searchAttr="name"
 299                                                                           ignoreCase="true"
 300                                                                           required="true"
 301                                                                         >
 302                                                                                 <script type="dojo/connect" event="onChange">
 303 <![CDATA[
 304                                                                                         if (current_group && this.getValue()) {
 305                                                                                                 this.store.setValue( current_group, "parent", this.getValue() );
 306                                                                                         }
 307 ]]>
 308                                                                                 </script>
 309                                                                         </div>
 310                                                                 </td>
 311                                                         </tr>
 312                                                         <tr>
 313                                                                 <th>&conify.grp_tree.user_group.label;</th>
 314                                                                 <td>
 315                                                                         <input
 316                                                                           id="editor_pane_usergroup"
 317                                                                           jsId="editor_pane_usergroup"
 318                                                                           type="checkbox"
 319                                                                           dojoType="dijit.form.CheckBox"
 320                                                                           onChange="if (current_group) group_store.setValue( current_group, 'usergroup', this.checked ? 't' : 'f' );"
 321                                                                         />
 322                                                                 </td>
 323                                                         </tr>
 324                                                 </table>
 325
 326                                                 <div dojoType="dijit.layout.ContentPane" orientation="horizontal" style="margin-bottom: 20px;">
 327
 328                                                         <button jsId="save_group_button" dojoType="dijit.form.Button" label="&conify.grp_tree.save_button.label;" onClick="save_group()">
 329                                                                 <script type="dojo/connect" event="startup">
 330                                                                         this.disabled = true;
 331                                                                 </script>
 332                                                         </button>
 333
 334                                                         <button jsId="delete_group_button" dojoType="dijit.form.Button" label="&conify.grp_tree.delete_button.label;">
 335                                                                 <script type="dojo/connect" event="startup">
 336                                                                         this.disabled = true;
 337                                                                 </script>
 338                                                                 <script type="dojo/connect" event="onClick">
 339 <![CDATA[
 340
 341                                                                         if (group_store.getValue( current_group, '_trueRoot' ) == 'true') {
 342                                                                                 highlighter.editor_pane.red.play();
 343                                                                                 status_update( dojo.string.substitute( pgt_strings.STATUS_ERR_DELETING, [group_store.getValue( current_group, 'name' )])  );
 344                                                                                 return false;
 345                                                                         }
 346
 347                                                                         if ( current_group.children ) {
 348                                                                                 var kids = current_group.children;
 349                                                                                 if (!dojo.isArray(kids)) kids = [kids];
 350
 351                                                                                 var existing_kids = dojo.filter(
 352                                                                                         kids,
 353                                                                                         function(kid){ return kid.isdeleted[0] != 1 }
 354                                                                                 );
 355                                                                                 if ( existing_kids.length > 0) {
 356                                                                                         highlighter.editor_pane.red.play();
 357                                                                                         status_update( dojo.string.substitute( pgt_strings.STATUS_ERR_DELETING_DEPENDENCY, [group_store.getValue( current_group, 'name' ), existing_kids.length]) );
 358                                                                                         return;
 359                                                                                 }
 360                                                                         }
 361
 362                                                                         if ( confirm( dojo.string.substitute( pgt_strings.CONFIRM_DELETE, [current_group.name]) ) ) {
 363                                                                                 group_store.setValue( current_group, 'isdeleted', 1 );
 364
 365                                                                                 var modified_pgt = new pgt().fromStoreItem( current_group );
 366                                                                                 modified_pgt.isdeleted( 1 );
 367
 368                                                                                 server.pcrud.eliminate( modified_pgt, {
 369                                                                                         onerror : function (r) {
 370                                                                                                 highlighter.editor_pane.red.play();
 371                                                                                                 status_update( dojo.string.substitute( pgt_strings.CONFIRM_DELETE, [group_store.getValue( current_group, 'name' )]) );
 372                                                                                         },
 373                                                                                         oncomplete : function (r) {
 374                                                                                                 var old_name = group_store.getValue( current_group, 'name' );
 375
 376                                                                                                 group_store.fetch({
 377                                                                                                         query : { id : group_store.getValue( current_group, 'id' ) },
 378                                                                                                         queryOptions : { deep : true },
 379                                                                                                         onItem : function (item, req) { try { if (this.isItem( item )) this.deleteItem( item ); } catch (e) { /* meh */ } },
 380                                                                                                         scope : group_store
 381                                                                                                 });
 382
 383                                                                                                 current_group = null;
 384
 385                                                                                                 new_kid_button.disabled = true;
 386                                                                                                 save_group_button.disabled = true;
 387                                                                                                 delete_group_button.disabled = true;
 388
 389                                                                                                 var main_settings_fields = [ 'name', 'perm_interval', 'description' ];
 390                                                                                                 for ( var i in main_settings_fields ) {
 391                                                                                                         var field = main_settings_fields[i];
 392                                                                                                         window["editor_pane_" + field].setValue( '' ); // unset the value
 393                                                                                                         window["editor_pane_" + field].setDisplayedValue( '' ); // unset the value
 394                                                                                                 }
 395
 396                                                                                                 window["editor_pane_usergroup"].setChecked( false ); // unset the value
 397
 398                                                                                                 highlighter.editor_pane.green.play();
 399                                                                                                 status_update( dojo.string.substitute( pgt_strings.STATUS_DELETED, [old_name]) );
 400                                                                                         }
 401                                                                                 });
 402
 403                                                                         }
 404 ]]>
 405                                                                 </script>
 406                                                         </button>
 407
 408                                                 </div>
 409
 410                                                 <button jsId="new_kid_button" dojoType="dijit.form.Button" label="&conify.grp_tree.new_child_button.label;">
 411                                                         <script type="dojo/connect" event="startup">
 412                                                                 this.disabled = true;
 413                                                         </script>
 414                                                         <script type="dojo/connect" event="onClick">
 415 <![CDATA[
 416
 417                                                                 var new_fm_obj = new pgt().fromHash({
 418                                                                         isnew                   : 1,
 419                                                                         name                    : pgt_strings.LABEL_NEW_GROUP,
 420                                                                         usergroup               : 'f',
 421                                                                         parent                  : group_store.getValue( current_group, 'id' )
 422                                                                 });
 423
 424                                                                 var err = false;
 425
 426                                                                 server.pcrud.create( new_fm_obj, {
 427                                                                         onerror : function (r) {
 428                                                                                 highlighter.editor_pane.red.play();
 429                                                                                 status_update( pgt_strings.ERROR_CALLING_METHOD_PGT );
 430                                                                                 err = true;
 431                                                                         },
 432                                     oncomplete : function (r,list) {
 433                                                                         group_store.newItem( list[0].toHash(), { parent : current_group, attribute : 'children' } );
 434                                     }
 435                                 });
 436
 437                                                                 if (!err) {
 438                                                                         highlighter.editor_pane.green.play();
 439                                                                         highlighter.group_tree.green.play();
 440                                                                         status_update( dojo.string.substitute( pgt_strings.SUCCESS_NEW_CHILD_GROUP, [group_store.getValue( current_group, 'name' )]) );
 441                                                                 }
 442 ]]>
 443                                                         </script>
 444                                                 </button>
 445
 446                                         </div>
 447
 448                                         <div id="perm_pane" dojoType="dijit.layout.ContentPane" title="&conify.grp_tree.group_permissions.title;">
 449                                                 <script type="dojo/connect" event="onShow">
 450                                                         perm_map_model.query = { grp : current_group ? group_store.getValue(current_group,'id') : -1 };
 451                                                         perm_map_model.refresh();
 452                                                         perm_grid.refresh();
 453                                                 </script>
 454                                                 <div dojoType="dijit.layout.LayoutContainer" orientation="horizontal" style="width:100%; height:100%;">
 455                                                         <div id="grid_container" dojoType="dijit.layout.ContentPane" sizeShare="1" layoutAlign="left">
 456                                                                 <div dojoType="dojox.grid.data.DojoData" id="perm_map_model" jsId="perm_map_model" store="perm_map_store"></div>
 457
 458                                                                 <div id="perm_grid" dojoType="dojox.Grid" model="perm_map_model" jsId="perm_grid">
 459                                                                         <script type="dojo/connect" event="startup">
 460 <![CDATA[
 461                                                                                 function get_item_part(model_field, item_search_field, item_part, model, store, datum, row) {
 462                                                                                         var formatter = true;
 463
 464                                                                                         if (!row && row != '0') {
 465                                                                                                 row = datum;
 466                                                                                                 formatter = false;
 467                                                                                         }
 468
 469                                                                                         if(!model.getRow(row)) return null;
 470                                                                                         var value = null;
 471
 472                                                                                         if(!formatter) { //this.editor && (this.editor.alwaysOn || (this.grid.edit.info.rowIndex==row && this.grid.edit.info.cell==this))) {
 473                                                                                                 return model.getRow(row)[model_field];
 474                                                                                         }
 475
 476                                                                                         var q = {};
 477                                                                                         q[item_search_field] = model.getRow(row)[model_field];
 478
 479                                                                                         store.fetch({
 480                                                                                                 query : q,
 481                                                                                                 onItem : function (item) { value = store.getValue( item, item_part ) }
 482                                                                                         });
 483
 484                                                                                         return value;
 485                                                                                 }
 486
 487                                                     window.current_perm_grid_layout = [
 488                                                         {   cells : [
 489                                                                     [
 490                                                                             {   name : pgt_strings.LABEL_CODE,
 491                                                                                                                         field: "perm",
 492                                                                                                                         formatter : dojo.partial(get_item_part, "perm", "id", "code", perm_map_model, perm_store),
 493                                                                                                                         width : "auto"
 494                                                                                                                 },
 495                                                                                                 {       name : pgt_strings.LABEL_DEPTH,
 496                                                                                                                         field : "depth",
 497                                                                                                                         formatter : dojo.partial(get_item_part, "depth", "depth", "name", perm_map_model, ou_type_store),
 498                                                                                                                         editor : dojox.grid.editors.select,
 499                                                                                                                         options : dojo.map( _ou_type_list, function (x) { return x.name() } ),
 500                                                                                                                         values : dojo.map( _ou_type_list, function (x) { return x.depth() } )
 501                                                                                                                 },
 502                                                                     {   name : pgt_strings.LABEL_GRANTABLE,
 503                                                                                                                         field : "grantable",
 504                                                                                                                         editor : dojox.grid.editors.bool,
 505                                                                                                                         get : function (row) {
 506                                                                                                                                 var gr = get_item_part("id", "id", "grantable", perm_map_model, perm_map_model.store, row, row);
 507                                                                                                                                 if (gr == 't' || gr === true) return true;
 508                                                                                                                                 return false;
 509                                                                                                                         },
 510                                                                                                                 }
 511                                                                                                 ]
 512                                                                                                 ]
 513                                                         }
 514                                                     ];
 515
 516                                                                                 perm_grid.setStructure(window.current_perm_grid_layout);
 517 ]]>
 518                                                                         </script>
 519                                                                 </div>
 520                                                         </div>
 521
 522                                                         <div id="new_perm_container" dojoType="dijit.layout.ContentPane" sizeShare="1" layoutAlign="client">
 523
 524                                                                 <div dojoType="dijit.form.DropDownButton" id="new_popup" jsId="new_popup">
 525                                                                         <span>&conify.grp_tree.new_mapping.label;</span>
 526                                                                         <div  dojoType="dijit.TooltipDialog">
 527                                                                                 <table class="tundra">
 528                                                                                         <tr>
 529                                                                                                 <td>&conify.grp_tree.permission.label;</td>
 530                                                                                                 <td>
 531                                                                                                         <div
 532                                                                                                           dojoType="dijit.form.FilteringSelect"
 533                                                                                                           Id="new_perm_select"
 534                                                                                                           jsId="new_perm_select"
 535                                                                                                           store="perm_store"
 536                                                                                                           searchAttr="code"
 537                                                                                                           ignoreCase="true"
 538                                                                                                           required="true"></div>
 539                                                                                                 </td>
 540                                                                                         </tr>
 541                                                                                         <tr>
 542                                                                                                 <td>&conify.grp_tree.depth.label;</td>
 543                                                                                                 <td>
 544                                                                                                         <div
 545                                                                                                           dojoType="dijit.form.FilteringSelect"
 546                                                                                                           Id="new_depth_select"
 547                                                                                                           jsId="new_depth_select"
 548                                                                                                           store="ou_type_store"
 549                                                                                                           searchAttr="name"
 550                                                                                                           ignoreCase="true"
 551                                                                                                           required="true"></div>
 552                                                                                                 </td>
 553                                                                                         </tr>
 554                                                                                         <tr>
 555                                                                                                 <td>&conify.grp_tree.grantable.label;</td>
 556                                                                                                 <td>
 557                                                                                                         <input
 558                                                                                                           type="checkbox"
 559                                                                                                           dojoType="dijit.form.CheckBox"
 560                                                                                                           Id="new_grant_checkbox"
 561                                                                                                           jsId="new_grant_checkbox"
 562                                                                                                           value="t"></input>
 563                                                                                                 </td>
 564                                                                                         </tr>
 565                                                                                 </table>
 566
 567                                                                                 <button dojoType="dijit.form.Button" jsId="new_mapping_add" label="&conify.grp_tree.add_mapping_button.label;">
 568                                                                     <script type="dojo/connect" event="onClick">
 569 <![CDATA[
 570                                                                         var new_perm = new_perm_select.getValue();
 571                                                                         if (!new_perm) return;
 572
 573                                                                         var new_type_id = new_depth_select.getValue();
 574                                                                         if (!new_type_id) return;
 575
 576                                                                                                 var new_type;
 577                                                                 window.ou_type_store.fetch({
 578                                                                 query : { id : new_type_id },
 579                                                                 onItem : function (item, req) { try { new_type = item } catch (e) { /* meh */ } },
 580                                                                 });
 581
 582                                                                         var new_depth = ou_type_store.getValue( new_type, 'depth')
 583                                                                         var new_grant = new_grant_checkbox.getValue();
 584
 585                                                                         var new_fm_obj = new pgpm().fromHash({
 586                                                                             isnew       : 1,
 587                                                                             perm        : new_perm,
 588                                                                             depth       : new_depth,
 589                                                                                                         grp                     : group_store.getValue( current_group, 'id' ),
 590                                                                                                         grantable       : new_grant ? 't' : 'f'
 591                                                                         });
 592
 593                                                                         var err = false;
 594                                                                         server.pcrud.create(new_fm_obj, {
 595                                                                             onerror : function (r) {
 596                                                                                 highlighter.group_tree.red.play();
 597                                                                                 status_update( pgt_strings.ERROR_CALLING_METHOD_PERM_MAP );
 598                                                                                 err = true;
 599                                                                             },
 600                                                                             oncomplete : function (r, list) {
 601
 602                                                                                 var new_item_hash = list[0].toHash();
 603                                                                                 perm_map_store.newItem( new_item_hash );
 604                                                                                 status_update( pgt_strings.SUCCESS_NEW_PERM_MAP );
 605                                                                                 highlighter.group_tree.green.play();
 606
 607                                                                                         perm_map_model.query = { grp : current_group ? group_store.getValue(current_group,'id') : -1 };
 608                                                                                 perm_grid.model.sort(-1);
 609                                                                                         perm_map_model.refresh();
 610                                                                                         perm_grid.refresh();
 611
 612                                                                             }
 613                                                                         });
 614
 615                                                                                                 new_popup._closeDropDown();
 616 ]]>
 617                                                                     </script>
 618
 619                                                                                 </button>
 620                                                                         </div>
 621                                                                 </div>
 622
 623                                                                 <button jsId="save_pgpm_button" dojoType="dijit.form.Button" label="&conify.grp_tree.save_changes.label;" onClick="save_them_all()"></button><br/>
 624
 625                                                 <button jsId="delete_pgpm_button" dojoType="dijit.form.Button" label="&conify.grp_tree.remove_selected.label;">
 626                                                         <script type="dojo/connect" event="onClick">
 627 <![CDATA[
 628                                                         var selected_rows = perm_grid.selection.getSelected();
 629
 630                                                         var selected_items = [];
 631                                                         for (var i in selected_rows) {
 632                                                             selected_items.push(
 633                                                                 perm_grid.model.getRow( selected_rows[i] ).__dojo_data_item
 634                                                             );
 635                                                         }
 636
 637                                                         perm_grid.selection.clear();
 638
 639                                                             for (var i in selected_items) {
 640                                                                     window.current_perm_map = selected_items[i];
 641
 642                                                                         perm_map_store.setValue( window.current_perm_map, 'isdeleted', 1 );
 643
 644                                                                             var modified_pgpm = new pgpm().fromStoreItem( window.current_perm_map );
 645                                                                                 modified_pgpm.isdeleted( 1 );
 646
 647                                                         server.pcrud.eliminate( modified_pgpm, {
 648                                                                     onerror : function (r) {
 649                                                                                                         highlighter.editor_pane.red.play();
 650                                                                                 status_update( dojo.string.substitute( pgt_strings.ERROR_DELETING_PERM_MAPPING, [perm_map_store.getValue( window.current_perm_map, 'id' )] ) );
 651                                                                                 },
 652                                                                                     oncomplete : function (r, list) {
 653
 654                                                                             perm_map_store.fetch({
 655                                                                                     query : { id : perm_map_store.getValue( window.current_perm_map, 'id' ) },
 656                                                                                         onItem : function (item, req) { try { if (this.isItem( item )) this.deleteItem( item ); } catch (e) { /* meh */ } },
 657                                                                                             scope : perm_map_store
 658                                                                                             });
 659
 660                                                                                                 window.current_perm_map = null;
 661
 662                                                                                                         highlighter.editor_pane.green.play();
 663                                                                                 status_update( pgt_strings.SUCCESS_DELETED_PERM_MAP );
 664                                                             }
 665                                                         });
 666
 667                                                         }
 668 ]]>
 669                                                         </script>
 670                                                         </button>
 671
 672                                                         </div>
 673                                                 </div>
 674                                         </div>
 675                                 </div>
 676                         </div>
 677                 </div>
 678         </body>
 679 </html>