1 [% INCLUDE 'doc-head-open.inc' %]
2 <title>Koha › Administration › Audio alerts</title>
3 [% INCLUDE 'doc-head-close.inc' %]
5 <script type="text/javascript">
6 $( document ).ready(function() {
7 $(".edit-alert").hide();
9 $('#koha-sounds').on('change', function() {
10 $('#sound').val( this.value );
13 $('#koha-sounds').on('change', function() {
14 $('#sound').val( this.value );
17 $('#play-sound').on('click', function() {
18 playSound( $('#sound').val() );
22 $('#cancel-edit').on('click', function() {
24 $("#selector").val("");
27 $(".edit-alert").hide();
28 $(".create-alert").show();
30 $("#audio-alerts-table").find("td").each(function (i) {
31 $(this).removeClass('highlighted-row');
36 $('#new-alert-form').on('submit', function() {
37 if ( ! $('#selector').val() ) {
38 alert(_("You must enter a selector!"));
40 } else if ( ! $('#sound').val() ) {
41 alert(_("You must choose a sound!"));
48 $('#delete-alert-form').on('submit', function() {
49 return confirm(_("Are you sure you want to delete the selected audio alerts?"));
53 function EditAlert( elt, id, precedence, selector, sound ) {
54 $("#audio-alerts-table").find("td").each(function (i) {
55 $(this).removeClass('highlighted-row');
58 $(".create-alert").hide();
59 $(".edit-alert").show();
61 $(elt).parent().parent().find("td").each(function (i) {
62 $(this).addClass('highlighted-row');
65 $("#selector").val(selector);
66 $("#sound").val(sound);
71 <body id="admin_audio_alerts" class="admin">
72 [% INCLUDE 'header.inc' %]
73 [% INCLUDE 'patrons-admin-search.inc' %]
75 <div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> › <a href="/cgi-bin/koha/admin/admin-home.pl">Administration</a> › Audio alerts</div>
77 <div id="doc3" class="yui-t2">
81 <form id="new-alert-form" action="audio_alerts.pl" method="post">
82 <fieldset class="form-inline">
83 <legend><span class="create-alert">Add new alert</span><span class="edit-alert">Edit alert</span></legend>
85 <input id="id" name="id" type="hidden" value="" />
86 <input id="selector" name="selector" type="text" class="input-large" placeholder="selector" />
87 <input id="sound" name="sound" type="text" class="input-large" placeholder="sound" />
89 <button id="play-sound" class="btn"><i class="icon-play"></i> Play sound</button>
93 <select id="koha-sounds">
94 <option value="">Select built-in sound</option>
95 <option value="beep.ogg">beep.ogg</option>
96 <option value="call.ogg">call.ogg</option>
97 <option value="critical.ogg">critical.ogg</option>
98 <option value="device_connect.ogg">device_connect.ogg</option>
99 <option value="device_disconnect.ogg">device_disconnect.ogg</option>
100 <option value="ending.ogg">ending.ogg</option>
101 <option value="fail.ogg">fail.ogg</option>
102 <option value="IM_notification.ogg">IM_notification.ogg</option>
103 <option value="incoming_call.ogg">incoming_call.ogg</option>
104 <option value="loading.ogg">loading.ogg</option>
105 <option value="loading_2.ogg">loading_2.ogg</option>
106 <option value="maximize.ogg">maximize.ogg</option>
107 <option value="minimize.ogg">minimize.ogg</option>
108 <option value="new_mail_notification.ogg">new_mail_notification.ogg</option>
109 <option value="opening.ogg">opening.ogg</option>
110 <option value="panic.ogg">panic.ogg</option>
111 <option value="popup.ogg">popup.ogg</option>
112 <option value="warning.ogg">warning.ogg</option>
116 <button id="save-alert" type="submit" class="btn create-alert"><i class="icon-hdd"></i> Save alert</button>
117 <button id="save-edit" type="submit" class="btn edit-alert save-edit"><i class="icon-hdd"></i> Update alert</button>
118 <a id="cancel-edit" class="btn edit-alert cancel-edit"><i class="icon icon-remove-circle"></i> Cancel edit</a>
123 <form id="delete-alert-form" action="audio_alerts.pl" method="post">
124 <table id="audio-alerts-table">
125 <thead id="audio-alerts-table-head">
136 <tbody id="audio-alerts-table-body">
137 [% FOREACH a IN audio_alerts %]
139 <td><input type="checkbox" name="delete" value="[% a.id %]" /></td>
140 <td>[% a.precedence %]</td>
141 <td style="white-space:nowrap;">
142 <a title="Move alert up" href="audio_alerts.pl?action=move&where=up&id=[% a.id %]">
143 <img src="[% interface %]/[% theme %]/img/go-up.png" border="0" alt="Go up" />
146 <a title="Move alert to top" href="audio_alerts.pl?action=move&where=top&id=[% a.id %]">
147 <img src="[% interface %]/[% theme %]/img/go-top.png" border="0" alt="Go top" />
150 <a title="Move alert to bottom" href="audio_alerts.pl?action=move&where=bottom&id=[% a.id %]">
151 <img src="[% interface %]/[% theme %]/img/go-bottom.png" border="0" alt="Go bottom" />
154 <a title="Move alert down" href="audio_alerts.pl?action=move&where=down&id=[% a.id %]">
155 <img src="[% interface %]/[% theme %]/img/go-down.png" border="0" alt="Go down" />
158 <td>[% a.selector %]</td>
159 <td>[% a.sound %]</td>
160 <td><a class="btn btn-small" onclick="EditAlert( this, '[% a.id %]','[% a.precedence %]', '[% a.selector %]', '[% a.sound %]' )" ><i class="icon-pencil"></i> Edit</a></td>
167 <button id="delete-alerts" type="submit" class="btn"><i class="icon-trash"></i> Delete selected alerts</button>
172 [% INCLUDE 'admin-menu.inc' %]
175 [% INCLUDE 'intranet-bottom.inc' %]