Koha/koha-tmpl/intranet-tmpl/prog/en/modules/admin/systempreferences.tt
David Cook 6d73e951be Bug 11584: Add wysiwyg editor to system preferences dealing with HTML
This patch adds the ability to use a WYSIWYG editor for system preferences.

The key files that I touch are:

1) admin/systempreferences.pl
2) koha-tmpl/intranet-tmpl/prog/en/modules/admin/preferences.tt
3) koha-tmpl/intranet-tmpl/prog/en/modules/admin/systempreferences.tt

I also add:

4) koha-tmpl/intranet-tmpl/prog/en/includes/wysiwyg-systempreferences.inc

and

5) koha-tmpl/intranet-tmpl/lib/tiny_mce/plugins/advimage

This plugin is part of the TinyMCE distribution. It used to be in Koha, but
then someone removed it. It's useful for preferences like "opacheader" though.

*If you're using anything except IE, this should work super well. If
you're using IE, it'll probably only work for keyboard input and dragging
text within the editor box but not from outside of it. IE has worse
security, so you can probably paste using the context menu paste.

*While I think a WYSIWYG editor can be useful, there might be times
where the content is displayed differently than it is in the editor
because of higher level CSS and Javascript.

Signed-off-by: Martin Persson <xarragon@gmail.com>

Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
2015-08-28 10:28:50 -03:00

445 lines
22 KiB
Text

