Made changed/created status translatable

The current version of CodiMD/HedgeDoc does only support translations to be filled on server-side rendering. To allow the translation of the changed/created texts, I duplicated the container that holds the text, and pre-filed these containers with the translation server-side. The client just needs to hide the unneeded container and show the right one to show the translated status text.

Signed-off-by: Erik Michelson <github@erik.michelson.eu>
This commit is contained in:
Erik Michelson 2020-08-13 23:55:28 +02:00
parent da35e73346
commit c9442c3859
No known key found for this signature in database
GPG key ID: DB99ADDDC5C0AF82
2 changed files with 9 additions and 5 deletions

View file

@ -36,7 +36,8 @@ const ui = getUIElements()
window.createtime = null window.createtime = null
window.lastchangetime = null window.lastchangetime = null
window.lastchangeui = { window.lastchangeui = {
status: $('.ui-status-lastchange'), statusChanged: $('.ui-status-lastchange.changed'),
statusCreated: $('.ui-status-lastchange.created'),
time: $('.ui-lastchange'), time: $('.ui-lastchange'),
user: $('.ui-lastchangeuser'), user: $('.ui-lastchangeuser'),
nouser: $('.ui-no-lastchangeuser') nouser: $('.ui-no-lastchangeuser')
@ -48,9 +49,11 @@ export function updateLastChange () {
if (!window.lastchangeui) return if (!window.lastchangeui) return
if (window.createtime) { if (window.createtime) {
if (window.createtime && !window.lastchangetime) { if (window.createtime && !window.lastchangetime) {
window.lastchangeui.status.text('created') window.lastchangeui.statusChanged.hide()
window.lastchangeui.statusCreated.show()
} else { } else {
window.lastchangeui.status.text('changed') window.lastchangeui.statusChanged.show()
window.lastchangeui.statusCreated.hide()
} }
const time = window.lastchangetime || window.createtime const time = window.lastchangetime || window.createtime
window.lastchangeui.time.html(moment(time).fromNow()) window.lastchangeui.time.html(moment(time).fromNow())

View file

@ -7,8 +7,9 @@
<small> <small>
<span> <span>
<span class="ui-lastchangeuser" style="display: none;">&thinsp;<i class="ui-user-icon small" data-toggle="tooltip" data-placement="right"></i></span> <span class="ui-lastchangeuser" style="display: none;">&thinsp;<i class="ui-user-icon small" data-toggle="tooltip" data-placement="right"></i></span>
<span class="ui-no-lastchangeuser">&thinsp;<i class="fa fa-clock-o fa-fw" style="width: 18px;"></i></span> <span class="ui-no-lastchangeuser">&thinsp;<i class="fa fa-clock-o fa-fw" style="width: 18px;"></i></span>&nbsp;
&nbsp;<span class="text-uppercase ui-status-lastchange"></span> <span class="text-uppercase ui-status-lastchange changed"><%= __('changed') %></span>
<span class="text-uppercase ui-status-lastchange created"><%= __('created') %></span>
<span class="ui-lastchange text-uppercase"></span> <span class="ui-lastchange text-uppercase"></span>
</span> </span>
<span class="ui-permission dropdown pull-right"> <span class="ui-permission dropdown pull-right">