2 # Copyright (C) 2008 Georgia Public Library Service / Equinox Software, Inc
3 # Mike Rylander <miker@esilibrary.com>
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.
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.
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"-->
20 <html xmlns="http://www.w2.org/1999/xhtml">
22 <title>&conify.grp_tree.group_tree.title;</title>
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');
36 margin: 0px 0px 0px 0px;
37 padding: 0px 0px 0px 0px;
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>
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>
74 <script type="text/javascript" src="grp_tree.js"></script>
76 <script type="text/javascript"><![CDATA[
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 });
84 group_store.onSet = function (item, attr, o, n) {
85 if (attr == 'ischanged') return;
87 this.setValue( item, 'ischanged', 1);
90 dojo.addOnUnload( function (event) {
93 query : { ischanged : 1 },
94 queryOptions : { deep : true },
95 onItem : function (item, req) { try { if (this.isItem( item )) dirtyStore.push( item ); } catch (e) { /* meh */ } },
99 if (dirtyStore.length > 0) {
100 var confirmation = confirm( pgt_strings.CONFIRM_EXIT_PGT );
103 for (var i in dirtyStore) {
104 current_group = dirtyStore[i];
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 });
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' } );
120 var perm_store = new dojo.data.ItemFileWriteStore({ data : _perm_data });
121 var perm_name_store = new dojo.data.ItemFileWriteStore({ data : _perm_name_data });
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 });
127 perm_map_store.onSet = function (item, attr, o, n) {
128 if (attr == 'ischanged') return;
131 this.setValue( item, 'ischanged', 1);
133 if (attr == 'grantable' && (typeof (n) != 'string'))
134 this.setValue(item, 'grantable', n ? 't' : 'f');
137 dojo.addOnUnload( function (event) { save_them_all(); });
143 <body class="tundra" id='pagebody'>
145 <div dojoType="dijit.layout.SplitContainer" orientation="horizontal" style="height: 100%">
147 <div dojoType="dijit.layout.ContentPane" sizeShare="100">
150 label="&conify.grp_tree.permission_groups.label;"
151 dojoType="dijit.Tree"
153 query="{'_top':'true'}"
158 <script type="dojo/method" event="onClick" args="item,node">
160 right_pane_toggler.show();
162 current_group = item;
163 window.current_fm_group = new pgt().fromStoreItem(item);
165 perm_map_model.query = { grp : current_group ? group_store.getValue(current_group,'id') : -1 };
166 perm_map_model.refresh();
169 highlighter.editor_pane.green.play();
170 status_update( dojo.string.substitute( pgt_strings.STATUS_EDITING, [this.store.getValue( item, 'name' )]) );
172 new_kid_button.disabled = false;
173 save_group_button.disabled = false;
174 delete_group_button.disabled = false;
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 );
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 );
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);
193 editor_pane_parent.disabled = false;
194 editor_pane_parent.validate(true);
195 editor_pane_parent.setValue( this.store.getValue( current_group, 'parent' ) );
198 editor_pane_application_perm.setValue( this.store.getValue( current_group, 'application_perm' ) );
200 editor_pane_usergroup.setChecked( this.store.getValue( current_group, 'usergroup' ) == 't' ? true : false );
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;
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();
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 } );
230 <table class="tundra" style="margin:10px;">
232 <th>&conify.grp_tree.group_name.label;</th>
234 <span id="editor_pane_name" dojoType="dijit.form.ValidationTextBox" jsId="editor_pane_name" regExp=".+" required="true">
235 <script type="dojo/connect" event="onChange">
237 group_store.setValue( current_group, "name", this.getValue() );
241 <span dojoType="openils.widget.TranslatorPopup" targetObject="current_fm_group" field="name"></span>
245 <th>&conify.grp_tree.description.label;</th>
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() );"
255 <span dojoType="openils.widget.TranslatorPopup" targetObject="current_fm_group" field="description"></span>
259 <th>&conify.grp_tree.permission_interval.label;</th>
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">
264 group_store.setValue( current_group, "perm_interval", this.getValue() );
271 <th>&conify.grp_tree.editing_permission.label;</th>
274 id="editor_pane_application_perm"
275 dojoType="dijit.form.FilteringSelect"
276 store="perm_name_store"
278 jsId="editor_pane_application_perm"
280 <script type="dojo/connect" event="onChange">
282 if (current_group && this.getValue()) {
283 group_store.setValue( current_group, "application_perm", this.getValue() );
291 <th>&conify.grp_tree.parent_group.label;</th>
294 id="editor_pane_parent"
295 dojoType="dijit.form.FilteringSelect"
296 jsId="editor_pane_parent"
302 <script type="dojo/connect" event="onChange">
304 if (current_group && this.getValue()) {
305 this.store.setValue( current_group, "parent", this.getValue() );
313 <th>&conify.grp_tree.user_group.label;</th>
316 id="editor_pane_usergroup"
317 jsId="editor_pane_usergroup"
319 dojoType="dijit.form.CheckBox"
320 onChange="if (current_group) group_store.setValue( current_group, 'usergroup', this.checked ? 't' : 'f' );"
326 <div dojoType="dijit.layout.ContentPane" orientation="horizontal" style="margin-bottom: 20px;">
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;
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;
338 <script type="dojo/connect" event="onClick">
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' )]) );
347 if ( current_group.children ) {
348 var kids = current_group.children;
349 if (!dojo.isArray(kids)) kids = [kids];
351 var existing_kids = dojo.filter(
353 function(kid){ return kid.isdeleted[0] != 1 }
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]) );
362 if ( confirm( dojo.string.substitute( pgt_strings.CONFIRM_DELETE, [current_group.name]) ) ) {
363 group_store.setValue( current_group, 'isdeleted', 1 );
365 var modified_pgt = new pgt().fromStoreItem( current_group );
366 modified_pgt.isdeleted( 1 );
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' )]) );
373 oncomplete : function (r) {
374 var old_name = group_store.getValue( current_group, 'name' );
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 */ } },
383 current_group = null;
385 new_kid_button.disabled = true;
386 save_group_button.disabled = true;
387 delete_group_button.disabled = true;
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
396 window["editor_pane_usergroup"].setChecked( false ); // unset the value
398 highlighter.editor_pane.green.play();
399 status_update( dojo.string.substitute( pgt_strings.STATUS_DELETED, [old_name]) );
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;
414 <script type="dojo/connect" event="onClick">
417 var new_fm_obj = new pgt().fromHash({
419 name : pgt_strings.LABEL_NEW_GROUP,
421 parent : group_store.getValue( current_group, 'id' )
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 );
432 oncomplete : function (r,list) {
433 group_store.newItem( list[0].toHash(), { parent : current_group, attribute : 'children' } );
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' )]) );
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();
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>
458 <div id="perm_grid" dojoType="dojox.Grid" model="perm_map_model" jsId="perm_grid">
459 <script type="dojo/connect" event="startup">
461 function get_item_part(model_field, item_search_field, item_part, model, store, datum, row) {
462 var formatter = true;
464 if (!row && row != '0') {
469 if(!model.getRow(row)) return null;
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];
477 q[item_search_field] = model.getRow(row)[model_field];
481 onItem : function (item) { value = store.getValue( item, item_part ) }
487 window.current_perm_grid_layout = [
490 { name : pgt_strings.LABEL_CODE,
492 formatter : dojo.partial(get_item_part, "perm", "id", "code", perm_map_model, perm_store),
495 { name : pgt_strings.LABEL_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() } )
502 { name : pgt_strings.LABEL_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;
516 perm_grid.setStructure(window.current_perm_grid_layout);
522 <div id="new_perm_container" dojoType="dijit.layout.ContentPane" sizeShare="1" layoutAlign="client">
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">
529 <td>&conify.grp_tree.permission.label;</td>
532 dojoType="dijit.form.FilteringSelect"
534 jsId="new_perm_select"
538 required="true"></div>
542 <td>&conify.grp_tree.depth.label;</td>
545 dojoType="dijit.form.FilteringSelect"
546 Id="new_depth_select"
547 jsId="new_depth_select"
548 store="ou_type_store"
551 required="true"></div>
555 <td>&conify.grp_tree.grantable.label;</td>
559 dojoType="dijit.form.CheckBox"
560 Id="new_grant_checkbox"
561 jsId="new_grant_checkbox"
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">
570 var new_perm = new_perm_select.getValue();
571 if (!new_perm) return;
573 var new_type_id = new_depth_select.getValue();
574 if (!new_type_id) return;
577 window.ou_type_store.fetch({
578 query : { id : new_type_id },
579 onItem : function (item, req) { try { new_type = item } catch (e) { /* meh */ } },
582 var new_depth = ou_type_store.getValue( new_type, 'depth')
583 var new_grant = new_grant_checkbox.getValue();
585 var new_fm_obj = new pgpm().fromHash({
589 grp : group_store.getValue( current_group, 'id' ),
590 grantable : new_grant ? 't' : 'f'
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 );
600 oncomplete : function (r, list) {
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();
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();
615 new_popup._closeDropDown();
623 <button jsId="save_pgpm_button" dojoType="dijit.form.Button" label="&conify.grp_tree.save_changes.label;" onClick="save_them_all()"></button><br/>
625 <button jsId="delete_pgpm_button" dojoType="dijit.form.Button" label="&conify.grp_tree.remove_selected.label;">
626 <script type="dojo/connect" event="onClick">
628 var selected_rows = perm_grid.selection.getSelected();
630 var selected_items = [];
631 for (var i in selected_rows) {
633 perm_grid.model.getRow( selected_rows[i] ).__dojo_data_item
637 perm_grid.selection.clear();
639 for (var i in selected_items) {
640 window.current_perm_map = selected_items[i];
642 perm_map_store.setValue( window.current_perm_map, 'isdeleted', 1 );
644 var modified_pgpm = new pgpm().fromStoreItem( window.current_perm_map );
645 modified_pgpm.isdeleted( 1 );
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' )] ) );
652 oncomplete : function (r, list) {
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
660 window.current_perm_map = null;
662 highlighter.editor_pane.green.play();
663 status_update( pgt_strings.SUCCESS_DELETED_PERM_MAP );