Owen Leonard
fcd139b222
This patch removes one use of "onclick" in favor of defining events in the JavaScript. This patch also makes changes to the style of some buttons to make the interface a little more consistent with current practices. To test, apply the patch and go to Administration -> Audio alerts. - In the list of existing audio alerts, click the "Edit" button for any alert. The correct data should be loaded in the edit form. Signed-off-by: Marc Véron <veron@veron.ch> Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de> Signed-off-by: Kyle M Hall <kyle@bywatersolutions.com>
131 lines
7.6 KiB
Text
131 lines
7.6 KiB
Text
[% INCLUDE 'doc-head-open.inc' %]
|
|
<title>Koha › Administration › Audio alerts</title>
|
|
[% INCLUDE 'doc-head-close.inc' %]
|
|
<script type="text/javascript">
|
|
var MSG_AUDIO_EMPTY_SOUND = _("Please select or enter a sound.");
|
|
var MSG_AUDIO_CONFIRM_DELETE = _("Are you sure you want to delete the selected audio alerts?");
|
|
var MSG_AUDIO_CHECK_CHECKBOXES = _("Check the box next to the alert you want to delete.")
|
|
</script>
|
|
<script type="text/javascript" src="[% interface %]/[% theme %]/js/audio_alerts.js"></script>
|
|
</head>
|
|
|
|
<body id="admin_audio_alerts" class="admin">
|
|
[% INCLUDE 'header.inc' %]
|
|
[% INCLUDE 'cat-search.inc' %]
|
|
|
|
<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>
|
|
|
|
<div id="doc3" class="yui-t2">
|
|
<div id="bd">
|
|
<div id="yui-main">
|
|
<div class="yui-b">
|
|
|
|
<div id="toolbar" class="btn-toolbar">
|
|
<a class="btn btn-small" id="newalert" href="/cgi-bin/koha/admin/audio_alerts.pl"><i class="fa fa-plus"></i> New alert</a>
|
|
</div>
|
|
|
|
<form id="new-alert-form" action="audio_alerts.pl" method="post" class="validated">
|
|
<fieldset class="rows">
|
|
<legend><span class="create-alert">Add new alert</span><span class="edit-alert">Edit alert</span></legend>
|
|
|
|
<input id="id" name="id" type="hidden" value="" />
|
|
<ol>
|
|
<li>
|
|
<label for="selector" class="required">Selector: </label>
|
|
<input id="selector" name="selector" type="text" class="required input-large" placeholder="selector" />
|
|
<span class="required">Required</span>
|
|
</li>
|
|
<li>
|
|
<label for="sound" class="required">Sound: </label>
|
|
<input id="sound" name="sound" type="text" class="required input-large" placeholder="sound" />
|
|
<button id="play-sound" class="btn btn-mini disabled"><i class="fa fa-play"></i> Play sound</button>
|
|
<span class="required">Required</span>
|
|
</li>
|
|
<li>
|
|
<label for="koha-sounds">Select a built-in sound: </label>
|
|
<select id="koha-sounds">
|
|
<option value=""> -- Choose one -- </option>
|
|
<option value="beep.ogg">beep.ogg</option>
|
|
<option value="call.ogg">call.ogg</option>
|
|
<option value="critical.ogg">critical.ogg</option>
|
|
<option value="device_connect.ogg">device_connect.ogg</option>
|
|
<option value="device_disconnect.ogg">device_disconnect.ogg</option>
|
|
<option value="ending.ogg">ending.ogg</option>
|
|
<option value="fail.ogg">fail.ogg</option>
|
|
<option value="IM_notification.ogg">IM_notification.ogg</option>
|
|
<option value="incoming_call.ogg">incoming_call.ogg</option>
|
|
<option value="loading.ogg">loading.ogg</option>
|
|
<option value="loading_2.ogg">loading_2.ogg</option>
|
|
<option value="maximize.ogg">maximize.ogg</option>
|
|
<option value="minimize.ogg">minimize.ogg</option>
|
|
<option value="new_mail_notification.ogg">new_mail_notification.ogg</option>
|
|
<option value="opening.ogg">opening.ogg</option>
|
|
<option value="panic.ogg">panic.ogg</option>
|
|
<option value="popup.ogg">popup.ogg</option>
|
|
<option value="warning.ogg">warning.ogg</option>
|
|
</select>
|
|
</li>
|
|
</ol>
|
|
</fieldset>
|
|
<fieldset class="action">
|
|
<input id="save-alert" type="submit" value="Submit" />
|
|
<a href="#" id="cancel-edit" class="cancel cancel-edit">Cancel</a>
|
|
</fieldset>
|
|
</form>
|
|
|
|
<form id="delete-alert-form" action="audio_alerts.pl" method="post">
|
|
<h3>Audio alerts</h3>
|
|
<table id="audio-alerts-table">
|
|
<thead id="audio-alerts-table-head">
|
|
<tr>
|
|
<th> </th>
|
|
<th>Precedence</th>
|
|
<th>Change order</th>
|
|
<th>Selector</th>
|
|
<th>Sound</th>
|
|
<th> </th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody id="audio-alerts-table-body">
|
|
[% FOREACH a IN audio_alerts %]
|
|
<tr>
|
|
<td><input type="checkbox" name="delete" value="[% a.id %]" /></td>
|
|
<td>[% a.precedence %]</td>
|
|
<td style="white-space:nowrap;">
|
|
<a title="Move alert up" href="audio_alerts.pl?action=move&where=up&id=[% a.id %]">
|
|
<i class="fa fa-arrow-up fa-lg order-control"></i>
|
|
</a>
|
|
|
|
<a title="Move alert to top" href="audio_alerts.pl?action=move&where=top&id=[% a.id %]">
|
|
<i class="fa fa-arrow-up fa-lg overline order-control"></i>
|
|
</a>
|
|
|
|
<a title="Move alert to bottom" href="audio_alerts.pl?action=move&where=bottom&id=[% a.id %]">
|
|
<i class="fa fa-arrow-down fa-lg underline order-control"></i>
|
|
</a>
|
|
|
|
<a title="Move alert down" href="audio_alerts.pl?action=move&where=down&id=[% a.id %]">
|
|
<i class="fa fa-arrow-down fa-lg order-control"></i>
|
|
</a>
|
|
</td>
|
|
<td>[% a.selector %]</td>
|
|
<td>[% a.sound %]</td>
|
|
<td>
|
|
<a class="btn btn-mini edit" data-soundid="[% a.id %]" data-precedence="[% a.precedence %]" data-selector="[% a.selector %]" data-sound="[% a.sound %]"><i class="fa fa-pencil"></i> Edit</a></td>
|
|
</tr>
|
|
[% END %]
|
|
</tbody>
|
|
</table>
|
|
|
|
<p>
|
|
<button id="delete-alerts" type="submit" class="btn btn-small disabled"><i class="fa fa-trash"></i> Delete selected alerts</button>
|
|
</p>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="yui-b">
|
|
[% INCLUDE 'admin-menu.inc' %]
|
|
</div>
|
|
</div>
|
|
[% INCLUDE 'intranet-bottom.inc' %]
|