Techsystech
/
web
mirror of https://github.com/OCA/web.git
3
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity

Fix sizing of textarea 

Resize textarea either to the max height of its content if it stays
in the modal or to the max height available in the modal
pull/1801/head
Akim Juillerat 2019-08-14 15:33:56 +02:00 committed by fshah
parent 344c90ca61
commit a48c11bd6e
2 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
web_translate_dialog/static/src/js/web_translate_dialog.js
View File

@ -15,7 +15,6 @@ var FormView = require('web.FormView');
var View = require('web.AbstractView'); var View = require('web.AbstractView');
var session = require('web.session'); var session = require('web.session');
var rpc = require('web.rpc'); var rpc = require('web.rpc');
var dom = require('web.dom');
var _t = core._t; var _t = core._t;
var QWeb = core.qweb; var QWeb = core.qweb;
@ -71,6 +70,22 @@ var translateDialog = Dialog.extend({
this.do_load_fields_values(); this.do_load_fields_values();
}, },
resize_textareas: function(){
var textareas = this.$('textarea.oe_translation_field');
var max_height = 100
// Resize textarea either to the max height of its content if it stays
// in the modal or to the max height available in the modal
if (textareas.length) {
_.each(textareas, function(textarea) {
if (textarea.scrollHeight > max_height) {
max_height = textarea.scrollHeight
}
});
var max_client_height = $(window).height() - $('.modal-content').height()
var new_height = Math.min(max_height, max_client_height)
textareas.css({'minHeight': new_height});
}
},
initialize_html_fields: function(lang) { initialize_html_fields: function(lang) {
// Initialize summernote if HTML field // Initialize summernote if HTML field
this.$('.oe_form_field_html .oe_translation_field[name="' + lang + '-' + this.translatable_field + '"]').each(function() { this.$('.oe_form_field_html .oe_translation_field[name="' + lang + '-' + this.translatable_field + '"]').each(function() {
@ -109,12 +124,6 @@ var translateDialog = Dialog.extend({
'-' + this.translatable_field + '"]').val(tr_value || '').attr( '-' + this.translatable_field + '"]').val(tr_value || '').attr(
'data-value', tr_value || ''); 'data-value', tr_value || '');
var textarea = this.$('textarea.oe_translation_field');
if (textarea !== undefined && textarea[0] !== undefined) {
textarea.css({minHeight:'100px',});
dom.autoresize(textarea, {parent: this.$el});
}
$(window).resize();
this.initialize_html_fields(lang); this.initialize_html_fields(lang);
}, },
do_load_fields_values: function() { do_load_fields_values: function() {
@ -140,6 +149,7 @@ var translateDialog = Dialog.extend({
_.each(res[self.res_id], function(translation, lang) { _.each(res[self.res_id], function(translation, lang) {
self.set_fields_values(lang, translation[1]); self.set_fields_values(lang, translation[1]);
}); });
self.resize_textareas()
deff.resolve(); deff.resolve();
} }
}); });

2
web_translate_dialog/static/src/xml/base.xml
View File

@ -29,7 +29,7 @@
value="" data-value="" class="oe_translation_field"/> value="" data-value="" class="oe_translation_field"/>
<textarea t-elif="field.type == 'text'" <textarea t-elif="field.type == 'text'"
t-attf-name="#{lg.code}-#{field_name}" data-value="" t-attf-name="#{lg.code}-#{field_name}" data-value=""
class="oe_translation_field" ></textarea> class="oe_translation_field" />
<div t-elif="field.type == 'html'" class="oe_form_field_html"> <div t-elif="field.type == 'html'" class="oe_form_field_html">
<textarea class="oe_translation_field oe_form_field" <textarea class="oe_translation_field oe_form_field"
t-attf-name="#{lg.code}-#{field_name}" data-value=""/> t-attf-name="#{lg.code}-#{field_name}" data-value=""/>