|
Lines 1-76
Link Here
|
| 1 |
[% INCLUDE 'doc-head-open.inc' %] |
1 |
[% INCLUDE 'doc-head-open.inc' %] |
| 2 |
<title>Koha › Administration › Audio alerts</title> |
2 |
<title>Koha › Administration › Audio alerts</title> |
| 3 |
[% INCLUDE 'doc-head-close.inc' %] |
3 |
[% INCLUDE 'doc-head-close.inc' %] |
| 4 |
|
|
|
| 5 |
<script type="text/javascript"> |
4 |
<script type="text/javascript"> |
| 6 |
$( document ).ready(function() { |
5 |
var MSG_AUDIO_EMPTY_SOUND = _("Please select or enter a sound."); |
| 7 |
$(".edit-alert").hide(); |
6 |
var MSG_AUDIO_CONFIRM_DELETE = _("Are you sure you want to delete the selected audio alerts?"); |
| 8 |
|
7 |
var MSG_AUDIO_CHECK_CHECKBOXES = _("Check the box next to the alert you want to delete.") |
| 9 |
$('#koha-sounds').on('change', function() { |
|
|
| 10 |
$('#sound').val( this.value ); |
| 11 |
}); |
| 12 |
|
| 13 |
$('#koha-sounds').on('change', function() { |
| 14 |
$('#sound').val( this.value ); |
| 15 |
}); |
| 16 |
|
| 17 |
$('#play-sound').on('click', function() { |
| 18 |
playSound( $('#sound').val() ); |
| 19 |
return false; |
| 20 |
}); |
| 21 |
|
| 22 |
$('#cancel-edit').on('click', function() { |
| 23 |
$("#id").val(""); |
| 24 |
$("#selector").val(""); |
| 25 |
$("#sound").val(""); |
| 26 |
|
| 27 |
$(".edit-alert").hide(); |
| 28 |
$(".create-alert").show(); |
| 29 |
|
| 30 |
$("#audio-alerts-table").find("td").each(function (i) { |
| 31 |
$(this).removeClass('highlighted-row'); |
| 32 |
}); |
| 33 |
return false; |
| 34 |
}); |
| 35 |
|
| 36 |
$('#new-alert-form').on('submit', function() { |
| 37 |
if ( ! $('#selector').val() ) { |
| 38 |
alert(_("You must enter a selector!")); |
| 39 |
return false; |
| 40 |
} else if ( ! $('#sound').val() ) { |
| 41 |
alert(_("You must choose a sound!")); |
| 42 |
return false; |
| 43 |
} else { |
| 44 |
return true; |
| 45 |
} |
| 46 |
}); |
| 47 |
|
| 48 |
$('#delete-alert-form').on('submit', function() { |
| 49 |
return confirm(_("Are you sure you want to delete the selected audio alerts?")); |
| 50 |
}); |
| 51 |
}); |
| 52 |
|
| 53 |
function EditAlert( elt, id, precedence, selector, sound ) { |
| 54 |
$("#audio-alerts-table").find("td").each(function (i) { |
| 55 |
$(this).removeClass('highlighted-row'); |
| 56 |
}); |
| 57 |
|
| 58 |
$(".create-alert").hide(); |
| 59 |
$(".edit-alert").show(); |
| 60 |
|
| 61 |
$(elt).parent().parent().find("td").each(function (i) { |
| 62 |
$(this).addClass('highlighted-row'); |
| 63 |
}); |
| 64 |
$("#id").val(id); |
| 65 |
$("#selector").val(selector); |
| 66 |
$("#sound").val(sound); |
| 67 |
} |
| 68 |
</script> |
8 |
</script> |
| 69 |
|
9 |
<script type="text/javascript" src="[% themelang %]/js/audio_alerts.js"></script> |
| 70 |
</head> |
10 |
</head> |
|
|
11 |
|
| 71 |
<body id="admin_audio_alerts" class="admin"> |
12 |
<body id="admin_audio_alerts" class="admin"> |
| 72 |
[% INCLUDE 'header.inc' %] |
13 |
[% INCLUDE 'header.inc' %] |
| 73 |
[% INCLUDE 'patrons-admin-search.inc' %] |
14 |
[% INCLUDE 'cat-search.inc' %] |
| 74 |
|
15 |
|
| 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> |
16 |
<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> |
| 76 |
|
17 |
|
|
Lines 78-126
function EditAlert( elt, id, precedence, selector, sound ) {
Link Here
|
| 78 |
<div id="bd"> |
19 |
<div id="bd"> |
| 79 |
<div id="yui-main"> |
20 |
<div id="yui-main"> |
| 80 |
<div class="yui-b"> |
21 |
<div class="yui-b"> |
| 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> |
| 84 |
|
| 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" /> |
| 88 |
|
| 89 |
<button id="play-sound" class="btn"><i class="icon-play"></i> Play sound</button> |
| 90 |
|
22 |
|
| 91 |
<br/> |
23 |
<div id="toolbar" class="btn-toolbar"> |
|
|
24 |
<a class="btn btn-small" id="newalert" href="/cgi-bin/koha/admin/audio_alerts.pl"><i class="fa fa-plus"></i> New alert</a> |
| 25 |
</div> |
| 92 |
|
26 |
|
| 93 |
<select id="koha-sounds"> |
27 |
<form id="new-alert-form" action="audio_alerts.pl" method="post" class="validated"> |
| 94 |
<option value="">Select built-in sound</option> |
28 |
<fieldset class="rows"> |
| 95 |
<option value="beep.ogg">beep.ogg</option> |
29 |
<legend><span class="create-alert">Add new alert</span><span class="edit-alert">Edit alert</span></legend> |
| 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> |
| 113 |
</select> |
| 114 |
|
30 |
|
| 115 |
<p> |
31 |
<input id="id" name="id" type="hidden" value="" /> |
| 116 |
<button id="save-alert" type="submit" class="btn create-alert"><i class="icon-hdd"></i> Save alert</button> |
32 |
<ol> |
| 117 |
<button id="save-edit" type="submit" class="btn edit-alert save-edit"><i class="icon-hdd"></i> Update alert</button> |
33 |
<li> |
| 118 |
<a id="cancel-edit" class="btn edit-alert cancel-edit"><i class="icon icon-remove-circle"></i> Cancel edit</a> |
34 |
<label for="selector" class="required">Selector: </label> |
| 119 |
</p> |
35 |
<input id="selector" name="selector" type="text" class="required input-large" placeholder="selector" /> |
|
|
36 |
<span class="required">Required</span> |
| 37 |
</li> |
| 38 |
<li> |
| 39 |
<label for="sound" class="required">Sound: </label> |
| 40 |
<input id="sound" name="sound" type="text" class="required input-large" placeholder="sound" /> |
| 41 |
<button id="play-sound" class="btn btn-mini disabled"><i class="icon-play"></i> Play sound</button> |
| 42 |
<span class="required">Required</span> |
| 43 |
</li> |
| 44 |
<li> |
| 45 |
<label for="koha-sounds">Select a built-in sound: </label> |
| 46 |
<select id="koha-sounds"> |
| 47 |
<option value=""> -- Choose one -- </option> |
| 48 |
<option value="beep.ogg">beep.ogg</option> |
| 49 |
<option value="call.ogg">call.ogg</option> |
| 50 |
<option value="critical.ogg">critical.ogg</option> |
| 51 |
<option value="device_connect.ogg">device_connect.ogg</option> |
| 52 |
<option value="device_disconnect.ogg">device_disconnect.ogg</option> |
| 53 |
<option value="ending.ogg">ending.ogg</option> |
| 54 |
<option value="fail.ogg">fail.ogg</option> |
| 55 |
<option value="IM_notification.ogg">IM_notification.ogg</option> |
| 56 |
<option value="incoming_call.ogg">incoming_call.ogg</option> |
| 57 |
<option value="loading.ogg">loading.ogg</option> |
| 58 |
<option value="loading_2.ogg">loading_2.ogg</option> |
| 59 |
<option value="maximize.ogg">maximize.ogg</option> |
| 60 |
<option value="minimize.ogg">minimize.ogg</option> |
| 61 |
<option value="new_mail_notification.ogg">new_mail_notification.ogg</option> |
| 62 |
<option value="opening.ogg">opening.ogg</option> |
| 63 |
<option value="panic.ogg">panic.ogg</option> |
| 64 |
<option value="popup.ogg">popup.ogg</option> |
| 65 |
<option value="warning.ogg">warning.ogg</option> |
| 66 |
</select> |
| 67 |
</li> |
| 68 |
</ol> |
| 69 |
</fieldset> |
| 70 |
<fieldset class="action"> |
| 71 |
<input id="save-alert" type="submit" value="Submit" /> |
| 72 |
<a href="#" id="cancel-edit" class="cancel cancel-edit">Cancel</a> |
| 120 |
</fieldset> |
73 |
</fieldset> |
| 121 |
</form> |
74 |
</form> |
| 122 |
|
75 |
|
| 123 |
<form id="delete-alert-form" action="audio_alerts.pl" method="post"> |
76 |
<form id="delete-alert-form" action="audio_alerts.pl" method="post"> |
|
|
77 |
<h3>Audio alerts</h3> |
| 124 |
<table id="audio-alerts-table"> |
78 |
<table id="audio-alerts-table"> |
| 125 |
<thead id="audio-alerts-table-head"> |
79 |
<thead id="audio-alerts-table-head"> |
| 126 |
<tr> |
80 |
<tr> |
|
Lines 140-158
function EditAlert( elt, id, precedence, selector, sound ) {
Link Here
|
| 140 |
<td>[% a.precedence %]</td> |
94 |
<td>[% a.precedence %]</td> |
| 141 |
<td style="white-space:nowrap;"> |
95 |
<td style="white-space:nowrap;"> |
| 142 |
<a title="Move alert up" href="audio_alerts.pl?action=move&where=up&id=[% a.id %]"> |
96 |
<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" /> |
97 |
<img src="[% interface %]/[% theme %]/img/go-up.png" alt="Move alert up" /> |
| 144 |
</a> |
98 |
</a> |
| 145 |
|
99 |
|
| 146 |
<a title="Move alert to top" href="audio_alerts.pl?action=move&where=top&id=[% a.id %]"> |
100 |
<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" /> |
101 |
<img src="[% interface %]/[% theme %]/img/go-top.png" alt="Move alert to top" /> |
| 148 |
</a> |
102 |
</a> |
| 149 |
|
103 |
|
| 150 |
<a title="Move alert to bottom" href="audio_alerts.pl?action=move&where=bottom&id=[% a.id %]"> |
104 |
<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" /> |
105 |
<img src="[% interface %]/[% theme %]/img/go-bottom.png" alt="Move alert to bottom" /> |
| 152 |
</a> |
106 |
</a> |
| 153 |
|
107 |
|
| 154 |
<a title="Move alert down" href="audio_alerts.pl?action=move&where=down&id=[% a.id %]"> |
108 |
<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" /> |
109 |
<img src="[% interface %]/[% theme %]/img/go-down.png" alt="Move alert down" /> |
| 156 |
</a> |
110 |
</a> |
| 157 |
</td> |
111 |
</td> |
| 158 |
<td>[% a.selector %]</td> |
112 |
<td>[% a.selector %]</td> |
|
Lines 163-170
function EditAlert( elt, id, precedence, selector, sound ) {
Link Here
|
| 163 |
</tbody> |
117 |
</tbody> |
| 164 |
</table> |
118 |
</table> |
| 165 |
|
119 |
|
| 166 |
<p/> |
120 |
<p> |
| 167 |
<button id="delete-alerts" type="submit" class="btn"><i class="icon-trash"></i> Delete selected alerts</button> |
121 |
<button id="delete-alerts" type="submit" class="btn disabled"><i class="icon-trash"></i> Delete selected alerts</button> |
|
|
122 |
</p> |
| 168 |
</form> |
123 |
</form> |
| 169 |
</div> |
124 |
</div> |
| 170 |
</div> |
125 |
</div> |
| 171 |
- |
|
|