<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
- $(".library-groups").treetable(
+ $('.library-groups').treetable(
{
expandable: true,
- initialState: "expanded",
+ initialState: 'expanded',
clickableNodeNames: true,
}
);
+
+ $('.add-group').on('click', function() {
+ var id = $(this).data('groupId');
+ add_group( id );
+ });
+
+ $('.edit-group').on('click', function() {
+ var id = $(this).data('groupId');
+ var title = $(this).data('groupTitle');
+ var description = $(this).data('groupDescription');
+ edit_group( id, title, description );
+ });
+
+ $('.delete-group').on('click', function() {
+ var id = $(this).data('groupId');
+ var title = $(this).data('groupTitle');
+ delete_group( id, title );
+ });
+
+ $('.remove-library').on('click', function() {
+ var id = $(this).data('groupId');
+ var library = $(this).data('groupLibrary');
+ var parent_title = $(this).data('groupParentTitle');
+ remove_library( id, library, parent_title );
+ });
});
function add_group( parent_id ) {
$('#edit-group-modal').modal('show');
}
- function remove_library( id ) {
+ function delete_group( id, title ) {
+ $('#delete-group-modal-title').html(title);
+ $('#delete-group-modal-id').val( id );
+ $('#delete-group-modal').modal('show');
+ }
+
+ function remove_library( id, library, parent_title ) {
+ $('#remove-library-modal-library').html( library );
+ $('#remove-library-modal-group').html(parent_title);
$('#remove-library-modal-id').val( id );
$('#remove-library-modal').modal('show');
}
- function delete_group( id ) {
- $('#delete-group-modal-id').val( id );
- $('#delete-group-modal').modal('show');
- }
//]]>
</script>
</head>
</div>
[% IF added %]
- <div class="dialog alert group-added">
+ <div class="dialog message group-added">
[% IF added.branchcode %]
<i>[% added.library.branchname %]</i> added to group.
[% ELSE %]
[% END %]
</div>
[% ELSIF deleted %]
- <div class="dialog alert group-deleted">
+ <div class="dialog message group-deleted">
[% IF deleted.title %]
Group <i>[% deleted.title %]</i> has been deleted.
[% ELSE %]
<div class="yui-g">
<div id="toolbar" class="btn-toolbar">
<div class="btn-group">
- <a id="add-group-[% group.id %]" class="btn btn-small" href="#" onclick="add_group()">
- <i class="fa fa-plus-circle"></i> Add group
+ <a id="add-group-root" class="btn btn-small add-group" href="#">
+ <i class="fa fa-plus"></i> Add group
</a>
</div>
</div>
<input id="delete-group-modal-action" type="hidden" name="action" value="delete" />
<input id="delete-group-modal-id" type="hidden" name="id" value="" />
<div class="modal-header">
- <h3 id="delete-group-modal-label">Delete group or library</h3>
+ <h3 id="delete-group-modal-label">Delete group</h3>
</div>
<div class="modal-body">
- Are you sure you want to delete this?
+ Are you sure you want to delete <span id="delete-group-modal-title" class="name"></span>?
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-danger"><i class="fa fa-trash"></i> Delete</button>
<h3 id="remove-library-modal-label">Remove library from group</h3>
</div>
<div class="modal-body">
- Are you sure you want to remove this library?
+ 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>?
</div>
<div class="modal-footer">
- <button type="submit" class="btn btn-danger"><i class="fa fa-minus-circle"></i> Remove</button>
+ <button type="submit" class="btn btn-danger"><i class="fa fa-trash"></i> Remove</button>
<button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
</div>
</form>
<tr data-tt-id="[% group.id %]" data-tt-parent-id="[% group.parent_id %]">
<td>
[% IF group.branchcode %]
- <i class="fa fa-home"></i> [% group.branchcode %]
+ [% group.branchcode %]
[% ELSE %]
- <i class="fa fa-object-group"></i> [% group.title %]
+ [% group.title %]
[% END %]
</td>
<td>
</td>
<td>
[% IF group.branchcode %]
- <button class="btn btn-small delete-library" onclick="remove_library([% group.id %])"><i class="fa fa-minus-circle"></i> Remove from group</button>
+ <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>
[% ELSE %]
<div class="btn-group">
<button class="btn btn-small dropdown-toggle" data-toggle="dropdown"><i class="fa fa-wrench"></i> Actions <span class="caret"></span></button>
<ul class="dropdown-menu">
<li>
- <a id="add-group-[% group.id %]" href="#" onclick="add_group([% group.id %])">
- <i class="fa fa-plus-circle"></i> Add sub-group
+ <a id="add-group-[% group.id %]" href="#" class="add-group" data-group-id="[% group.id %]">
+ <i class="fa fa-plus"></i> Add sub-group
</a>
</li>
<li>
- <a class="delete-group" id="delete-group-[% group.id %]" href="#" onclick="edit_group([% group.id %], '[% group.title | replace('\'', '\\\'') | html %]', '[% group.description | replace('\'', '\\\'') | html %]')">
- <i class="fa fa-edit"></i> Edit
+ <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 %]">
+ <i class="fa fa-pencil"></i> Edit
</a>
</li>
<li>
- <a class="delete-group" id="delete-group-[% group.id %]" href="#" onclick="delete_group([% group.id %])">
+ <a class="delete-group" id="delete-group-[% group.id %]" href="#" class="delete-group" data-group-id="[% group.id %]" data-group-title="[% group.title | html %]">
<i class="fa fa-trash"></i> Delete
</a>
</li>
</div>
<div class="btn-group">
- <button class="btn btn-small dropdown-toggle" data-toggle="dropdown"><i class="fa fa-home"></i> Add library <span class="caret"></span></button>
+ <button class="btn btn-small dropdown-toggle" data-toggle="dropdown"><i class="fa fa-plus"></i> Add library <span class="caret"></span></button>
<ul class="dropdown-menu">
[% FOREACH library IN group.libraries_not_direct_children %]
<li>