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

   1 [% USE raw %]
   2 [% USE Asset %]
   3 [% USE Koha %]
   4 [% SET footerjs = 1 %]
   5 [% INCLUDE 'doc-head-open.inc' %]
   6 <title>Audio alerts &rsaquo; Administration &rsaquo; Koha</title>
   7 [% INCLUDE 'doc-head-close.inc' %]
   8 </head>
   9
  10 <body id="admin_audio_alerts" class="admin">
  11 [% WRAPPER 'header.inc' %]
  12     [% INCLUDE 'prefs-admin-search.inc' %]
  13 [% END %]
  14
  15 [% WRAPPER 'sub-header.inc' %]
  16 <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
  17     <ol>
  18         <li>
  19             <a href="/cgi-bin/koha/mainpage.pl"><i class="fa fa-home"></i></a>
  20         </li>
  21         <li>
  22             <a href="/cgi-bin/koha/admin/admin-home.pl">Administration</a>
  23         </li>
  24         <li>
  25             <a href="#" aria-current="page">
  26                 Audio alerts
  27             </a>
  28         </li>
  29     </ol>
  30 </nav>
  31 [% END %]
  32
  33 <div class="main container-fluid">
  34     <div class="row">
  35         <div class="col-sm-10 col-sm-push-2">
  36             <main>
  37
  38                 <div id="toolbar" class="btn-toolbar">
  39                     <a class="btn btn-default" id="newalert" href="/cgi-bin/koha/admin/audio_alerts.pl"><i class="fa fa-plus"></i> New alert</a>
  40                 </div>
  41
  42                 <form id="new-alert-form" action="audio_alerts.pl" method="post" class="validated">
  43                     <fieldset class="rows">
  44                         <legend><h1><span class="create-alert">Add new alert</span><span class="edit-alert">Edit alert</span></h1></legend>
  45
  46                         <input id="id" name="id" type="hidden" value="" />
  47                         <ol>
  48                             <li>
  49                                 <label for="selector" class="required">Selector: </label>
  50                                 <input id="selector" name="selector" type="text" class="required input-large" placeholder="selector" />
  51                                 <span class="required">Required</span>
  52                             </li>
  53                             <li>
  54                                 <label for="sound" class="required">Sound: </label>
  55                                 <input id="sound" name="sound" type="text" class="required input-large" placeholder="sound" />
  56                                 <button id="play-sound" class="btn btn-default btn-xs disabled"><i class="fa fa-play"></i> Play sound</button>
  57                                  <span class="required">Required</span>
  58                             </li>
  59                             <li>
  60                                 <label for="koha-sounds">Select a built-in sound: </label>
  61                                 <select id="koha-sounds">
  62                                     <option value=""> -- Choose one -- </option>
  63                                     <option value="beep.ogg">beep.ogg</option>
  64                                     <option value="call.ogg">call.ogg</option>
  65                                     <option value="critical.ogg">critical.ogg</option>
  66                                     <option value="device_connect.ogg">device_connect.ogg</option>
  67                                     <option value="device_disconnect.ogg">device_disconnect.ogg</option>
  68                                     <option value="ending.ogg">ending.ogg</option>
  69                                     <option value="fail.ogg">fail.ogg</option>
  70                                     <option value="IM_notification.ogg">IM_notification.ogg</option>
  71                                     <option value="incoming_call.ogg">incoming_call.ogg</option>
  72                                     <option value="loading.ogg">loading.ogg</option>
  73                                     <option value="loading_2.ogg">loading_2.ogg</option>
  74                                     <option value="maximize.ogg">maximize.ogg</option>
  75                                     <option value="minimize.ogg">minimize.ogg</option>
  76                                     <option value="new_mail_notification.ogg">new_mail_notification.ogg</option>
  77                                     <option value="opening.ogg">opening.ogg</option>
  78                                     <option value="panic.ogg">panic.ogg</option>
  79                                     <option value="popup.ogg">popup.ogg</option>
  80                                     <option value="warning.ogg">warning.ogg</option>
  81                                 </select>
  82                             </li>
  83                         </ol>
  84                     </fieldset>
  85                     <fieldset class="action">
  86                             <input id="save-alert" type="submit" value="Submit" />
  87                             <a href="#" id="cancel-edit" class="cancel cancel-edit">Cancel</a>
  88                     </fieldset>
  89                 </form>
  90
  91                 <form id="delete-alert-form" action="audio_alerts.pl" method="post">
  92                     <h1>Audio alerts</h1>
  93                     [%IF !( Koha.Preference('AudioAlerts') ) %]
  94                         <div class="dialog alert">
  95                             <h3>Audio alerts are disabled</h3>
  96                             [% IF ( CAN_user_parameters_manage_sysprefs ) %]
  97                                 <p>Please enable system preference <a href="/cgi-bin/koha/admin/preferences.pl?op=search&searchfield=AudioAlerts">AudioAlerts</a> to activate sounds.</p>
  98                             [% ELSE %]
  99                                 <p>The system preference <strong>AudioAlerts</strong> must be enabled to activate sounds.</p>
 100                             [% END %]
 101                         </div>
 102                     [% END %]
 103                     <table id="audio-alerts-table">
 104                         <thead id="audio-alerts-table-head">
 105                             <tr>
 106                                 <th>&nbsp;</th>
 107                                 <th>Precedence</th>
 108                                 <th>Change order</th>
 109                                 <th>Selector</th>
 110                                 <th>Sound</th>
 111                                 <th>&nbsp;</th>
 112                             </tr>
 113                         </thead>
 114
 115                         <tbody id="audio-alerts-table-body">
 116                             [% FOREACH a IN audio_alerts %]
 117                                 <tr>
 118                                     <td><input type="checkbox" name="delete" value="[% a.id | html %]" /></td>
 119                                     <td>[% a.precedence | html %]</td>
 120                                     <td style="white-space:nowrap;">
 121                                         <a title="Move alert up" href="audio_alerts.pl?action=move&amp;where=up&amp;id=[% a.id | html %]">
 122                                             <i class="fa fa-arrow-up fa-lg order-control"></i>
 123                                         </a>
 124
 125                                         <a title="Move alert to top" href="audio_alerts.pl?action=move&amp;where=top&amp;id=[% a.id | html %]">
 126                                             <i class="fa fa-arrow-up fa-lg overline order-control"></i>
 127                                         </a>
 128
 129                                         <a title="Move alert to bottom" href="audio_alerts.pl?action=move&amp;where=bottom&amp;id=[% a.id | html %]">
 130                                             <i class="fa fa-arrow-down fa-lg underline order-control"></i>
 131                                         </a>
 132
 133                                         <a title="Move alert down" href="audio_alerts.pl?action=move&amp;where=down&amp;id=[% a.id | html %]">
 134                                             <i class="fa fa-arrow-down fa-lg order-control"></i>
 135                                         </a>
 136                                     </td>
 137                                     <td>[% a.selector | html %]</td>
 138                                     <td>[% a.sound | html %]</td>
 139                                     <td>
 140                                         <a class="btn btn-default btn-xs edit" data-soundid="[% a.id | html %]" data-precedence="[% a.precedence | html %]" data-selector="[% a.selector | html %]" data-sound="[% a.sound | html %]"><i class="fa fa-pencil"></i> Edit</a></td>
 141                                 </tr>
 142                             [% END %]
 143                         </tbody>
 144                     </table>
 145
 146                     <p>
 147                         <button id="delete-alerts" type="submit" class="btn btn-default disabled"><i class="fa fa-trash"></i> Delete selected alerts</button>
 148                     </p>
 149                 </form>
 150             </main>
 151         </div> <!-- /.col-sm-10.col-sm-push-2 -->
 152
 153         <div class="col-sm-2 col-sm-pull-10">
 154             <aside>
 155                 [% INCLUDE 'admin-menu.inc' %]
 156             </aside>
 157         </div> <!-- /.col-sm-2.col-sm-pull-10 -->
 158      </div> <!-- /.row -->
 159 [% MACRO jsinclude BLOCK %]
 160     [% Asset.js("js/admin-menu.js") | $raw %]
 161     [% Asset.js("js/audio_alerts.js") | $raw %]
 162 [% END %]
 163 [% INCLUDE 'intranet-bottom.inc' %]