koha-tmpl/intranet-tmpl/prog/en/modules/admin/library_groups.tt

   1 [% INCLUDE 'doc-head-open.inc' %]
   2 <title>Koha &rsaquo; Administration &rsaquo; Library groups</title>
   3 [% INCLUDE 'doc-head-close.inc' %]
   4 <link href="[% interface %]/lib/jquery/plugins/treetable/stylesheets/jquery.treetable.css" rel="stylesheet" type="text/css" />
   5 <script type="text/javascript" src="[% interface %]/lib/jquery/plugins/treetable/jquery.treetable.js"></script>
   6 <script type="text/javascript">
   7 //<![CDATA[
   8     $(document).ready(function() {
   9         $('.library-groups').treetable(
  10             {
  11                 expandable: true,
  12                 initialState: 'expanded',
  13                 clickableNodeNames: true,
  14             }
  15         );
  16
  17         $('.add-group').on('click', function() {
  18             var id = $(this).data('groupId');
  19             add_group( id );
  20         });
  21
  22         $('.edit-group').on('click', function() {
  23             var id = $(this).data('groupId');
  24             var title = $(this).data('groupTitle');
  25             var description = $(this).data('groupDescription');
  26             edit_group( id, title, description );
  27         });
  28
  29         $('.delete-group').on('click', function() {
  30             var id = $(this).data('groupId');
  31             var title = $(this).data('groupTitle');
  32             delete_group( id, title );
  33         });
  34
  35         $('.remove-library').on('click', function() {
  36             var id = $(this).data('groupId');
  37             var library = $(this).data('groupLibrary');
  38             var parent_title = $(this).data('groupParentTitle');
  39             remove_library( id, library, parent_title );
  40         });
  41     });
  42
  43     function add_group( parent_id ) {
  44         $('#add-group-modal-parent-id').val( parent_id );
  45
  46         $('#add-group-modal-description').val("");
  47         $('#add-group-modal-title').val("");
  48
  49         $('#add-group-modal').on('shown', function() {
  50             $('#add-group-modal-title').focus();
  51         });
  52
  53         $('#add-group-modal').modal('show');
  54     }
  55
  56     function edit_group( id, title, description ) {
  57         $('#edit-group-modal-id').val( id );
  58         $('#edit-group-modal-title').val( title );
  59         $('#edit-group-modal-description').val( description );
  60
  61         $('#edit-group-modal').on('shown', function() {
  62             $('#edit-group-modal-title').focus();
  63         });
  64
  65         $('#edit-group-modal').modal('show');
  66     }
  67
  68     function delete_group( id, title ) {
  69         $('#delete-group-modal-title').html(title);
  70         $('#delete-group-modal-id').val( id );
  71         $('#delete-group-modal').modal('show');
  72     }
  73
  74     function remove_library( id, library, parent_title ) {
  75         $('#remove-library-modal-library').html( library );
  76         $('#remove-library-modal-group').html(parent_title);
  77         $('#remove-library-modal-id').val( id );
  78         $('#remove-library-modal').modal('show');
  79     }
  80
  81 //]]>
  82 </script>
  83 </head>
  84 <body id="admin_library_groups" class="admin">
  85 [% INCLUDE 'header.inc' %]
  86 [% INCLUDE 'cities-admin-search.inc' %]
  87
  88 <div id="breadcrumbs">
  89     <a href="/cgi-bin/koha/mainpage.pl">Home</a>
  90     &rsaquo; <a href="/cgi-bin/koha/admin/admin-home.pl">Administration</a>
  91     &rsaquo; <a href="/cgi-bin/koha/admin/library_groups.pl">Library groups</a>
  92 </div>
  93
  94 [% IF added %]
  95     <div class="dialog message group-added">
  96         [% IF added.branchcode %]
  97             <i>[% added.library.branchname %]</i> added to group.
  98         [% ELSE %]
  99             Group <i>[% added.title %]</i> created.
 100         [% END %]
 101     </div>
 102 [% ELSIF deleted %]
 103     <div class="dialog message group-deleted">
 104         [% IF deleted.title %]
 105             Group <i>[% deleted.title %]</i> has been deleted.
 106         [% ELSE %]
 107             <i>[% deleted.library %]</i> has been removed from group.
 108         [% END %]
 109     </div>
 110 [% END %]
 111
 112 <div id="doc3" class="yui-t2">
 113     <div id="bd">
 114         <div id="yui-main">
 115             <div class="yui-b">
 116                 <div class="yui-g">
 117                     <div id="toolbar" class="btn-toolbar">
 118                         <div class="btn-group">
 119                             <a id="add-group-root" class="btn btn-small add-group" href="#">
 120                                 <i class="fa fa-plus"></i> Add group
 121                             </a>
 122                         </div>
 123                     </div>
 124                 </div>
 125
 126                 [% FOREACH root_group IN root_groups %]
 127                     <table class="library-groups">
 128                         <tr>
 129                             <th>&nbsp;</th>
 130                             <th>Description</th>
 131                             <th>&nbsp;</th>
 132                         </tr>
 133                         [% PROCESS tree group=root_group %]
 134                     </table>
 135                 [% END %]
 136             </div>
 137         </div>
 138
 139     <div class="yui-b">
 140         [% INCLUDE 'admin-menu.inc' %]
 141     </div>
 142
 143     <div id="add-group-modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="add-group-modal-label" aria-hidden="true">
 144         <form id="add-group-form" action="/cgi-bin/koha/admin/library_groups.pl" class="form-horizontal">
 145             <div class="modal-header">
 146                 <h3 id="add-group-modal-label">Add group</h3>
 147             </div>
 148             <div class="modal-body">
 149                 <input type="hidden" id="add-group-modal-parent-id" name="parent_id" value="" />
 150                 <input type="hidden" id="add-group-modal-action" name="action" value="add">
 151
 152                 <p>
 153                     <label for="title">Title: </label>
 154                     <input type="text" name="title" id="add-group-modal-title" required="required" />
 155                     <i>required</i>
 156                 </p>
 157
 158                 <p>
 159                     <label for="description">Description: </label>
 160                     <input type="text" name="description" id="add-group-modal-description" />
 161                 </p>
 162             </div>
 163             <div class="modal-footer">
 164                 <button type="submit" class="btn btn-primary">Save</button>
 165                 <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
 166             </div>
 167         </form>
 168     </div>
 169
 170     <div id="edit-group-modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="edit-library-modal-label" aria-hidden="true">
 171         <form id="edit-group-form" action="/cgi-bin/koha/admin/library_groups.pl" class="form-horizontal">
 172             <div class="modal-header">
 173                 <h3 id="edit-group-modal-label">Edit group</h3>
 174             </div>
 175             <div class="modal-body">
 176                 <input type="hidden" id="edit-group-modal-id" name="id" value="" />
 177                 <input type="hidden" id="edit-group-modal-action" name="action" value="edit" />
 178
 179                 <p>
 180                     <label for="title">Title: </label>
 181                     <input type="text" id="edit-group-modal-title" name="title" value="" required="required" />
 182                     <i>required</i>
 183                 </p>
 184
 185                 <p>
 186                     <label for="description">Description: </label>
 187                     <input type="text" id="edit-group-modal-description" name="description" value="" />
 188                 </p>
 189             </div>
 190             <div class="modal-footer">
 191                 <button type="submit" class="btn btn-primary">Update</button>
 192                 <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
 193             </div>
 194         </form>
 195     </div>
 196
 197     <div id="delete-group-modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="delete-group-modal-label" aria-hidden="true">
 198         <form action="/cgi-bin/koha/admin/library_groups.pl" />
 199             <input id="delete-group-modal-action" type="hidden" name="action" value="delete" />
 200             <input id="delete-group-modal-id" type="hidden" name="id" value="" />
 201             <div class="modal-header">
 202                 <h3 id="delete-group-modal-label">Delete group</h3>
 203             </div>
 204             <div class="modal-body">
 205                 Are you sure you want to delete <span id="delete-group-modal-title" class="name"></span>?
 206             </div>
 207             <div class="modal-footer">
 208                 <button type="submit" class="btn btn-danger"><i class="fa fa-trash"></i> Delete</button>
 209                 <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
 210             </div>
 211         </form>
 212     </div>
 213
 214     <div id="remove-library-modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="remove-library-modal-label" aria-hidden="true">
 215         <form action="/cgi-bin/koha/admin/library_groups.pl" />
 216             <input id="remove-library-modal-action" type="hidden" name="action" value="delete" />
 217             <input id="remove-library-modal-id" type="hidden" name="id" value="" />
 218             <div class="modal-header">
 219                 <h3 id="remove-library-modal-label">Remove library from group</h3>
 220             </div>
 221             <div class="modal-body">
 222                 Are you sure you want to remove <span id="remove-library-modal-library" class="name"></span> from <span id="remove-library-modal-group" class="name"><span>?
 223             </div>
 224             <div class="modal-footer">
 225                 <button type="submit" class="btn btn-danger"><i class="fa fa-trash"></i> Remove</button>
 226                 <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
 227             </div>
 228         </form>
 229     </div>
 230
 231 </div>
 232 [% INCLUDE 'intranet-bottom.inc' %]
 233
 234 [% BLOCK tree %]
 235     <tr data-tt-id="[% group.id %]" data-tt-parent-id="[% group.parent_id %]">
 236         <td>
 237             [% IF group.branchcode %]
 238                 [% group.branchcode %]
 239             [% ELSE %]
 240                 [% group.title %]
 241             [% END %]
 242         </td>
 243         <td>
 244             [% IF group.branchcode %]
 245                 [% group.library.branchname %]
 246             [% ELSE %]
 247                 [% group.description %]
 248             [% END %]
 249         </td>
 250         <td>
 251             [% IF group.branchcode %]
 252                 <button class="btn btn-small remove-library" data-group-id="[% group.id %]" data-group-library="[% group.library.branchname %]" data-group-parent-title="[% group.parent.title %]" ><i class="fa fa-trash"></i> Remove from group</button>
 253             [% ELSE %]
 254                 <div class="btn-group">
 255                     <button class="btn btn-small dropdown-toggle" data-toggle="dropdown"><i class="fa fa-wrench"></i> Actions <span class="caret"></span></button>
 256                     <ul class="dropdown-menu">
 257                         <li>
 258                             <a id="add-group-[% group.id %]" href="#" class="add-group" data-group-id="[% group.id %]">
 259                                 <i class="fa fa-plus"></i> Add sub-group
 260                             </a>
 261                        </li>
 262
 263                         <li>
 264                             <a class="edit-group" id="edit-group-[% group.id %]" href="#" class="edit-group" data-group-id="[% group.id %]" data-group-title="[% group.title | html %]" data-group-description="[% group.description | html %]">
 265                                 <i class="fa fa-pencil"></i> Edit
 266                             </a>
 267                        </li>
 268
 269                         <li>
 270                             <a class="delete-group" id="delete-group-[% group.id %]" href="#" class="delete-group" data-group-id="[% group.id %]" data-group-title="[% group.title | html %]">
 271                                 <i class="fa fa-trash"></i> Delete
 272                             </a>
 273                        </li>
 274                     </ul>
 275                 </div>
 276
 277                 <div class="btn-group">
 278                     <button class="btn btn-small dropdown-toggle" data-toggle="dropdown"><i class="fa fa-plus"></i> Add library <span class="caret"></span></button>
 279                     <ul class="dropdown-menu">
 280                         [% FOREACH library IN group.libraries_not_direct_children %]
 281                             <li>
 282                                 <a class="add-library" id="add-library-[% group.id %]" href="/cgi-bin/koha/admin/library_groups.pl?action=add&parent_id=[% group.id %]&branchcode=[% library.id %]">
 283                                     [% library.branchname %]
 284                                 </a>
 285                            </li>
 286                         [% END %]
 287                     </ul>
 288                 </div>
 289             [% END %]
 290         </td>
 291     </tr>
 292
 293     [% FOREACH g IN group.children %]
 294         [% PROCESS tree group=g %]
 295     [% END %]
 296 [% END %]