Skip to content

erp5
erp5
Commit 6cf80eb6 authored by Jérome Perrin's avatar Jérome Perrin
Browse files
Options

HACK officejs_support_request_ui: translate form_view_discussable 

This is done using the obsolete/slow translate/translateHtml because we
needed this for a customer project where we are not yet using the new
techniques for translation.

HACK because we'll probably do this with domsugar in erp5 master
parent 8337a7ad
Hide whitespace changes
Inline Side-by-side
Showing with 62 additions and 16 deletions
bt5/erp5_officejs_support_request_ui/PathTemplateItem/web_page_module/gadget_supportrequest_pt_form_view_discussable_html.html
View file @ 6cf80eb6
<!DOCTYPE html>
<html>
<!--
@data-i18n="Posting comment"
@data-i18n="Post content can not be empty!"
@data-i18n="Comment added"
-->
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width" />
......@@ -21,13 +26,13 @@
<script id="template-document-list" type="text/x-handlebars-template">
{{#if comments }}
{{#each comments }}
<li>By <strong>{{ user }}</strong> -
<li><span data-i18n="[html]By <strong>{{ user }}</strong> -">By <strong>{{ user }}</strong> -</span>
<time datetime="{{ date }}" title="{{ date_formatted }}">{{ date_relative }}</time>
<br/>
{{{ text }}}
{{#if attachment_link }}
<br/>
<strong>Attachment: </strong>
<strong data-i18n="Attachment:">Attachment:</strong>
<a href="{{attachment_link}}">{{ attachment_name }}</a>
{{/if}}
<hr id="post_item">
......@@ -49,9 +54,11 @@
</div>
<form>
<p style="background-color:#0E81C2;color:white;margin:1em 0;padding:0.5em">Comments:</p>
<ol id="post_list"></ol>
<h3 class="ui-content-title ui-body-c ui-icon ui-icon-custom ui-icon-random" id="comment-title" name="comment-title">&nbsp;Post a comment</h3>
<div data-i18n-translate-element="true">
<p style="background-color:#0E81C2;color:white;margin:1em 0;padding:0.5em" data-i18n="Comments:">Comments:</p>
<ol id="post_list"></ol>
<h3 class="ui-content-title ui-body-c ui-icon ui-icon-custom ui-icon-random" id="comment-title" name="comment-title" data-i18n="Post Comment">&nbsp;Post a comment</h3>
</div>
<div data-gadget-url="gadget_editor.html"
data-gadget-scope="editor"
data-gadget-sandbox="">
......@@ -60,7 +67,9 @@
<div id="file_upload_div">
<input value="" name="attachment" id="attachment" type="file" title="Upload">
</div>
<input data-theme="b" data-inline="true" type="submit" data-i18n="[value]Post Comment" value="Post Comment" data-icon="check" disabled class="ui-disabled"/>
<div data-i18n-translate-element="true">
<input data-theme="b" data-inline="true" type="submit" data-i18n="[value]Post Comment" value="Post Comment" data-icon="check" disabled class="ui-disabled"/>
</div>
</form>
</div>
</body>
......
bt5/erp5_officejs_support_request_ui/PathTemplateItem/web_page_module/gadget_supportrequest_pt_form_view_discussable_html.xml
View file @ 6cf80eb6
......@@ -256,7 +256,7 @@
</tuple>
<state>
<tuple>
<float>1554190620.27</float>
<float>1610607258.96</float>
<string>UTC</string>
</tuple>
</state>
......
bt5/erp5_officejs_support_request_ui/PathTemplateItem/web_page_module/gadget_supportrequest_pt_form_view_discussable_js.js
View file @ 6cf80eb6
......@@ -3,15 +3,15 @@
(function (window, rJS, RSVP, calculatePageTitle, moment, Handlebars) {
"use strict";
var gadget_klass = rJS(window),
comment_list_template = Handlebars.compile(
gadget_klass.__template_element.getElementById("template-document-list").innerHTML
);
comment_list_template_source = gadget_klass.__template_element.getElementById("template-document-list").innerHTML
gadget_klass
/////////////////////////////////////////////////////////////////
// Acquired methods
/////////////////////////////////////////////////////////////////
.declareAcquiredMethod("updateHeader", "updateHeader")
.declareAcquiredMethod("translate", "translate")
.declareAcquiredMethod("translateHtml", "translateHtml")
.declareAcquiredMethod("getSetting", "getSetting")
.declareAcquiredMethod("getSettingList", "getSettingList")
.declareAcquiredMethod("jio_getAttachment", "jio_getAttachment")
......@@ -57,7 +57,34 @@
.declareMethod('render', function (options) {
var gadget = this;
gadget.options = options;
return gadget.getSetting('hateoas_url')
return gadget.getElement()
.push(function (element) {
// Translate HTML page. We only translate and replace some the elements with
// data-i18n-translate-element attribute, not to replace DOM elements with
// event handler attached.
function translateElement(e) {
return gadget
.translateHtml(e.innerHTML)
.push(function (translatedHtml) {
e.innerHTML = translatedHtml;
});
}
return RSVP.all(
Array.from(element.querySelectorAll('[data-i18n-translate-element]')).map(translateElement))
.then(
// Translate and compile the handlebar template for messages
function () {
return gadget
.translateHtml(comment_list_template_source)
.push(function (translatedTemplate) {
gadget.comment_list_template = Handlebars.compile(translatedTemplate);
});
}
);
})
.push(function () {
return gadget.getSetting('hateoas_url')
})
.push(function (hateoas_url) {
gadget.hateoas_url = hateoas_url;
})
......@@ -197,7 +224,7 @@
})
.push(function (comment_list) {
var comments = gadget.element.querySelector("#post_list");
comments.innerHTML = comment_list_template({comments: comment_list});
comments.innerHTML = gadget.comment_list_template({comments: comment_list});
});
})
.declareJob('submitPostComment', function () {
......@@ -211,7 +238,10 @@
})
.push(function (content) {
if (content.comment === '') {
return gadget.notifySubmitted({message: "Post content can not be empty!"});
return gadget.translate("Post content can not be empty!")
.push(function (translated_message) {
return gadget.notifySubmitted({message: translated_message});
})
}
submitButton = gadget.element.querySelector("input[type=submit]");
......@@ -222,7 +252,10 @@
submitButton.disabled = false;
submitButton.classList.remove("ui-disabled");
}
queue = gadget.notifySubmitted({message: "Posting comment"})
queue = gadget.translate("Posting comment").
push(function (message_posting_comment) {
return gadget.notifySubmitted({message: message_posting_comment})
})
.push(function () {
var choose_file_html_element = gadget.element.querySelector('#attachment'),
file_blob = choose_file_html_element.files[0],
......@@ -250,8 +283,12 @@
});
})
.push(function () {
return new RSVP.Queue().push(function () {
gadget.notifySubmitted({message: "Comment added", status: "success"});
return new RSVP.Queue().push(
function(){
return gadget.translate("Comment added")
}
).push(function (message_comment_added) {
gadget.notifySubmitted({message: message_comment_added, status: "success"});
}).push(function () {
return gadget.redirect({command: 'reload'});
});
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7