[% INCLUDE 'doc-head-open.inc' %]
<title>Koha &rsaquo; Administration &rsaquo; [% IF ( add_form ) %] System preferences &rsaquo; [% IF ( modify ) %]Modify system preference '[% searchfield %]'[% ELSE %]Add a system preference[% END %][% END %][% IF ( add_validate ) %] System preferences &rsaquo; Data added[% END %]
[% IF ( delete_confirm ) %] System preferences &rsaquo; [% searchfield %] &rsaquo; Confirm deletion of parameter '[% searchfield %]'[% END %][% IF ( delete_confirmed ) %] System preferences &rsaquo; Parameter deleted[% END %][% IF ( else ) %]System preferences[% END %]</title>
[% INCLUDE 'doc-head-close.inc' %]
[%# Add WYSIWYG editor for htmlarea system preferences %]
[% INCLUDE 'wysiwyg-systempreferences.inc' %]
[% IF ( else ) %]
<link rel="stylesheet" type="text/css" href="[% themelang %]/css/datatables.css" />
[% INCLUDE 'datatables.inc' %]
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
[% IF ( loop ) %]$("#sysprefst").dataTable($.extend(true, {}, dataTablesDefaults, {
"sDom": '<"top pager"ilf>t',
"aoColumnDefs": [
{ "aTargets": [ -1, -2, -3, -4 ], "bSortable": false }
],
"bPaginate": false
}));[% END %]
});
</script>
[% END %]
<script type="text/javascript">
//<![CDATA[
[% IF ( add_form ) %]
$(document).ready(function() {
$('.variabletype').css({ color: "#0000CC", cursor: "pointer" });
$('.variabletype').click(function() {
$('#preftype').attr("value",$(this).attr("id"));
});
});
[% END %]
// FIXME: many of these js functions appear unused
function isNotNull(f,noalert) {
if (f.value.length ==0) {
return false;
}
return true;
}
//
function isNum(v,maybenull) {
var n = new Number(v.value);
if (isNaN(n)) {
return false;
}
if (maybenull==0 && v.value=='') {
return false;
}
return true;
}
//
function Check(f) {
var ok=1;
var _alertString="";
var alertString2;
if (f.variable.value.length==0) {
_alertString += "\n- " + _("variable missing");
}
if (f.value.value.length==0) {
_alertString += "\n- " + _("value missing");
}
if (_alertString.length==0) {
document.Aform.submit();
} else {
alertString2 = _("Form not submitted because of the following problem(s)");
alertString2 += "\n------------------------------------------------------------------------------------\n";
alertString2 += _alertString;
alert(alertString2);
}
}
$( function() {
$( '#sysprefst .expand-textarea' ).show().click( function () {
$( this ).hide().nextAll( 'textarea, input[type=submit]' ).show( 'slow' );
return false;
} ).nextAll( 'textarea, input[type=submit]' ).hide();
} );
//]]>
</script>
</head>
<body id="admin_systempreferences" class="admin">
[% INCLUDE 'header.inc' %]
[% INCLUDE 'prefs-admin-search.inc' %]
<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; [% IF ( add_form ) %] <a href="/cgi-bin/koha/admin/systempreferences.pl">System preferences</a> &rsaquo; [% IF ( modify ) %]Modify system preference '[% searchfield %]'[% ELSE %]Add a system preference[% END %][% END %][% IF ( add_validate ) %] <a href="/cgi-bin/koha/admin/systempreferences.pl">System preferences</a> &rsaquo; Data added[% END %]
[% IF ( delete_confirm ) %] <a href="/cgi-bin/koha/admin/systempreferences.pl">System Preferences</a> &rsaquo; <a href="/cgi-bin/koha/admin/systempreferences.pl?op=add_form&amp;searchfield=[% searchfield %]">[% searchfield %]</a> &rsaquo; Confirm deletion of parameter '[% searchfield %]'[% END %][% IF ( delete_confirmed ) %] <a href="/cgi-bin/koha/admin/systempreferences.pl">System preferences</a> &rsaquo; Parameter deleted[% END %][% IF ( else ) %]System preferences[% END %]</div>
<div id="doc3" class="yui-t2">
<div id="bd">
<div id="yui-main">
<div class="yui-b">
[% IF ( add_form ) %]
[% IF ( type_upload ) %]
<form action="[% script_name %]" name="Aform" method="post" enctype="multipart/form-data">
[% ELSE %]
<form action="[% script_name %]" name="Aform" method="post">
[% END %]
<fieldset class="rows"><legend>
[% IF ( modify ) %]Modify
[% ELSE %]Add
[% END %] a system preference</legend><ol>
<li><label for="explanation">Explanation: </label><input type="text" name="explanation" id="explanation" size="60" value="[% explanation |html %]" /><input type="hidden" name="op" value="add_validate" /></li>
<li>[% IF ( searchfield ) %]<span class="label">Variable: </span>[% searchfield %]<input type="hidden" name="variable" value="[% searchfield %]" />
[% ELSE %]<label for="variable">Variable: </label><input type="text" name="variable" id="variable" size="60" />[% END %]</li>
<li><label for="value">Value: </label>
[% IF ( type_free ) %]
<textarea id="value" name="value" cols="[% fieldlength %]">[% value |html %]</textarea>
[% ELSIF ( type_upload ) %]
<input type="file" name="value" />
[% ELSIF ( type_htmlarea ) %]
<textarea class="mce" name="value" id="value" rows="[% rows %]" cols="[% cols %]">[% value |html %]</textarea>
[% ELSIF ( type_textarea ) %]
<textarea name="value" id="value" rows="[% rows %]" cols="[% cols %]">[% value |html %]</textarea>
[% ELSIF ( type_choice ) %]
<select name="value" id="value">
[% FOREACH option IN options %]
[% IF ( option.selected ) %]
<option value="[% option.option %]" selected="selected">
[% ELSE %]
<option value="[% option.option %]">
[% END %][% option.option %]</option>
[% END %]
</select>
[% END %]
[% IF ( type_langselector ) %]
[% IF ( languages_loop ) %]
<table>
[% FOREACH languages_loo IN languages_loop %]
<tr><td>
[% IF ( languages_loo.plural ) %]
[% IF ( languages_loo.native_description ) %][% languages_loo.native_description %][% ELSE %][% languages_loo.rfc4646_subtag %][% END %]
[% FOREACH sublanguages_loo IN languages_loo.sublanguages_loop %]<table><tr><td>
[% IF ( sublanguages_loo.sublanguage_current ) %]
<label for="[% sublanguages_loo.rfc4646_subtag %]">[% sublanguages_loo.native_description %] [% sublanguages_loo.script_description %] [% sublanguages_loo.region_description %] [% sublanguages_loo.variant_description %]([% sublanguages_loo.rfc4646_subtag %])
[% IF ( sublanguages_loo.enabled ) %]
<input value="[% sublanguages_loo.rfc4646_subtag %]" name="value" id="[% sublanguages_loo.rfc4646_subtag %]" type="checkbox" checked="checked" />
[% ELSE %]
<input value="[% sublanguages_loo.rfc4646_subtag %]" name="value" id="[% sublanguages_loo.rfc4646_subtag %]" type="checkbox" />
[% END %]
</label>
[% ELSE %]
<label for="[% sublanguages_loo.rfc4646_subtag %]">[% sublanguages_loo.native_description %] [% sublanguages_loo.script_description %] [% sublanguages_loo.region_description %] [% sublanguages_loo.variant_description %]([% sublanguages_loo.rfc4646_subtag %])
[% IF ( sublanguages_loo.enabled ) %]
<input value="[% sublanguages_loo.rfc4646_subtag %]" name="value" id="[% sublanguages_loo.rfc4646_subtag %]" type="checkbox" checked="checked" />
[% ELSE %]
<input value="[% sublanguages_loo.rfc4646_subtag %]" name="value" id="[% sublanguages_loo.rfc4646_subtag %]" type="checkbox" />
[% END %]
</label>
[% END %]</td></tr></table>
[% END %]
[% ELSE %]
[% IF ( languages_loo.current ) %]
<label for="[% languages_loo.rfc4646_subtag %]">[% languages_loo.native_description %]([% languages_loo.rfc4646_subtag %])
[% IF ( languages_loo.group_enabled ) %]
<input value="[% languages_loo.rfc4646_subtag %]" name="value" id="[% languages_loo.rfc4646_subtag %]" type="checkbox" checked="checked" />
[% ELSE %]
<input value="[% languages_loo.rfc4646_subtag %]" name="value" id="[% languages_loo.rfc4646_subtag %]" type="checkbox" />
[% END %]
</label>
[% ELSE %]
<label for="[% languages_loo.rfc4646_subtag %]">[% languages_loo.native_description %]([% languages_loo.rfc4646_subtag %])
[% IF ( languages_loo.group_enabled ) %]
<input value="[% languages_loo.rfc4646_subtag %]" name="value" id="[% languages_loo.rfc4646_subtag %]" type="checkbox" checked="checked" />
[% ELSE %]
<input value="[% languages_loo.rfc4646_subtag %]" name="value" id="[% languages_loo.rfc4646_subtag %]" type="checkbox" />
[% END %]
</label>
[% END %]
[% END %]
</td></tr>
[% END %]
</table>
[% END %]
[% END %]
[% IF ( type_yesno ) %]
[% IF ( value_yes ) %]
<input type="radio" name="value" id="value" value="1" checked="checked" />[% ELSE %]<input type="radio" name="value" id="value" value="1" />
[% END %]
<label for="value" class="yesno">ON</label>
[% IF ( value_no ) %]
<input type="radio" name="value" id="value-no" value="0" checked="checked" />[% ELSE %]<input type="radio" name="value" id="value-no" value="0" />
[% END %]
<label for="value-no" class="yesno">OFF</label>
[% END %]
</li>
</ol></fieldset>
<fieldset class="action"><input type="submit" value="Save" />
[% IF ( return_tab ) %]
<a class="cancel" href="/cgi-bin/koha/admin/systempreferences.pl?tab=[% return_tab %]">Cancel</a>
[% ELSE %]
<a class="cancel" href="/cgi-bin/koha/admin/systempreferences.pl">Cancel</a>
[% END %]
</fieldset>
<fieldset class="brief">
<legend>Koha internal</legend>
<div class="hint">Note: change the variable type to one of the dropdown values as needed</div>
<ol>
<li><label for="preftype">Variable type:</label>
<select name="preftype" id="preftype">
[%- IF (preftype && preftype == 'Free') || !preftype -%]
<option value="Free" selected>Free</option>
[%- ELSE -%]
<option value="Free">Free</option>
[% END %]
[%- IF (preftype && preftype == 'Choice') -%]
<option value="Choice" selected>Choice</option>
[%- ELSE -%]
<option value="Choice">Choice</option>
[% END %]
[%- IF (preftype && preftype == 'YesNo') -%]
<option value="YesNo" selected>YesNo</option>
[%- ELSE -%]
<option value="YesNo">YesNo</option>
[% END %]
[%- IF (preftype && preftype == 'Integer') -%]
<option value="Integer" selected>Integer</option>
[%- ELSE -%]
<option value="Integer">Integer</option>
[% END %]
[%- IF (preftype && preftype == 'Textarea') -%]
<option value="Textarea" selected>Textarea</option>
[%- ELSE -%]
<option value="Textarea">Textarea</option>
[% END %]
[%- IF (preftype && preftype == 'Float') -%]
<option value="Float" selected>Float</option>
[%- ELSE -%]
<option value="Float">Float</option>
[% END %]
[%- IF (preftype && preftype == 'Themes') -%]
<option value="Themes" selected>Themes</option>
[%- ELSE -%]
<option value="Themes">Themes</option>
[% END %]
[%- IF (preftype && preftype == 'Languages') -%]
<option value="Languages" selected>Languages</option>
[%- ELSE -%]
<option value="Languages">Languages</option>
[% END %]
[%- IF (preftype && preftype == 'Upload') -%]
<option value="Upload" selected>Upload</option>
[%- ELSE -%]
<option value="Upload">Upload</option>
[% END %]
[%- IF (preftype && preftype == 'ClassSources') -%]
<option value="ClassSources" selected>ClassSources</option>
[%- ELSE -%]
<option value="ClassSources">ClassSources</option>
[% END %]
</select>
<li><label for="prefoptions">Variable options:</label>
<div class="hint">(a choice list for choice (separated by |) or cols|rows for texarea)</div>
<input type="text" name="prefoptions" id="prefoptions" value="[% prefoptions %]" size="60" maxlength="80" /></li>
</ol>
</fieldset>
</form>
[% END %]
[% IF ( add_validate ) %]
<h3>Data recorded</h3>
<form action="[% script_name %]" method="post">
<input type="submit" value="OK" />
</form>
[% END %]
[% IF ( delete_confirm ) %]
<table>
<caption>Confirm deletion of [% searchfield %]?</caption>
<tr>
<th>Variable name:</th>
<td>[% searchfield %]</td>
</tr>
<tr><th>Value: </th><td>
[% Tvalue %]
</td></tr></table>
<form class="inline" action="[% script_name %]" method="post">
<input type="hidden" name="op" value="delete_confirmed" />
<input type="hidden" name="searchfield" value="[% searchfield %]" />
<input type="hidden" name="Tvalue" value="[% Tvalue %]" />
<input type="submit" value="Yes, delete" /></form>
<form class="inline" action="[% script_name %]" method="post"><input type="submit" value="No, do not delete" /></form>
[% END %]
[% IF ( delete_confirmed ) %]
<h3>Data deleted</h3>
<form action="[% script_name %]" method="post">
<input type="submit" value="Back to System Preferences" />
</form>
[% END %]
[% IF ( else ) %]
<div id="toolbar" class="btn-toolbar">
<a class="btn btn-small" id="newstopword" href="[% script_name %]?op=add_form"><i class="icon-plus"></i> New preference</a>
</div>
[% IF ( tab != 'local_use' ) %]
<p>Please click on one of the tabs at the left side of this form.</p>
<table>
[% ELSE %]
<h1>Local use preferences</h1>
<table width="80%" id="sysprefst">
<thead><tr>
<th>Preference</th>
<th>Explanation</th>
<th>Value</th>
<th>Edit</th>
<th>Delete</th>
</tr></thead>
[% END %]
<tbody>[% FOREACH loo IN loop %]
<tr>
<td><strong><a href="[% loo.edit %]">[% loo.variable %]</a></strong></td><td> [% loo.explanation |html %]</td>
[% IF ( loo.oneline ) %]
<td class="single-line">
[% ELSE %]
<td>
[% END %]
[% IF ( loo.type_upload ) %]
<form action="/cgi-bin/koha/admin/systempreferences.pl" method="post" enctype="multipart/form-data">
[% ELSE %]
<form action="/cgi-bin/koha/admin/systempreferences.pl" method="post">
[% END %]
[% IF ( loo.type_free ) %]
<input type="text" name="value" size="[% loo.fieldlength %]" value="[% loo.value |html %]" />
[% END %]
[% IF ( loo.type_upload ) %]
<input type="file" name="value" value="[% loo.value |html %]" />
[% END %]
[% IF ( loo.type_textarea ) %]
<a class="expand-textarea" style="display: none" href="#">Click to edit</a>
<textarea name="value" rows="[% loo.rows %]" cols="[% loo.cols %]">[% loo.value |html %]</textarea>
[% END %]
[% IF ( loo.type_htmlarea ) %]
<textarea class="mce" name="value" rows="[% loo.rows %]" cols="[% loo.cols %]">[% loo.value |html %]</textarea>
[% END %]
[% IF ( loo.type_choice ) %]
<select name="value">
[% FOREACH option IN loo.options %]
[% IF ( option.selected ) %]
<option value="[% option.option %]" selected="selected">
[% ELSE %]
<option value="[% option.option %]">
[% END %][% option.option %]</option>
[% END %]
</select>
[% END %]
[% IF ( loo.type_langselector ) %]
[% IF ( loo.languages_loop ) %]
<table>
[% FOREACH languages_loo IN loo.languages_loop %]
<tr><td>
[% IF ( languages_loo.plural ) %]
[% IF ( languages_loo.native_description ) %][% languages_loo.native_description %][% ELSE %][% languages_loo.rfc4646_subtag %][% END %]
[% FOREACH sublanguages_loo IN languages_loo.sublanguages_loop %]<table><tr><td>
[% IF ( sublanguages_loo.sublanguage_current ) %]
<label for="[% sublanguages_loo.rfc4646_subtag %]">[% sublanguages_loo.native_description %] [% sublanguages_loo.script_description %] [% sublanguages_loo.region_description %] [% sublanguages_loo.variant_description %]([% sublanguages_loo.rfc4646_subtag %])
[% IF ( sublanguages_loo.enabled ) %]
<input value="[% sublanguages_loo.rfc4646_subtag %]" name="value" id="[% sublanguages_loo.rfc4646_subtag %]" type="checkbox" checked="checked" />
[% ELSE %]
<input value="[% sublanguages_loo.rfc4646_subtag %]" name="value" id="[% sublanguages_loo.rfc4646_subtag %]" type="checkbox" />
[% END %]
</label>
[% ELSE %]
<label for="[% sublanguages_loo.rfc4646_subtag %]">[% sublanguages_loo.native_description %] [% sublanguages_loo.script_description %] [% sublanguages_loo.region_description %] [% sublanguages_loo.variant_description %]([% sublanguages_loo.rfc4646_subtag %])
[% IF ( sublanguages_loo.enabled ) %]
<input value="[% sublanguages_loo.rfc4646_subtag %]" name="value" id="[% sublanguages_loo.rfc4646_subtag %]" type="checkbox" checked="checked" />
[% ELSE %]
<input value="[% sublanguages_loo.rfc4646_subtag %]" name="value" id="[% sublanguages_loo.rfc4646_subtag %]" type="checkbox" />
[% END %]
</label>
[% END %]</td></tr></table>
[% END %]
[% ELSE %]
[% IF ( languages_loo.current ) %]
<label for="[% languages_loo.rfc4646_subtag %]">[% languages_loo.native_description %]([% languages_loo.rfc4646_subtag %])
[% IF ( languages_loo.group_enabled ) %]
<input value="[% languages_loo.rfc4646_subtag %]" name="value" id="opac[% languages_loo.rfc4646_subtag %]" type="checkbox" checked="checked" />
[% ELSE %]
<input value="[% languages_loo.rfc4646_subtag %]" name="value" id="opac[% languages_loo.rfc4646_subtag %]" type="checkbox" />
[% END %]
</label>
[% ELSE %]
<label for="[% languages_loo.rfc4646_subtag %]">[% languages_loo.native_description %]([% languages_loo.rfc4646_subtag %])
[% IF ( languages_loo.group_enabled ) %]
<input value="[% languages_loo.rfc4646_subtag %]" name="value" id="opac[% languages_loo.rfc4646_subtag %]" type="checkbox" checked="checked" />
[% ELSE %]
<input value="[% languages_loo.rfc4646_subtag %]" name="value" id="opac[% languages_loo.rfc4646_subtag %]" type="checkbox" />
[% END %]
</label>
[% END %]
[% END %]
</td></tr>
[% END %]
</table>
[% END %]
[% END %]
[% IF ( loo.type_yesno ) %]
[% IF ( loo.value_yes ) %]
<input type="radio" name="value" value="1" checked="checked" />[% ELSE %]<input type="radio" name="value" value="1" />
[% END %]
<label for="value" class="yesno">ON</label>
[% IF ( loo.value_no ) %]
<input type="radio" name="value" value="0" checked="checked" />[% ELSE %]<input type="radio" name="value" value="0" />
[% END %]
<label for="value-no" class="yesno">OFF</label>
[% END %]
<input type="hidden" name="op" value="add_validate" />
<input type="hidden" name="variable" value="[% loo.variable %]" />
<input type="hidden" name="prefoptions" value="[% loo.prefoptions |html %]" />
<input type="hidden" name="preftype" value="[% loo.type %]" />
<input type="hidden" name="explanation" value="[% loo.explanation |html %]" />
<input type="submit" value="Save" />
</form>
</td>
<td><a href="[% loo.edit %]">Edit </a></td>
<td><a href="[% loo.delete %]">Delete</a></td>
</tr>
[% END %]</tbody>
</table>
[% END %]
</div>
</div>
<div class="yui-b">
[% INCLUDE 'prefs-menu.inc' %]
</div>
</div>
[% INCLUDE 'intranet-bottom.inc' %]