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 [% ELSIF error_duplicate_title %]
 112     <div class="dialog alert error-duplicate-group-title">
 113             A group with the title [% error_duplicate_title | $KohaSpan class = 'name' %] already exists.
 114     </div>
 115 [% END %]
 116
 117 <div id="doc3" class="yui-t2">
 118     <div id="bd">
 119         <div id="yui-main">
 120             <div class="yui-b">
 121                 <div class="yui-g">
 122                     <div id="toolbar" class="btn-toolbar">
 123                         <div class="btn-group">
 124                             <a id="add-group-root" class="btn btn-default btn-sm add-group" href="#">
 125                                 <i class="fa fa-plus"></i> Add group
 126                             </a>
 127                         </div>
 128                     </div>
 129                 </div>
 130
 131                 [% FOREACH root_group IN root_groups %]
 132                     <table class="library-groups">
 133                         <tr>
 134                             <th>&nbsp;</th>
 135                             <th>Description</th>
 136                             <th>&nbsp;</th>
 137                         </tr>
 138                         [% PROCESS tree group=root_group %]
 139                     </table>
 140                 [% END %]
 141             </div>
 142         </div>
 143
 144     <div class="yui-b">
 145         [% INCLUDE 'admin-menu.inc' %]
 146     </div>
 147
 148     <div id="add-group-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="add-group-modal-label" aria-hidden="true">
 149         <form id="add-group-form" action="/cgi-bin/koha/admin/library_groups.pl" class="form-horizontal">
 150             <div class="modal-dialog">
 151                 <div class="modal-content">
 152                     <div class="modal-header">
 153                         <h3 id="add-group-modal-label">Add group</h3>
 154                     </div>
 155                     <div class="modal-body">
 156                         <input type="hidden" id="add-group-modal-parent-id" name="parent_id" value="" />
 157                         <input type="hidden" id="add-group-modal-action" name="action" value="add">
 158
 159                         <p>
 160                             <label for="title">Title: </label>
 161                             <input type="text" name="title" id="add-group-modal-title" required="required" />
 162                             <i>required</i>
 163                         </p>
 164
 165                         <p>
 166                             <label for="description">Description: </label>
 167                             <input type="text" name="description" id="add-group-modal-description" />
 168                         </p>
 169                     </div>
 170                     <div class="modal-footer">
 171                         <button type="submit" class="btn btn-primary">Save</button>
 172                         <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Cancel</button>
 173                     </div>
 174                 </div>
 175             </div>
 176         </form>
 177     </div>
 178
 179     <div id="edit-group-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="edit-library-modal-label" aria-hidden="true">
 180         <form id="edit-group-form" action="/cgi-bin/koha/admin/library_groups.pl" class="form-horizontal">
 181             <div class="modal-dialog">
 182                 <div class="modal-content">
 183                     <div class="modal-header">
 184                         <h3 id="edit-group-modal-label">Edit group</h3>
 185                     </div>
 186                     <div class="modal-body">
 187                         <input type="hidden" id="edit-group-modal-id" name="id" value="" />
 188                         <input type="hidden" id="edit-group-modal-action" name="action" value="edit" />
 189
 190                         <p>
 191                             <label for="title">Title: </label>
 192                             <input type="text" id="edit-group-modal-title" name="title" value="" required="required" />
 193                             <i>required</i>
 194                         </p>
 195
 196                         <p>
 197                             <label for="description">Description: </label>
 198                             <input type="text" id="edit-group-modal-description" name="description" value="" />
 199                         </p>
 200                     </div>
 201                     <div class="modal-footer">
 202                         <button type="submit" class="btn btn-primary">Update</button>
 203                         <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Cancel</button>
 204                     </div>
 205                 </div>
 206             </div>
 207         </form>
 208     </div>
 209
 210     <div id="delete-group-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="delete-group-modal-label" aria-hidden="true">
 211         <form action="/cgi-bin/koha/admin/library_groups.pl" />
 212             <div class="modal-dialog">
 213                 <div class="modal-content">
 214                     <input id="delete-group-modal-action" type="hidden" name="action" value="delete" />
 215                     <input id="delete-group-modal-id" type="hidden" name="id" value="" />
 216                     <div class="modal-header">
 217                         <h3 id="delete-group-modal-label">Delete group</h3>
 218                     </div>
 219                     <div class="modal-body">
 220                         Are you sure you want to delete <span id="delete-group-modal-title" class="name"></span>?
 221                     </div>
 222                     <div class="modal-footer">
 223                         <button type="submit" class="btn btn-danger"><i class="fa fa-trash"></i> Delete</button>
 224                         <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Cancel</button>
 225                     </div>
 226                 </div>
 227             </div>
 228         </form>
 229     </div>
 230
 231     <div id="remove-library-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="remove-library-modal-label" aria-hidden="true">
 232         <form action="/cgi-bin/koha/admin/library_groups.pl" />
 233             <div class="modal-dialog">
 234                 <div class="modal-content">
 235                     <input id="remove-library-modal-action" type="hidden" name="action" value="delete" />
 236                     <input id="remove-library-modal-id" type="hidden" name="id" value="" />
 237                     <div class="modal-header">
 238                         <h3 id="remove-library-modal-label">Remove library from group</h3>
 239                     </div>
 240                     <div class="modal-body">
 241                         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>?
 242                     </div>
 243                     <div class="modal-footer">
 244                         <button type="submit" class="btn btn-danger"><i class="fa fa-trash"></i> Remove</button>
 245                         <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Cancel</button>
 246                     </div>
 247                 </div>
 248             </div>
 249         </form>
 250     </div>
 251
 252 </div>
 253 [% INCLUDE 'intranet-bottom.inc' %]
 254
 255 [% BLOCK tree %]
 256     <tr data-tt-id="[% group.id %]" data-tt-parent-id="[% group.parent_id %]">
 257         <td>
 258             [% IF group.branchcode %]
 259                 [% group.branchcode %]
 260             [% ELSE %]
 261                 [% group.title %]
 262             [% END %]
 263         </td>
 264         <td>
 265             [% IF group.branchcode %]
 266                 [% group.library.branchname %]
 267             [% ELSE %]
 268                 [% group.description %]
 269             [% END %]
 270         </td>
 271         <td>
 272             [% IF group.branchcode %]
 273                 <button class="btn btn-sm 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>
 274             [% ELSE %]
 275                 <div class="btn-group">
 276                     <button class="btn btn-sm dropdown-toggle" data-toggle="dropdown"><i class="fa fa-wrench"></i> Actions <span class="caret"></span></button>
 277                     <ul class="dropdown-menu">
 278                         <li>
 279                             <a id="add-group-[% group.id %]" href="#" class="add-group" data-group-id="[% group.id %]">
 280                                 <i class="fa fa-plus"></i> Add sub-group
 281                             </a>
 282                        </li>
 283
 284                         <li>
 285                             <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 %]">
 286                                 <i class="fa fa-pencil"></i> Edit
 287                             </a>
 288                        </li>
 289
 290                         <li>
 291                             <a class="delete-group" id="delete-group-[% group.id %]" href="#" class="delete-group" data-group-id="[% group.id %]" data-group-title="[% group.title | html %]">
 292                                 <i class="fa fa-trash"></i> Delete
 293                             </a>
 294                        </li>
 295                     </ul>
 296                 </div>
 297
 298                 <div class="btn-group">
 299                     <button class="btn btn-sm dropdown-toggle" data-toggle="dropdown"><i class="fa fa-plus"></i> Add library <span class="caret"></span></button>
 300                     <ul class="dropdown-menu">
 301                         [% FOREACH library IN group.libraries_not_direct_children %]
 302                             <li>
 303                                 <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 %]">
 304                                     [% library.branchname %]
 305                                 </a>
 306                            </li>
 307                         [% END %]
 308                     </ul>
 309                 </div>
 310             [% END %]
 311         </td>
 312     </tr>
 313
 314     [% FOREACH g IN group.children %]
 315         [% PROCESS tree group=g %]
 316     [% END %]
 317 [% END %]