https://jira.astppbilling.org This file is an XML representation of an issue en-us 8.13.3 813003 14-01-2021 https://jira.astppbilling.org/browse/ASTPPCOM-360 ASTPP Community <p>At the moment, all i18n is done via a sync callback. This can be resolved in two ways:</p> <p>1. Request all i18n requests in one call, which will still be sync, but will be significantly faster<br/> 2. Use callbacks to update the text after it's displayed (or, before). This can use browser storage to speed up the display, as only the first one will be slow. Then you'd have a function that checks browser storage, and if it's there, returns that, and THEN does a request for gettext and updates browser storage (and the page) if the text has changed.</p> ASTPPCOM-360

Use Async callback for i18n

Task Done Done Unassigned Rob Thomas Wed, 4 Apr 2018 03:30:52 +0530 Wed, 9 Oct 2019 16:24:22 +0530 Fri, 6 Apr 2018 02:29:59 +0530 0 0 <p>Thanks for the suggestion and it seems that will improve the UI speed but here I am not pretty clear with Async callback and how it should work? Do you have any reference or doc which we can refer? </p> <p>I probably should ask which would you prefer? I'm happy to do either, but I think the async call will be better. </p> <p>The other problem is that you're going to have to ugprade jQuery from 1.7.1 to something that was written when chrome existed 8) Is there any particular reason you're bundling it, rather than using one of the CDN hosted versions?</p> <p>I do not know how async works. So before commenting on sync and async, I need to study about that. That is why I asked if you have any reference code or guide then please share with me. </p> <p>Regarding jquery 1.7.1, Nope when we started using that, we assumed that it will be faster and safe to use it from the local folder rather than using CDN hosted version. Moreover, at the moment, we are using flexigrid which requires same version. </p> <p>Now we are going to use latest version of jquery and replace flexigrid with datatables as that is more flexible &amp; responsive. </p> <p>Well, without looking too hard at the code, you're currently generating a string and then returning it. I would probably just do something like (and this is totally untested, and off the top of my head).</p> <div class="code panel" style="border-width: 1px;"><div class="codeContent panelContent"> <div class="error"><span class="error">Unable to find source-code formatter for language: `.</span> Available languages are: actionscript, ada, applescript, bash, c, c#, c++, cpp, css, erlang, go, groovy, haskell, html, java, javascript, js, json, lua, none, nyan, objc, perl, php, python, r, rainbow, ruby, scala, sh, sql, swift, visualbasic, xml, yaml</div><pre> <span class="code-keyword">var</span> i18n = [ <span class="code-quote">"These"</span>, <span class="code-quote">"are"</span>, <span class="code-quote">"the"</span>, <span class="code-quote">"words"</span>, <span class="code-quote">"to"</span>, <span class="code-quote">"be"</span>, <span class="code-quote">"translated"</span> ]; <span class="code-keyword">var</span> table = $(<span class="code-quote">"&lt;table&gt;&lt;/table&gt;"</span>); <span class="code-keyword">var</span> tr = $(<span class="code-quote">"&lt;tr&gt;&lt;/tr&gt;)"</span>; $.each(i18n, function(v) { tr.append(<span class="code-quote">"&lt;th id=<span class="code-quote">'translate-"</span>+v+<span class="code-quote">"'</span>&gt;"</span>+getTranslation(v)+<span class="code-quote">"&lt;/th&gt;"</span>); updateTranslation(v) }); function getTranslation(v) { <span class="code-comment">// look up v in local browser store, <span class="code-keyword">return</span> it <span class="code-keyword">if</span> exists </span>} function updateTranslation(v) { $.ajax({ url: blah, data: <span class="code-quote">"?gettranslation="</span>+v, success: function(data) { $(<span class="code-quote">"#translation-"</span>+v).text(data); updateTranslation(v, data); } }); } function updateTranslation(v, data) { <span class="code-comment">// update local browser data store </span>} </pre> </div></div> <p>`</p> <p>Hopefully that explains what I mean. You don't actually need to reference the ID, either - you could just pass the jquery th object and update that as part of the ajax callback.</p> Development External issue ID 360 Rank 0|i00auv: