You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
zabbix/ui/js/textareaflexible.js

107 lines
2.5 KiB

/*
** Zabbix
** Copyright (C) 2001-2023 Zabbix SIA
**
** This program is free software; you can redistribute it and/or modify
** it under the terms of the GNU General Public License as published by
** the Free Software Foundation; either version 2 of the License, or
** (at your option) any later version.
**
** This program is distributed in the hope that it will be useful,
** but WITHOUT ANY WARRANTY; without even the implied warranty of
** MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
** GNU General Public License for more details.
**
** You should have received a copy of the GNU General Public License
** along with this program; if not, write to the Free Software
** Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
**/
/**
* @event resize - Event fired on textarea size change.
*/
(function($) {
'use strict';
function update(e) {
const $textarea = $(this);
if (e.which === 13) {
// Simulate input behavior by submitting form on enter key.
var $form = $(this).closest('form'),
$submit = $form.find('button:submit:first');
if ($submit.length) {
$submit.click();
}
else {
$form.submit();
}
return false;
}
/**
* Simulate input behaviour by replacing newlines with space character.
* NB! WebKit based browsers add a newline character to textarea when translating content to the next line.
*/
var old_value = $textarea.val(),
new_value = old_value
.replace(/\r?\n+$/g, '')
.replace(/\r?\n/g, ' '),
scroll_pos = $(window).scrollTop();
if (old_value !== new_value) {
var pos = $textarea[0].selectionStart;
$textarea.val(new_value);
$textarea[0].setSelectionRange(pos, pos);
}
// Resize textarea.
$textarea
.height(0)
.innerHeight($textarea[0].scrollHeight);
// Fire event.
$textarea.trigger('resize');
$(window).scrollTop(scroll_pos);
}
var methods = {
init: function() {
return this.each(function() {
var $textarea = $(this);
$textarea
.off('input keydown paste', update)
.on('input keydown paste', update)
.trigger('input');
});
},
clean: function() {
return this.each(function() {
var $textarea = $(this);
$textarea
.val('')
.css('height', '');
});
}
};
/**
* Flexible textarea helper.
*/
$.fn.textareaFlexible = function(method) {
if (methods[method]) {
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
}
return methods.init.apply(this, arguments);
};
})(jQuery);