koha-tmpl/intranet-tmpl/prog/en/modules/admin/audio_alerts.tt

   1 [% USE Koha %]
   2 [% SET footerjs = 1 %]
   3 [% INCLUDE 'doc-head-open.inc' %]
   4 <title>Koha &rsaquo; Administration &rsaquo; Audio alerts</title>
   5 [% INCLUDE 'doc-head-close.inc' %]
   6 </head>
   7
   8 <body id="admin_audio_alerts" class="admin">
   9 [% INCLUDE 'header.inc' %]
  10 [% INCLUDE 'prefs-admin-search.inc' %]
  11
  12 <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>
  13
  14 <div id="doc3" class="yui-t2">
  15     <div id="bd">
  16         <div id="yui-main">
  17             <div class="yui-b">
  18
  19                 <div id="toolbar" class="btn-toolbar">
  20                     <a class="btn btn-default btn-sm" id="newalert" href="/cgi-bin/koha/admin/audio_alerts.pl"><i class="fa fa-plus"></i> New alert</a>
  21                 </div>
  22
  23                 <form id="new-alert-form" action="audio_alerts.pl" method="post" class="validated">
  24                     <fieldset class="rows">
  25                         <legend><span class="create-alert">Add new alert</span><span class="edit-alert">Edit alert</span></legend>
  26
  27                         <input id="id" name="id" type="hidden" value="" />
  28                         <ol>
  29                             <li>
  30                                 <label for="selector" class="required">Selector: </label>
  31                                 <input id="selector" name="selector" type="text" class="required input-large" placeholder="selector" />
  32                                 <span class="required">Required</span>
  33                             </li>
  34                             <li>
  35                                 <label for="sound" class="required">Sound: </label>
  36                                 <input id="sound" name="sound" type="text" class="required input-large" placeholder="sound" />
  37                                 <button id="play-sound" class="btn btn-default btn-xs disabled"><i class="fa fa-play"></i> Play sound</button>
  38                                  <span class="required">Required</span>
  39                             </li>
  40                             <li>
  41                                 <label for="koha-sounds">Select a built-in sound: </label>
  42                                 <select id="koha-sounds">
  43                                     <option value=""> -- Choose one -- </option>
  44                                     <option value="beep.ogg">beep.ogg</option>
  45                                     <option value="call.ogg">call.ogg</option>
  46                                     <option value="critical.ogg">critical.ogg</option>
  47                                     <option value="device_connect.ogg">device_connect.ogg</option>
  48                                     <option value="device_disconnect.ogg">device_disconnect.ogg</option>
  49                                     <option value="ending.ogg">ending.ogg</option>
  50                                     <option value="fail.ogg">fail.ogg</option>
  51                                     <option value="IM_notification.ogg">IM_notification.ogg</option>
  52                                     <option value="incoming_call.ogg">incoming_call.ogg</option>
  53                                     <option value="loading.ogg">loading.ogg</option>
  54                                     <option value="loading_2.ogg">loading_2.ogg</option>
  55                                     <option value="maximize.ogg">maximize.ogg</option>
  56                                     <option value="minimize.ogg">minimize.ogg</option>
  57                                     <option value="new_mail_notification.ogg">new_mail_notification.ogg</option>
  58                                     <option value="opening.ogg">opening.ogg</option>
  59                                     <option value="panic.ogg">panic.ogg</option>
  60                                     <option value="popup.ogg">popup.ogg</option>
  61                                     <option value="warning.ogg">warning.ogg</option>
  62                                 </select>
  63                             </li>
  64                         </ol>
  65                     </fieldset>
  66                     <fieldset class="action">
  67                             <input id="save-alert" type="submit" value="Submit" />
  68                             <a href="#" id="cancel-edit" class="cancel cancel-edit">Cancel</a>
  69                     </fieldset>
  70                 </form>
  71
  72                 <form id="delete-alert-form" action="audio_alerts.pl" method="post">
  73                     <h3>Audio alerts</h3>
  74                     [%IF !( Koha.Preference('AudioAlerts') ) %]
  75                         <div class="dialog alert">
  76                             <p><strong>Note: </strong></p>
  77                             <p>Please enable system preference 'AudioAlerts' to activate sounds.</p>
  78                         </div>
  79                     [% END %]
  80                     <table id="audio-alerts-table">
  81                         <thead id="audio-alerts-table-head">
  82                             <tr>
  83                                 <th>&nbsp;</th>
  84                                 <th>Precedence</th>
  85                                 <th>Change order</th>
  86                                 <th>Selector</th>
  87                                 <th>Sound</th>
  88                                 <th>&nbsp;</th>
  89                             </tr>
  90                         </thead>
  91
  92                         <tbody id="audio-alerts-table-body">
  93                             [% FOREACH a IN audio_alerts %]
  94                                 <tr>
  95                                     <td><input type="checkbox" name="delete" value="[% a.id %]" /></td>
  96                                     <td>[% a.precedence %]</td>
  97                                     <td style="white-space:nowrap;">
  98                                         <a title="Move alert up" href="audio_alerts.pl?action=move&amp;where=up&amp;id=[% a.id %]">
  99                                             <i class="fa fa-arrow-up fa-lg order-control"></i>
 100                                         </a>
 101
 102                                         <a title="Move alert to top" href="audio_alerts.pl?action=move&amp;where=top&amp;id=[% a.id %]">
 103                                             <i class="fa fa-arrow-up fa-lg overline order-control"></i>
 104                                         </a>
 105
 106                                         <a title="Move alert to bottom" href="audio_alerts.pl?action=move&amp;where=bottom&amp;id=[% a.id %]">
 107                                             <i class="fa fa-arrow-down fa-lg underline order-control"></i>
 108                                         </a>
 109
 110                                         <a title="Move alert down" href="audio_alerts.pl?action=move&amp;where=down&amp;id=[% a.id %]">
 111                                             <i class="fa fa-arrow-down fa-lg order-control"></i>
 112                                         </a>
 113                                     </td>
 114                                     <td>[% a.selector %]</td>
 115                                     <td>[% a.sound %]</td>
 116                                     <td>
 117                                         <a class="btn btn-default btn-xs 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>
 118                                 </tr>
 119                             [% END %]
 120                         </tbody>
 121                     </table>
 122
 123                     <p>
 124                         <button id="delete-alerts" type="submit" class="btn btn-default btn-sm disabled"><i class="fa fa-trash"></i> Delete selected alerts</button>
 125                     </p>
 126                 </form>
 127             </div>
 128         </div>
 129     <div class="yui-b">
 130 [% INCLUDE 'admin-menu.inc' %]
 131 </div>
 132 </div>
 133
 134 [% MACRO jsinclude BLOCK %]
 135     <script type="text/javascript" src="[% interface %]/[% theme %]/js/admin-menu_[% KOHA_VERSION %].js"></script>
 136     <script type="text/javascript">
 137         var MSG_AUDIO_EMPTY_SOUND = _("Please select or enter a sound.");
 138         var MSG_AUDIO_CONFIRM_DELETE = _("Are you sure you want to delete the selected audio alerts?");
 139         var MSG_AUDIO_CHECK_CHECKBOXES = _("Check the box next to the alert you want to delete.")
 140     </script>
 141     <script type="text/javascript" src="[% interface %]/[% theme %]/js/audio_alerts_[% KOHA_VERSION %].js"></script>
 142 [% END %]
 143 [% INCLUDE 'intranet-bottom.inc' %]