Bug 16793: Use Font Awesome for arrows instead of images in audio_alerts.tt
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / modules / admin / audio_alerts.tt
1 [% INCLUDE 'doc-head-open.inc' %]
2 <title>Koha &rsaquo; Administration &rsaquo; Audio alerts</title>
3 [% INCLUDE 'doc-head-close.inc' %]
4 <script type="text/javascript">
5     var MSG_AUDIO_EMPTY_SOUND = _("Please select or enter a sound.");
6     var MSG_AUDIO_CONFIRM_DELETE = _("Are you sure you want to delete the selected audio alerts?");
7     var MSG_AUDIO_CHECK_CHECKBOXES = _("Check the box next to the alert you want to delete.")
8 </script>
9 <script type="text/javascript" src="[% interface %]/[% theme %]/js/audio_alerts.js"></script>
10 </head>
11
12 <body id="admin_audio_alerts" class="admin">
13 [% INCLUDE 'header.inc' %]
14 [% INCLUDE 'cat-search.inc' %]
15
16 <div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> &rsaquo; <a href="/cgi-bin/koha/admin/admin-home.pl">Administration</a> &rsaquo; Audio alerts</div>
17
18 <div id="doc3" class="yui-t2">
19     <div id="bd">
20         <div id="yui-main">
21             <div class="yui-b">
22
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>
26
27                 <form id="new-alert-form" action="audio_alerts.pl" method="post" class="validated">
28                     <fieldset class="rows">
29                         <legend><span class="create-alert">Add new alert</span><span class="edit-alert">Edit alert</span></legend>
30
31                         <input id="id" name="id" type="hidden" value="" />
32                         <ol>
33                             <li>
34                                 <label for="selector" class="required">Selector: </label>
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="fa fa-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>
73                     </fieldset>
74                 </form>
75
76                 <form id="delete-alert-form" action="audio_alerts.pl" method="post">
77                     <h3>Audio alerts</h3>
78                     <table id="audio-alerts-table">
79                         <thead id="audio-alerts-table-head">
80                             <tr>
81                                 <th>&nbsp;</th>
82                                 <th>Precedence</th>
83                                 <th>Change order</th>
84                                 <th>Selector</th>
85                                 <th>Sound</th>
86                                 <th>&nbsp;</th>
87                             </tr>
88                         </thead>
89
90                         <tbody id="audio-alerts-table-body">
91                             [% FOREACH a IN audio_alerts %]
92                                 <tr>
93                                     <td><input type="checkbox" name="delete" value="[% a.id %]" /></td>
94                                     <td>[% a.precedence %]</td>
95                                     <td style="white-space:nowrap;">
96                                         <a title="Move alert up" href="audio_alerts.pl?action=move&amp;where=up&amp;id=[% a.id %]">
97                                             <i class="fa fa-arrow-up fa-lg order-control"></i>
98                                         </a>
99
100                                         <a title="Move alert to top" href="audio_alerts.pl?action=move&amp;where=top&amp;id=[% a.id %]">
101                                             <i class="fa fa-arrow-up fa-lg overline order-control"></i>
102                                         </a>
103
104                                         <a title="Move alert to bottom" href="audio_alerts.pl?action=move&amp;where=bottom&amp;id=[% a.id %]">
105                                             <i class="fa fa-arrow-down fa-lg underline order-control"></i>
106                                         </a>
107
108                                         <a title="Move alert down" href="audio_alerts.pl?action=move&amp;where=down&amp;id=[% a.id %]">
109                                             <i class="fa fa-arrow-down fa-lg order-control"></i>
110                                         </a>
111                                     </td>
112                                     <td>[% a.selector %]</td>
113                                     <td>[% a.sound %]</td>
114                                     <td><a class="btn btn-small" onclick="EditAlert( this, '[% a.id %]','[% a.precedence %]', '[% a.selector | replace( "'", "\\'" ) | html %]', '[% a.sound %]' )" ><i class="fa fa-pencil"></i> Edit</a></td>
115                                 </tr>
116                             [% END %]
117                         </tbody>
118                     </table>
119
120                     <p>
121                         <button id="delete-alerts" type="submit" class="btn disabled"><i class="fa fa-trash"></i> Delete selected alerts</button>
122                     </p>
123                 </form>
124             </div>
125         </div>
126     <div class="yui-b">
127 [% INCLUDE 'admin-menu.inc' %]
128 </div>
129 </div>
130 [% INCLUDE 'intranet-bottom.inc' %]