From c9442c3859810d1ef4a6a23a0027629e5545de7d Mon Sep 17 00:00:00 2001
From: Erik Michelson
Date: Thu, 13 Aug 2020 23:55:28 +0200
Subject: 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>
---
 public/js/extra.js           | 9 ++++++---
 public/views/codimd/body.ejs | 5 +++--
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/public/js/extra.js b/public/js/extra.js
index 0ba09388..a6b01a91 100644
--- a/public/js/extra.js
+++ b/public/js/extra.js
@@ -36,7 +36,8 @@ const ui = getUIElements()
 window.createtime = null
 window.lastchangetime = null
 window.lastchangeui = {
-  status: $('.ui-status-lastchange'),
+  statusChanged: $('.ui-status-lastchange.changed'),
+  statusCreated: $('.ui-status-lastchange.created'),
   time: $('.ui-lastchange'),
   user: $('.ui-lastchangeuser'),
   nouser: $('.ui-no-lastchangeuser')
@@ -48,9 +49,11 @@ export function updateLastChange () {
   if (!window.lastchangeui) return
   if (window.createtime) {
     if (window.createtime && !window.lastchangetime) {
-      window.lastchangeui.status.text('created')
+      window.lastchangeui.statusChanged.hide()
+      window.lastchangeui.statusCreated.show()
     } else {
-      window.lastchangeui.status.text('changed')
+      window.lastchangeui.statusChanged.show()
+      window.lastchangeui.statusCreated.hide()
     }
     const time = window.lastchangetime || window.createtime
     window.lastchangeui.time.html(moment(time).fromNow())
diff --git a/public/views/codimd/body.ejs b/public/views/codimd/body.ejs
index 5fe3d6bb..96cb8f95 100644
--- a/public/views/codimd/body.ejs
+++ b/public/views/codimd/body.ejs
@@ -7,8 +7,9 @@
             <small>
                 <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>
-                    &nbsp;<span class="text-uppercase ui-status-lastchange"></span>
+                    <span class="ui-no-lastchangeuser">&thinsp;<i class="fa fa-clock-o fa-fw" style="width: 18px;"></i></span>&nbsp;
+                    <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>
                 <span class="ui-permission dropdown pull-right">
-- 
cgit v1.2.3