audrius/web
1
0
Fork 1
mirror of https://github.com/OCA/web.git synced 2025-02-22 13:21:25 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix sizing of textarea

Browse Source 
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
This commit is contained in:
Akim Juillerat
2019-08-14 15:33:56 +02:00
committed by Timon Tschanz
parent d6d4eb0e91
commit bd1f4a4ff9
2 changed files with 18 additions and 8 deletions
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 session = require('web.session');
var rpc = require('web.rpc');
var dom = require('web.dom');
var _t = core._t;
var QWeb = core.qweb;
@@ -71,6 +70,22 @@ var translateDialog = Dialog.extend({
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 summernote if HTML field
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(
'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);
},
do_load_fields_values: function() {
@@ -140,6 +149,7 @@ var translateDialog = Dialog.extend({
_.each(res[self.res_id], function(translation, lang) {
self.set_fields_values(lang, translation[1]);
});
self.resize_textareas()
deff.resolve();
}
});

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

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