Bug 22343: (follow-up) Add a hint to the debug form option
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / modules / admin / smtp_servers.tt
1 [% USE raw %]
2 [% USE Asset %]
3 [% SET footerjs = 1 %]
4 [% INCLUDE 'doc-head-open.inc' %]
5 <title>Koha &rsaquo;
6 Administration &rsaquo;
7 SMTP servers
8 [% IF    op == 'add_form' %]
9     &rsaquo; New SMTP server
10 [% ELSIF op == 'edit_form' %]
11     &rsaquo; Edit SMTP server
12 [% END %]
13 </title>
14 [% INCLUDE 'doc-head-close.inc' %]
15 </head>
16
17 <body id="admin_smtp_servers" class="admin">
18 [% INCLUDE 'header.inc' %]
19 [% INCLUDE 'prefs-admin-search.inc' %]
20
21 <div id="breadcrumbs">
22     <a href="/cgi-bin/koha/mainpage.pl">Home</a> &rsaquo;
23     <a href="/cgi-bin/koha/admin/admin-home.pl">Administration</a> &rsaquo;
24     <a href="/cgi-bin/koha/admin/smtp_servers.pl">SMTP servers</a>
25 [% IF op == 'add_form' %]
26  &rsaquo; <span> New</span>
27 [% ELSIF op == 'edit_form' %]
28  &rsaquo; <span> Edit</span>
29 [% END %]
30 </div>
31
32 <div class="main container-fluid">
33     <div class="row">
34         <div class="col-sm-10 col-sm-push-2">
35             <main>
36
37 [% FOREACH m IN messages %]
38     <div class="dialog [% m.type | html %]" id="smtp_action_result_dialog">
39         [% SWITCH m.code %]
40         [% CASE 'error_on_update' %]
41             An error occurred trying to open the server for editing. The passed id is invalid.
42         [% CASE 'error_on_insert' %]
43             An error occurred when adding the server. The library already has an SMTP server set.
44         [% CASE 'success_on_update' %]
45             Server updated successfully.
46         [% CASE 'success_on_insert' %]
47             Server added successfully.
48         [% CASE %]
49             [% m.code | html %]
50         [% END %]
51     </div>
52 [% END %]
53
54     <div class="dialog message" id="smtp_delete_success" style="display: none;"></div>
55     <div class="dialog alert"   id="smtp_delete_error"   style="display: none;"></div>
56
57 [% IF op == 'add_form' %]
58     <h3>New SMTP server</h3>
59     <form action="/cgi-bin/koha/admin/smtp_servers.pl" id="add" name="add" class="validated" method="post">
60         <input type="hidden" name="op" value="add" />
61         <fieldset class="rows">
62             <ol>
63                 <li>
64                     <label for="smtp_name" class="required">Name: </label>
65                     <input type="text" name="smtp_name" id="smtp_name" size="60" class="required" required="required" />
66                     <span class="required">Required</span>
67                 </li>
68             </ol>
69         </fieldset>
70
71         <fieldset class="rows">
72             <ol>
73                 <li>
74                     <label for="smtp_host">Host: </label>
75                     <input type="text" name="smtp_host" id="smtp_host" size="60" class="required"/>
76                     <span class="required">Required</span>
77                 </li>
78                 <li>
79                     <label for="smtp_port">Port: </label>
80                     <input type="text" inputmode="numeric" pattern="[0-9]*" value="25" name="smtp_port" id="smtp_port" size="20" class="required"/>
81                     <span class="required">Required</span>
82                 </li>
83                 <li>
84                     <label for="smtp_timeout">Timeout (seconds): </label>
85                     <input type="text" inputmode="numeric" pattern="[0-9]*" value="120" name="smtp_timeout" id="smtp_timeout" size="20" />
86                 </li>
87                 <li>
88                     <label for="smtp_ssl_mode">SSL: </label>
89                     <select name="smtp_ssl_mode" id="smtp_ssl_mode">
90                         <option value="disabled" selected="selected">Disabled</option>
91                         <option value="ssl">SSL</option>
92                         <option value="starttls">STARTTLS</option>
93                     </select>
94                 </li>
95                 <li>
96                     <label for="smtp_user_name">User name: </label>
97                     <input type="text" name="smtp_user_name" id="smtp_user_name" size="60" />
98                 </li>
99                 <li>
100                     <label for="smtp_password">Password: </label>
101                     <input type="password" name="smtp_password" id="smtp_password" size="60" />
102                 </li>
103                 <li>
104                     <label for="smtp_debug_mode">Debug mode: </label>
105                     <select name="smtp_debug_mode" id="smtp_debug_mode">
106                         <option value="1">Enabled</option>
107                         <option value="0" selected="selected">Disabled</option>
108                     </select>
109                     <span>Enables additional debug output in the logs</span>
110                 </li>
111             </ol>
112         </fieldset>
113         <fieldset class="action">
114             <input type="submit" value="Submit" />
115             <a class="cancel" href="/cgi-bin/koha/admin/smtp_servers.pl">Cancel</a>
116         </fieldset>
117     </form>
118 [% END %]
119
120 [% IF op == 'edit_form' %]
121     <h3>Edit SMTP server</h3>
122     <form action="/cgi-bin/koha/admin/smtp_servers.pl" id="edit_save" name="edit_save" class="validated" method="post">
123         <input type="hidden" name="op" value="edit_save" />
124         <input type="hidden" name="smtp_server_id" value="[%- smtp_server.id | html -%]" />
125         <fieldset class="rows">
126             <ol>
127                 <li>
128                     <label for="smtp_name" class="required">Name: </label>
129                     <input type="text" name="smtp_name" id="smtp_name" size="60" class="required" required="required" value="[%- smtp_server.name | html -%]"/>
130                     <span class="required">Required</span>
131                 </li>
132             </ol>
133         </fieldset>
134
135         <fieldset class="rows">
136             <ol>
137                 <li>
138                     <label for="smtp_host">Host: </label>
139                     <input type="text" name="smtp_host" id="smtp_host" size="60" class="required" value="[%- smtp_server.host | html -%]"/>
140                     <span class="required">Required</span>
141                 </li>
142                 <li>
143                     <label for="smtp_port">Port: </label>
144                     <input type="text" inputmode="numeric" pattern="[0-9]*" name="smtp_port" id="smtp_port" size="20" class="required" value="[%- smtp_server.port | html -%]"/>
145                     <span class="required">Required</span>
146                 </li>
147                 <li>
148                     <label for="smtp_timeout">Timeout (seconds): </label>
149                     <input type="text" inputmode="numeric" pattern="[0-9]*" name="smtp_timeout" id="smtp_timeout" size="20" value="[%- smtp_server.timeout | html -%]"/>
150                 </li>
151                 <li>
152                     <label for="smtp_ssl_mode">SSL: </label>
153                     <select name="smtp_ssl_mode" id="smtp_ssl_mode">
154                     [%- IF smtp_server.ssl_mode == 'disabled' -%]
155                         <option value="disabled" selected="selected">Disabled</option>
156                         <option value="ssl">SSL</option>
157                         <option value="starttls">STARTTLS</option>
158                     [%- ELSIF smtp_server.ssl_mode == 'ssl' -%]
159                         <option value="disabled">Disabled</option>
160                         <option value="ssl" selected="selected">SSL</option>
161                         <option value="starttls">STARTTLS</option>
162                     [%- ELSE -%]
163                         <option value="disabled">Disabled</option>
164                         <option value="ssl">SSL</option>
165                         <option value="starttls" selected="selected">STARTTLS</option>
166                     [%- END -%]
167                     </select>
168                 </li>
169                 <li>
170                     <label for="smtp_user_name">User name: </label>
171                     <input type="text" name="smtp_user_name" id="smtp_user_name" size="60"  value="[%- smtp_server.user_name | html -%]"/>
172                 </li>
173                 <li>
174                     <label for="smtp_password">Password: </label>
175                     <input type="password" name="smtp_password" id="smtp_password" size="60"  value="****"/>
176                 </li>
177                 <li>
178                     <label for="smtp_debug_mode">Debug mode: </label>
179                     <select name="smtp_debug_mode" id="smtp_debug_mode">
180                     [%- IF smtp_server.debug == 1 -%]
181                         <option value="1" selected="selected">Enabled</option>
182                         <option value="0">Disabled</option>
183                     [%- ELSE -%]
184                         <option value="1">Enabled</option>
185                         <option value="0" selected="selected">Disabled</option>
186                     [%- END -%]
187                     </select>
188                 </li>
189             </ol>
190         </fieldset>
191         <fieldset class="action">
192             <input type="submit" value="Submit" />
193             <a class="cancel" href="/cgi-bin/koha/admin/smtp_servers.pl">Cancel</a>
194         </fieldset>
195     </form>
196 [% END %]
197
198 [% IF op == 'list' %]
199
200     <div id="toolbar" class="btn-toolbar">
201         <a class="btn btn-default" id="new_smtp_server" href="/cgi-bin/koha/admin/smtp_servers.pl?op=add_form"><i class="fa fa-plus"></i> New SMTP server</a>
202     </div>
203
204     <h3>SMTP servers</h3>
205
206         <div class="dialog message" id="default_server_message">
207         <p>Default configuration:</p>
208
209         <ul>
210             <li><strong>Host</strong>: [%- default_config.host | html -%]</li>
211             <li><strong>Port</strong>: [%- default_config.port | html -%]</li>
212             <li><strong>Timeout (secs)</strong>: [%- default_config.timeout | html -%]</li>
213             <li><strong>SSL</strong>: [%- IF default_config.ssl_mode == 'disabled' -%]Disabled[%- ELSIF default_config.ssl_mode == 'ssl' -%]SSL[%- ELSE -%]STARTTLS[%- END -%]</li>
214             <li><strong>Debug mode</strong>: [%- IF default_config.debug -%]Yes[%- ELSE -%]No[%- END -%]</li>
215         </ul>
216     </div>
217
218     [% IF servers_count > 0 %]
219         <table id="smtp_servers">
220             <thead>
221                 <tr>
222                     <th>Name</th>
223                     <th>Host</th>
224                     <th>Port</th>
225                     <th>Timeout (secs)</th>
226                     <th>SSL</th>
227                     <th>Authenticated</th>
228                     <th data-class-name="actions">Actions</th>
229                 </tr>
230             </thead>
231         </table>
232     [% END %]
233 [% END %]
234
235             <div id="delete_confirm_modal" class="modal" tabindex="-1" role="dialog" aria-labelledby="delete_confirm_modal_label" aria-hidden="true">
236                 <div class="modal-dialog">
237                     <div class="modal-content">
238                         <div class="modal-header">
239                             <button type="button" class="closebtn" data-dismiss="modal" aria-hidden="true">×</button>
240                             <h3 id="delete_confirm_modal_label">Delete server</h3>
241                         </div>
242                         <div class="modal-body">
243                             <div id="delete_confirm_dialog"></div>
244                         </div>
245                         <div class="modal-footer">
246                             <a href="#" class="btn btn-default" id="delete_confirm_modal_button" role="button" data-toggle="modal">Delete</a>
247                             <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Close</button>
248                         </div>
249                     </div> <!-- /.modal-content -->
250                 </div> <!-- /.modal-dialog -->
251             </div> <!-- #delete_confirm_modal -->
252
253             </main>
254         </div> <!-- /.col-sm-10.col-sm-push-2 -->
255
256         <div class="col-sm-2 col-sm-pull-10">
257             <aside>
258                 [% INCLUDE 'admin-menu.inc' %]
259             </aside>
260         </div> <!-- /.col-sm-2.col-sm-pull-10 -->
261      </div> <!-- /.row -->
262
263
264 [% MACRO jsinclude BLOCK %]
265     [% Asset.js("js/admin-menu.js") | $raw %]
266     [% INCLUDE 'datatables.inc' %]
267     <script>
268         $(document).ready(function() {
269
270             var smtp_servers_url = '/api/v1/config/smtp_servers';
271             window.smtp_servers = $("#smtp_servers").api({
272                 "ajax": {
273                     "url": smtp_servers_url
274                 },
275                 'language': {
276                     'emptyTable': '<div class="dialog message">'+_("There are no SMTP servers defined.")+'</div>'
277                 },
278                 "columnDefs": [ {
279                     "targets": [0,1],
280                     "render": function (data, type, row, meta) {
281                         if ( type == 'display' ) {
282                             if ( data != null ) {
283                                 return data.escapeHtml();
284                             }
285                             else {
286                                 return "Default";
287                             }
288                         }
289                         return data;
290                     }
291                 } ],
292                 "columns": [
293                     {
294                         "data": "name",
295                         "searchable": true,
296                         "orderable": true
297                     },
298                     {
299                         "data": "host",
300                         "searchable": true,
301                         "orderable": true
302                     },
303                     {
304                         "data": "port",
305                         "searchable": true,
306                         "orderable": false
307                     },
308                     {
309                         "data": "timeout",
310                         "searchable": true,
311                         "orderable": false
312                     },
313                     {
314                         "data": "ssl_mode",
315                         "render": function (data, type, row, meta) {
316                             if (data == 'disabled') {
317                                 return _("Disabled");
318                             }
319                             else if (data == 'ssl') {
320                                 return _("SSL");
321                             }
322                             else {
323                                 return _("STARTTLS");
324                             }
325                         },
326                         "searchable": false,
327                         "orderable": false
328                     },
329                     {
330                         "data": function( row, type, val, meta ) {
331                             if ( row.user_name != null ) {
332                                 return _("Yes");
333                             }
334                             else {
335                                 return _("No");
336                             }
337                         },
338                         "searchable": false,
339                         "orderable": false
340                     },
341                     {
342                         "data": function( row, type, val, meta ) {
343                             var result = '<a class="btn btn-default btn-xs" role="button" href="/cgi-bin/koha/admin/smtp_servers.pl?op=edit_form&amp;smtp_server_id='+ encodeURIComponent(row.smtp_server_id) +'"><i class="fa fa-pencil" aria-hidden="true"></i> '+_("Edit")+'</a>'+"\n";
344                             result += '<a class="btn btn-default btn-xs delete_server" role="button" href="#" data-toggle="modal" data-target="#delete_confirm_modal" data-smtp-server-id="'+ encodeURIComponent(row.smtp_server_id) +'" data-smtp-server-name="'+ encodeURIComponent(row.name.escapeHtml()) +'"><i class="fa fa-trash" aria-hidden="true"></i>'+_("Delete")+'</a>';
345                             return result;
346                         },
347                         "searchable": false,
348                         "orderable": false
349                     }
350                 ],
351                 createdRow: function (row, data, dataIndex) {
352                     if ( data.debug ) {
353                         $(row).addClass('debug');
354                     }
355                 },
356             });
357
358             $('#smtp_servers').on( "click", '.delete_server', function () {
359                 var smtp_server_id   = $(this).data('smtp-server-id');
360                 var smtp_server_name = decodeURIComponent($(this).data('smtp-server-name'));
361
362                 $("#delete_confirm_dialog").html(
363                     _("You are about to delete the '%s' SMTP server.").format(smtp_server_name)
364                 );
365
366                 $("#delete_confirm_modal_button").on( "click", function () {
367                     $.ajax({
368                         method: "DELETE",
369                         url: "/api/v1/config/smtp_servers/"+smtp_server_id
370                     }).success(function() {
371                         $("#delete_confirm_modal").modal('hide');
372                         window.smtp_servers.api().ajax.reload(function (data) {
373                             if (data.recordsTotal == 0) {
374                                 $("#smtp_servers_wrapper").hide();
375                             }
376                             $("#smtp_action_result_dialog").hide();
377                             $("#smtp_delete_success").html(_("Server '%s' deleted successfully.").format(smtp_server_name)).show();
378                         });
379                     }).error(function () {
380                         $("#smtp_delete_error").html(_("Error deleting server '%s'. Check the logs.").format(smtp_server_name)).show();
381                     });
382                 });
383             });
384         });
385     </script>
386 [% END %]
387
388 [% INCLUDE 'intranet-bottom.inc' %]