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

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