Koha/koha-tmpl/intranet-tmpl/prog/en/modules/tools/additional-contents.tt
Lucas Gass e88ee0fc5e
Bug 22659: Add save and continue button to additional-contents.tt
To test:
1. Apply patch and restart everything
2. Go to Tools > News and create some new additional content.
3. Notice a Save and continue button
4. Try saving and contining.
5. Make sure if you are using the CodeMirror editor that you are still in the CodeMirror editor
6. Try 2 - 5 again but with the wysiwyg editor, make sure when you save and continue you remain in the wysiwyg editor.
7. If you are saving and contining from News make sure you remain in News, when you are saving and contining from HTML customizations make sure you remain there.
8. Turn on the NewsLog system preference
9. With the NewsLog on make sure your content is being logged correctly when you sabe and continue.

Signed-off-by: Sally <sally.healey@cheshiresharedservices.gov.uk>

Signed-off-by: Sally <sally.healey@cheshiresharedservices.gov.uk>

Signed-off-by: Sally <sally.healey@cheshiresharedservices.gov.uk>

Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
2022-06-25 10:52:35 -03:00

712 lines
33 KiB
Text

[% USE raw %]
[% USE Asset %]
[% USE Koha %]
[% USE KohaDates %]
[% USE Branches %]
[% SET footerjs = 1 %]
[% INCLUDE 'doc-head-open.inc' %]
<title>Additional contents &rsaquo; Tools &rsaquo; Koha</title>
[% INCLUDE 'doc-head-close.inc' %]
[% IF ( wysiwyg ) %]
[% SET editmode = "wysiwyg" %]
[% ELSE %]
[% SET editmode = "text" %]
[% Asset.css("lib/codemirror/codemirror.css") | $raw %]
[% Asset.css("lib/codemirror/lint.min.css") | $raw %]
<style>
.CodeMirror {
resize: vertical;
z-index: 0;
}
</style>
[% END %]
<style>
.syspref-link::before {
content: " | ";
}
</style>
</head>
<body id="tools_additional-contents" class="tools">
[% INCLUDE 'header.inc' %]
[% INCLUDE 'cat-search.inc' %]
<nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
<ol>
<li>
<a href="/cgi-bin/koha/mainpage.pl">Home</a>
</li>
<li>
<a href="/cgi-bin/koha/tools/tools-home.pl">Tools</a>
</li>
[% IF op == 'add_form' %]
<li>
[% IF category == 'news' %]
<a href="/cgi-bin/koha/tools/additional-contents.pl?category=news">News</a>
[% ELSE %]
<a href="/cgi-bin/koha/tools/additional-contents.pl?category=html_customizations">HTML customizations</a>
[% END %]
</li>
<li>
<a href="#" aria-current="page">
[% IF additional_content.idnew %]
<span>Modify additional content</span>
[% ELSE %]
<span>Add additional content</span>
[% END %]
([% IF category == 'news' %]<span>News</span>[% ELSE %]<span>HTML customizations</span>[% END %])
</a>
</li>
[% ELSE %]
<li>
<a href="#" aria-current="page">
[% IF category == 'news' %]
News
[% ELSE %]
HTML customizations
[% END %]
</a>
</li>
[% END %]
</ol>
</nav>
[% IF op == 'add_form' %]
<div class="main container-fluid">
<div class="row">
<div class="col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2">
[% ELSE %]
<div class="main container-fluid">
<div class="row">
<div class="col-sm-10 col-sm-push-2">
[% END %]
<main>
[% FOR m IN messages %]
<div class="dialog [% m.type | html %]">
[% SWITCH m.code %]
[% CASE 'error_on_update' %]
<span>An error occurred when updating this content. Perhaps it already exists</span>
[% CASE 'error_on_insert' %]
<span>An error occurred when adding this content. Check the logs</span>
[% CASE 'error_on_delete' %]
<span>An error occurred when deleting this content. Check the logs</span>
[% CASE 'success_on_update' %]
<span>Content updated successfully</span>
[% CASE 'success_on_insert' %]
<span>Content added successfully</span>
[% CASE 'success_on_delete' %]
<span>Content deleted successfully</span>
[% CASE %]
<span>[% m.code | html %]</span>
[% END %]
</div>
[% END %]
[% IF op == 'add_form' %]
[% PROCESS add_form %]
[% ELSE %]
[% PROCESS list %]
[% END %]
</main>
[% IF op != 'add_form' %]
</div> <!-- /.col-sm-10.col-sm-push-2 -->
<div class="col-sm-2 col-sm-pull-10">
<aside>
<div id="news-filter">
<form action="/cgi-bin/koha/tools/additional-contents.pl" method="get">
<h4>Filter</h4>
<fieldset class="brief">
<ol>
<li>
<label for="news_keyword">Keyword:</label>
<input type="text" name="news_keyword" id="news_keyword" />
</li>
<li>
<label for="news_display_location">Display location:</label>
<select name="news_display_location" id="news_display_location">
<option value="">All</option>
[% PROCESS locations_options category => category %]
</select>
</li>
<li>
<label for="news_library">Library: </label>
<select id="news_library" name="news_library">
<option value=""></option>
<option value="">All libraries</option>
[% PROCESS options_for_libraries libraries => Branches.all( selected => branchcode, unfiltered => 1, ) %]
</select>
</li>
<li>
<label>
<input type="checkbox" name="show_expired" id="show_expired" /> Show expired
</label>
</li>
</ol>
</fieldset>
</form>
</div>
[% INCLUDE 'tools-menu.inc' %]
</aside>
</div> <!-- /.col-sm-2.col-sm-pull-10 -->
[% END %]
</div> <!-- /.row -->
</div> <!-- /.main.container-fluid -->
[% BLOCK add_form %]
[% IF additional_content %]
<h1>Modify an additional content</h1>
[% ELSE %]
<h1>New additional content ([% IF category == 'news' %]News[% ELSE %]HTML customizations[% END %])</h1>
[% END %]
<div id="toolbar" class="btn-toolbar">
<div class="btn-group">
<button class="btn btn-default" id="submit_form"><i class="fa fa-save"></i> Save</button>
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a id="saveandcontinue" href="#">Save and continue editing</a></li>
</ul>
</div>
[% IF category == 'news' %]
<a class="btn btn-default cancel" href="/cgi-bin/koha/tools/additional-contents.pl"><i class="fa fa-remove"></i> Cancel</a>
[% ELSE %]
<a class="btn btn-default cancel" href="/cgi-bin/koha/tools/additional-contents.pl?category=html_customizations"><i class="fa fa-remove"></i> Cancel</a>
[% END %]
</div>
<form id="add_additional_content" method="post" action="/cgi-bin/koha/tools/additional-contents.pl" class="validate">
<input type="hidden" name="op" value="add_validate" />
<input type="hidden" name="category" value="[% category | html %]" />
<input type="hidden" name="code" value="[% additional_content.code | html %]" />
<input type="hidden" name="idnew" value="[% additional_content.idnew | html %]" />
<input type="hidden" id="redirect" name="redirect" value="" />
<input type="hidden" id="editmode" name="editmode" value="[% editmode | html %]" />
<fieldset class="rows">
<ol>
<li>
<label for="location">Display location:</label>
<select id="location" name="location">
[% PROCESS locations_options location => additional_content.location %]
</select>
</li>
<li>
<label for="branchcode">Library: </label>
<select id="branchcode" name="branchcode">
[% IF additional_content.branchcode == '' %]
<option value="" selected="selected">All libraries</option>
[% ELSE %]
<option value="">All libraries</option>
[% END %]
[% PROCESS options_for_libraries libraries => Branches.all( selected => additional_content.branchcode, unfiltered => 1, ) %]
</select>
</li>
[% UNLESS languages.size %]
<li>
[% IF category == 'news' %]
<label for="title" class="required">Title: </label>
<input id="title" size="100" maxlength="250" type="text" name="title_default" value="[% additional_content.title | html %]" required="required" class="required" /> <span class="required">Required</span>
[% ELSE %]
<label for="title">Title: </label>
<input id="title" size="100" maxlength="250" type="text" name="title_default" value="[% additional_content.title | html %]" />
[% END %]
</li>
[% END %]
<li>
<label for="from">Publication date: </label>
<input id="from" type="text" name="published_on" size="15" value="[% additional_content.published_on | $KohaDates %]" class="flatpickr" data-date_to="to" />
<div class="hint">[% INCLUDE 'date-format.inc' %]</div>
</li>
<li>
<label for="to">Expiration date: </label>
<input id="to" type="text" name="expirationdate" size="15" value="[% additional_content.expirationdate | $KohaDates %]" class="flatpickr" />
<div class="hint">
[% INCLUDE 'date-format.inc' %]
[% IF category == 'news' %]
<br>News will still be accessible by direct URL if expired.
[% END %]
</div>
</li>
<li>
<label for="number">Appear in position: </label>
[% IF ( additional_content.number ) %]
<input id="number" size="3" name="number" type="text" value="[% additional_content.number | html %]" />
[% ELSE %]
<input id="number" size="3" name="number" type="text" />
[% END %]
</li>
</ol>
</fieldset>
[% IF languages.size %]
<div id="tabs" class="toptabs">
<ul class="nav nav-tabs" role="tablist">
[% FOR language IN languages %]
[% IF language.lang == 'default' %]
<li role="presentation"><a href="#lang_default" aria-controls="lang_default" role="tab" data-toggle="tab">Default</a></li>
[% ELSE %]
<li role="presentation"><a href="#lang_[% language.lang | uri %]" aria-controls="lang_[% language.lang | uri %]" role="tab" data-toggle="tab">[% language.description | html %]</a></li>
[% END %]
[% END %]
</ul>
<div class="tab-content">
[% FOR language IN languages %]
<div id="lang_[% language.lang | uri %]" class="lang clearfix tab-pane" data-lang="[% language.description | html %]">
<fieldset class="rows">
<ol>
<li>
<label for="title_[% language.lang | html %]">Title: </label>
<input id="title_[% language.lang| html %]" size="100" maxlength="250" type="text" name="title_[% language.lang | html %]" value="[% translated_contents.item(language.lang).title | html %]">
</li>
<li>
<label for="content_[% language.lang | html %]">Content: </label>
<textarea name="content_[% language.lang | html %]" id="content_[% language.lang | html %]" data-lang="[% language.lang | html%]" cols="75" rows="10">[% translated_contents.item(language.lang).content | html %]</textarea>
<input type="hidden" name="lang" value="[% language.lang | html %]" />
</li>
</ol>
</fieldset>
</div>
[% END %]
</div> <!-- /.tab-content -->
</div>
[% ELSE %]
<div id="lang_default">
<div class="clearfix">
<textarea name="content" id="content_default" data-lang="[% language.lang | html %]" cols="75" rows="10">[% additional_content.content | html %]</textarea>
</div>
</div>
[% END %]
</form>
[% END %]
[% BLOCK list %]
<div id="toolbar" class="btn-toolbar">
<div class="btn-group">
<a href="/cgi-bin/koha/tools/additional-contents.pl?op=add_form&category=[% category | uri %]&editmode=[% editmode | uri %]" class="btn btn-default" id="newentry"> <i class="fa fa-plus"></i> New entry</a><button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu pull-right">
<li>
[% IF ( wysiwyg ) %]
<a href="/cgi-bin/koha/tools/additional-contents.pl?op=add_form&category=[% category | uri %]&editmode=text">New entry using text editor</a>
[% ELSE %]
<a href="/cgi-bin/koha/tools/additional-contents.pl?op=add_form&category=[% category | uri %]&editmode=wysiwyg">New entry using WYSIWYG editor</a>
[% END %]
</li>
</ul>
</div>
</div>
<h2>Additional contents ([% IF category == 'news' %]News[% ELSE %]HTML customizations[% END %])</h2>
[% IF category == 'news' %]
See <a href="/cgi-bin/koha/tools/additional-contents.pl?category=html_customizations">HTML customizations</a>
[% ELSE %]
See <a href="/cgi-bin/koha/tools/additional-contents.pl?category=news">News</a>
[% END %]
[% IF ( CAN_user_parameters_manage_sysprefs ) %]
<a class="syspref-link" href='/cgi-bin/koha/admin/preferences.pl?op=search&searchfield=OPACUserJS'>OPACUserJS</a>
<a class="syspref-link" href='/cgi-bin/koha/admin/preferences.pl?op=search&searchfield=OPACUserCSS'>OPACUserCSS</a>
[% END %]
[% IF additional_contents.count %]
<form id="del_form" method="post" action="/cgi-bin/koha/tools/additional-contents.pl">
<table id="table_additional_contents">
<thead>
<tr>
<th class="NoSort">&nbsp;</th>
<th>Location</th>
<th>Library</th>
<th>Number</th>
<th>Publication date</th>
<th>Expiration date</th>
<th class="anti-the">Title</th>
<th>Author</th>
<th class="anti-the">News</th>
<th class="NoSort noExport">Actions</th>
</tr>
</thead>
<tbody>
[% FOREACH c IN additional_contents%]
[% IF ( c.is_expired ) %]<tr class="expired">[% ELSE %]<tr>[% END %]
<td>
<input type="checkbox" name="ids" value="[% c.idnew | html %]" />
</td>
<td>
[% IF c.category == 'news' %]
[% IF c.location == 'staff_and_opac' %]<span>All</span>
[% ELSIF c.location == 'staff_only' %]<span>Librarian interface</span>
[% ELSIF c.location == 'opac_only' %]<span>OPAC</span>
[% ELSIF c.location == 'slip' %]<span>Slip</span>
[% ELSE %]<span>Unknown ('[% location | html %]')</span>
[% END %]
[% ELSE %]
[% c.location | html %]
[% END %]
</td>
<td>
[% IF ( c.branchcode == "" ) -%]
All libraries
[% ELSE %][% c.library.branchname | html %]
[% END %]
</td>
<td>[% c.number | html %]</td>
<td data-order="[% c.published_on | html %]">[% c.published_on | $KohaDates %]</td>
<td data-order="[% c.expirationdate | html %]">[% c.expirationdate | $KohaDates %] [% IF ( c.is_expired ) %](<span class="expired">expired</span>)[% END %]</td>
<td>[% c.title | html %]</td>
<td>[% IF ( c.author) %][% INCLUDE 'patron-title.inc' patron=c.author %][% END %]</td>
<td>
<div class="btn-group">
<a class="preview_news btn btn-default btn-xs" data-number="[% loop.count | html %]"><i class="fa fa-eye" aria-hidden="true"></i> Preview content</a>
</div>
<div id="contentModal[% loop.count | html %]" class="modal" tabindex="-1" role="dialog" data-number="[% loop.count | html %]">
<div class="modal-dialog" role="document">
<div class="modal-content modal-lg">
<div class="modal-header">
<h5 class="modal-title">Preview of: "[% c.title | html %]"</h5>
</div>
<div class="modal-body">
[% c.content | $raw %]
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</td>
<td class="actions">
<div class="btn-group dropup">
<a href="/cgi-bin/koha/tools/additional-contents.pl?op=add_form&amp;id=[% c.idnew | uri %]&editmode=[% editmode | uri %]" class="btn btn-default btn-xs"> <i class="fa fa-pencil"></i> Edit</a><button class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu pull-right">
<li>
[% IF ( wysiwyg ) %]
<a href="/cgi-bin/koha/tools/additional-contents.pl?op=add_form&amp;id=[% c.idnew | uri %]&editmode=text"><i class="fa fa-pencil"></i> Edit with text editor</a>
[% ELSE %]
<a href="/cgi-bin/koha/tools/additional-contents.pl?op=add_form&amp;id=[% c.idnew | uri %]&editmode=wysiwyg"><i class="fa fa-pencil"></i> Edit with WYSIWYG editor</a>
[% END %]
</li>
</ul>
</div>
<div class="btn-group">
<a href="#" class="delete_news btn btn-default btn-xs" data-idnew="[% c.idnew | html %]"><i class="fa fa-trash"></i> Delete</a>
</div>
</td>
</tr>
[% END %]
</tbody>
</table>
<input type="hidden" name="op" value="delete_confirmed" />
<input type="hidden" name="category" value="[% category | html %]" />
<fieldset class="action"><input type="submit" class="button" value="Delete selected" /></fieldset>
</form>
<form action="/cgi-bin/koha/tools/additional-contents.pl" method="post" id="delete_single">
<input type="hidden" id="del_op" name="op" value="delete_confirmed" />
<input type="hidden" id="del_category" name="category" value="[% category | html %]" />
<input type="hidden" id="del_ids" name="ids" />
</form>
[% ELSE %]
<div class="dialog message">There are no additional contents.</div>
[% END %]
[% END %]
[% BLOCK locations_options %]
[% IF category == 'news' %]
[% IF location == "staff_and_opac" %]
<option value="staff_and_opac" selected="selected">Librarian and OPAC interfaces</option>
[% ELSE %]
<option value="staff_and_opac">Librarian and OPAC interfaces</option>
[% END %]
[% IF location == "staff_only" %]
<option value="staff_only" selected="selected">Librarian interface</option>
[% ELSE %]
<option value="staff_only">Librarian interface</option>
[% END %]
[% IF location == "opac_only" %]
<option value="opac_only" selected="selected">OPAC</option>
[% ELSE %]
<option value="opac_only">OPAC</option>
[% END %]
[% IF location == "slip" %]
<option value="slip" selected="selected">Slip</option>
[% ELSE %]
<option value="slip">Slip</option>
[% END %]
[% ELSE %]
[% FOREACH l IN [ 'OpacNavRight', 'opacheader', 'OpacCustomSearch', 'OpacMainUserBlock', 'opaccredits', 'OpacLoginInstructions', 'OpacNav', 'OpacNavBottom', 'OpacSuggestionInstructions', 'ArticleRequestsDisclaimerText', 'OpacMoreSearches', 'OpacMySummaryNote' ] %]
[% IF l == location %]
<option value="[% l | html %]" selected="selected">[% l | html %]</option>
[% ELSE %]
<option value="[% l | html %]">[% l | html %]</option>
[% END %]
[% END %]
[% END %]
[% END %]
[% MACRO jsinclude BLOCK %]
[% INCLUDE 'calendar.inc' %]
[% Asset.js("js/tools-menu.js") | $raw %]
[% Asset.js("lib/hc-sticky.js") | $raw %]
<script>
$("#saveandcontinue").on("click",function(e){
e.preventDefault();
$("#redirect").val("just_save");
$("#submit_form").click();
});
</script>
[% IF additional_contents.count %]
[% INCLUDE 'datatables.inc' %]
<script>
$('.preview_news').click( function() {
modalNumber = $(this).attr('data-number');
$('.modal[data-number="'+modalNumber+'"]').modal('show');
})
function Checkbox(){
var form = document.getElementById('del_form');
var inputs = form.getElementsByTagName('input');
var checked = false;
for (var i=0; i<inputs.length; i++) {
if (inputs[i].type == 'checkbox' && inputs[i].name == 'ids') {
checked = inputs[i].checked;
if (checked) return true;
}
}
}
function filterDataTable( table, column, term ){
if( column ){
table.column( column ).search( term ).draw();
} else {
table.search( term ).draw();
}
clearFilter( term );
}
function clearFilter( term ){
if( term == "" ){
$(".dt_button_clear_filter").addClass("disabled");
} else {
$(".dt_button_clear_filter").removeClass("disabled");
}
}
/* Custom table search configuration: If a table row
has an "expired" class, hide it UNLESS the
show_expired checkbox is checked */
$.fn.dataTable.ext.search.push(
function( settings, searchData, index, rowData, counter ) {
var row = $(settings.aoData[index].nTr);
if( row.hasClass("expired") && !$("#show_expired").prop("checked") ){
return false;
} else {
return true;
}
}
);
$(document).ready(function() {
var table = $("#table_additional_contents").DataTable($.extend(true, {}, dataTablesDefaults, {
"order": [[ 4, "desc" ]],
"aoColumnDefs": [
{ "sortable": false, "searchable": false, 'targets': [ 'NoSort' ] },
{ "type": "anti-the", "targets": [ "anti-the" ] }
],
"sPaginationType": "full_numbers"
}));
$("#del_form").on("click", ".delete_news", function(e){
e.preventDefault();
if( confirmDelete( _("Are you sure you want to delete this content? This cannot be undone.") ) ){
$("#del_ids").val( $(this).data("idnew") );
$("#delete_single").submit();
}
});
$("#del_form").on("submit",function(){
if ( Checkbox() ) {
return confirmDelete( _("Are you sure you want to delete the selected content?") );
} else {
alert(_("Please select content to delete."));
return false;
}
});
$("#show_expired").on("change", function(){
/* redraw the DataTable according to the custom search function */
table.draw();
});
table.on( 'search.dt', function () {
var term = table.search();
$("#news_keyword").val( term );
});
$("#news_keyword").on("keyup", function(){
var term = $(this).val();
filterDataTable( table, null, term );
});
$("#news_display_location").on("change", function(){
var term = $(this).val();
filterDataTable( table, 1, term );
});
$("#news_library").on("change", function(){
// Table must be filtered by the <option>'s text, not its value
var opt = $(this).find("option:selected").text();
filterDataTable( table, 2, opt );
});
$(".dt_button_clear_filter").on("click", function(){
table.search('').columns().search('').draw();
$("#news-filter select").each(function(){
$(this).val("");
});
});
});
</script>
[% ELSE %]
<script>
$(document).ready(function() {
[% IF category == 'news' %]
$("#add_additional_content").validate({
submitHandler: function(form){
if ( ! $("#title_default").val().length > 0 ) {
alert(_("Please specify a title for 'Default'"));
return false;
}
else {
[% UNLESS wysiwyg %]
let content = $('#content_default').siblings(".CodeMirror")[0].CodeMirror.getValue();
[% ELSE %]
let content = tinyMCE.get('content_default').getContent();
[% END %]
if ( ! content.length > 0 ) {
alert(__("Please specify a content for 'Default'"));
return false;
}
}
form.submit();
}
});
[% END %]
$("#submit_form").on("click",function(){
$("#add_additional_content").submit();
});
Sticky = $("#toolbar");
Sticky.hcSticky({
stickTo: ".main",
stickyClass: "floating"
});
});
</script>
[% END %]
[% UNLESS ( wysiwyg ) %]
[% Asset.js( "lib/codemirror/codemirror.min.js" ) | $raw %]
[% Asset.js( "lib/codemirror/xml.min.js" ) | $raw %]
[% Asset.js( "lib/codemirror/lint.min.js" ) | $raw %]
[% Asset.js( "lib/linters/htmlhint.min.js" ) | $raw %]
[% Asset.js( "lib/codemirror/html-lint.min.js" ) | $raw %]
<script>
let editors = new Object(); /* Keeps track of initialized CodeMirror instances */
$(document).ready(function(){
if( $("#tabs .tab-pane.active").length < 1 ){
/* Activate first tab and initialize its CodeMirror instance */
let firstTab = $("#tabs a:first");
firstTab.tab("show");
initCodeMirror( firstTab[0].hash );
}
$("#tabs a[data-toggle='tab']").on("shown.bs.tab", function (e) {
/* Try to initialize CodeMirror instance when tab opens */
initCodeMirror( e.target.hash );
});
});
function initCodeMirror( container ){
/* Initialize CodeMirror instance only if it doesn't exist */
if( !editors[ container ] ){
let textarea = $( container ).find("textarea[name^='content_']");
let this_lang = textarea.attr('data-lang');
let editor = CodeMirror.fromTextArea( document.getElementById('content_' + this_lang), {
lineNumbers: true,
lineWrapping: true,
lint: true,
mode: "text/html",
gutters: ["CodeMirror-lint-markers"],
viewportMargin: Infinity,
});
editors[ container ] = editor;
return editor;
}
}
</script>
[% ELSE %]
[% Asset.js("lib/tiny_mce/tinymce.min.js") | $raw %]
[% INCLUDE 'str/tinymce_i18n.inc' %]
<script>
$(document).ready(function(){
if( $("#tabs .tab-pane.active").length < 1 ){
/* Activate first tab and initialize its tinyMCE instance */
let firstTab = $("#tabs a:first");
firstTab.tab("show");
initTinyMce( firstTab[0].hash );
}
$("#tabs a[data-toggle='tab']").on("shown.bs.tab", function (e) {
/* Try to initialize tinyMCE instance when tab opens */
initTinyMce( e.target.hash );
});
});
function initTinyMce( container ){
let textarea = $( container ).find("textarea[name^='content_']");
/* TinyMCE seems to do its own check to prevent double-initialization
so We don't need to keep track of it */
let editor = tinyMCE.init({
branding : false,
content_css : "[% interface | html %]/[% theme | html %]/css/tinymce.css",
custom_elements:"style,link,~link",
extended_valid_elements:"style,link[href|rel]",
force_br_newlines : false,
force_p_newlines : false,
forced_root_block : '',
menubar : "file edit view insert format tools table",
plugins : "autoresize table hr link image charmap lists code emoticons",
relative_urls : false,
selector: "#" + textarea[0].id,
verify_html: false,
toolbar : [
"formatselect | bold italic | cut copy paste | alignleft aligncenter alignright | outdent indent | image link unlink anchor cleanup hr",
"table | bullist numlist | undo redo | removeformat | emoticons charmap | forecolor backcolor | code"
],
});
return editor;
}
</script>
[% END # /UNLESS wysiwyg %]
[% END %]
[% INCLUDE 'intranet-bottom.inc' %]