From 84fb82a57448d2ee218f4777fa29f3b42d5041df Mon Sep 17 00:00:00 2001
From: shortcutme <hello@noloop.me>
Date: Fri, 18 Nov 2016 20:13:54 +0100
Subject: [PATCH] Make sidebar translatable

---
 plugins/Sidebar/SidebarPlugin.py | 213 ++++++++++++++++---------------
 1 file changed, 113 insertions(+), 100 deletions(-)

diff --git a/plugins/Sidebar/SidebarPlugin.py b/plugins/Sidebar/SidebarPlugin.py
index d84e63cc..4a47d5f8 100644
--- a/plugins/Sidebar/SidebarPlugin.py
+++ b/plugins/Sidebar/SidebarPlugin.py
@@ -77,23 +77,24 @@ class UiWebsocketPlugin(object):
             percent_onion = float(onion) / peers_total
         else:
             percent_connectable = percent_connected = percent_onion = 0
-        body.append("""
+
+        body.append(_(u"""
             <li>
-             <label>Peers</label>
+             <label>{_[Peers]}</label>
              <ul class='graph'>
-              <li style='width: 100%' class='total back-black' title="Total peers"></li>
-              <li style='width: {percent_connectable:.0%}' class='connectable back-blue' title='Connectable peers'></li>
-              <li style='width: {percent_onion:.0%}' class='connected back-purple' title='Onion'></li>
-              <li style='width: {percent_connected:.0%}' class='connected back-green' title='Connected peers'></li>
+              <li style='width: 100%' class='total back-black' title="{_[Total peers]}"></li>
+              <li style='width: {percent_connectable:.0%}' class='connectable back-blue' title='{_[Connectable peers]}'></li>
+              <li style='width: {percent_onion:.0%}' class='connected back-purple' title='{_[Onion]}'></li>
+              <li style='width: {percent_connected:.0%}' class='connected back-green' title='{_[Connected peers]}'></li>
              </ul>
              <ul class='graph-legend'>
-              <li class='color-green'><span>connected:</span><b>{connected}</b></li>
-              <li class='color-blue'><span>Connectable:</span><b>{connectable}</b></li>
-              <li class='color-purple'><span>Onion:</span><b>{onion}</b></li>
-              <li class='color-black'><span>Total:</span><b>{peers_total}</b></li>
+              <li class='color-green'><span>{_[Connected]}:</span><b>{connected}</b></li>
+              <li class='color-blue'><span>{_[Connectable]}:</span><b>{connectable}</b></li>
+              <li class='color-purple'><span>{_[Onion]}:</span><b>{onion}</b></li>
+              <li class='color-black'><span>{_[Total]}:</span><b>{peers_total}</b></li>
              </ul>
             </li>
-        """.format(**locals()))
+        """))
 
     def sidebarRenderTransferStats(self, body, site):
         recv = float(site.settings.get("bytes_recv", 0)) / 1024 / 1024
@@ -105,32 +106,33 @@ class UiWebsocketPlugin(object):
         else:
             percent_recv = 0.5
             percent_sent = 0.5
-        body.append("""
+
+        body.append(_(u"""
             <li>
-             <label>Data transfer</label>
+             <label>{_[Data transfer]}</label>
              <ul class='graph graph-stacked'>
-              <li style='width: {percent_recv:.0%}' class='received back-yellow' title="Received bytes"></li>
-              <li style='width: {percent_sent:.0%}' class='sent back-green' title="Sent bytes"></li>
+              <li style='width: {percent_recv:.0%}' class='received back-yellow' title="{_[Received bytes]}"></li>
+              <li style='width: {percent_sent:.0%}' class='sent back-green' title="{_[Sent bytes]}"></li>
              </ul>
              <ul class='graph-legend'>
-              <li class='color-yellow'><span>Received:</span><b>{recv:.2f}MB</b></li>
-              <li class='color-green'<span>Sent:</span><b>{sent:.2f}MB</b></li>
+              <li class='color-yellow'><span>{_[Received]}:</span><b>{recv:.2f}MB</b></li>
+              <li class='color-green'<span>{_[Sent]}:</span><b>{sent:.2f}MB</b></li>
              </ul>
             </li>
-        """.format(**locals()))
+        """))
 
     def sidebarRenderFileStats(self, body, site):
-        body.append("<li><label>Files</label><ul class='graph graph-stacked'>")
+        body.append(_(u"<li><label>{_[Files]}</label><ul class='graph graph-stacked'>"))
 
         extensions = (
             ("html", "yellow"),
             ("css", "orange"),
             ("js", "purple"),
-            ("image", "green"),
+            ("Image", "green"),
             ("json", "darkblue"),
-            ("user data", "blue"),
-            ("other", "white"),
-            ("total", "black")
+            ("User data", "blue"),
+            ("Other", "white"),
+            ("Total", "black")
         )
         # Collect stats
         size_filetypes = {}
@@ -152,7 +154,7 @@ class UiWebsocketPlugin(object):
         ).fetchone()["size"]
         if not size_user_content:
             size_user_content = 0
-        size_filetypes["user data"] = size_user_content
+        size_filetypes["User data"] = size_user_content
         size_total += size_user_content
 
         # The missing difference is content.json sizes
@@ -162,11 +164,11 @@ class UiWebsocketPlugin(object):
 
         # Bar
         for extension, color in extensions:
-            if extension == "total":
+            if extension == "Total":
                 continue
-            if extension == "other":
+            if extension == "Other":
                 size = max(0, size_other)
-            elif extension == "image":
+            elif extension == "Image":
                 size = size_filetypes.get("jpg", 0) + size_filetypes.get("png", 0) + size_filetypes.get("gif", 0)
                 size_other -= size
             else:
@@ -179,15 +181,15 @@ class UiWebsocketPlugin(object):
             percent = math.floor(percent * 100) / 100  # Floor to 2 digits
             body.append(
                 u"""<li style='width: %.2f%%' class='%s back-%s' title="%s"></li>""" %
-                (percent, extension, color, extension)
+                (percent, _[extension], color, _[extension])
             )
 
         # Legend
         body.append("</ul><ul class='graph-legend'>")
         for extension, color in extensions:
-            if extension == "other":
+            if extension == "Other":
                 size = max(0, size_other)
-            elif extension == "image":
+            elif extension == "Image":
                 size = size_filetypes.get("jpg", 0) + size_filetypes.get("png", 0) + size_filetypes.get("gif", 0)
             elif extension == "total":
                 size = size_total
@@ -204,7 +206,7 @@ class UiWebsocketPlugin(object):
             else:
                 size_formatted = "%.0fkB" % (size / 1024)
 
-            body.append(u"<li class='color-%s'><span>%s:</span><b>%s</b></li>" % (color, title, size_formatted))
+            body.append(u"<li class='color-%s'><span>%s:</span><b>%s</b></li>" % (color, _[title], size_formatted))
 
         body.append("</ul></li>")
 
@@ -213,13 +215,14 @@ class UiWebsocketPlugin(object):
         size = float(site.settings["size"]) / 1024 / 1024
         size_limit = site.getSizeLimit()
         percent_used = size / size_limit
-        body.append("""
+
+        body.append(_(u"""
             <li>
-             <label>Size limit <small>(limit used: {percent_used:.0%}, free space: {free_space:,d}MB)</small></label>
+             <label>{_[Size limit]} <small>({_[limit used]}: {percent_used:.0%}, {_[free space]}: {free_space:,d}MB)</small></label>
              <input type='text' class='text text-num' value="{size_limit}" id='input-sitelimit'/><span class='text-post'>MB</span>
-             <a href='#Set' class='button' id='button-sitelimit'>Set</a>
+             <a href='#Set' class='button' id='button-sitelimit'>{_[Set]}</a>
             </li>
-        """.format(**locals()))
+        """))
 
     def sidebarRenderOptionalFileStats(self, body, site):
         size_total = float(site.settings["size_optional"])
@@ -233,19 +236,19 @@ class UiWebsocketPlugin(object):
         size_formatted_total = size_total / 1024 / 1024
         size_formatted_downloaded = size_downloaded / 1024 / 1024
 
-        body.append("""
+        body.append(_(u"""
             <li>
-             <label>Optional files</label>
+             <label>{_[Optional files]}</label>
              <ul class='graph'>
-              <li style='width: 100%' class='total back-black' title="Total size"></li>
-              <li style='width: {percent_downloaded:.0%}' class='connected back-green' title='Downloaded files'></li>
+              <li style='width: 100%' class='total back-black' title="{_[Total size]}"></li>
+              <li style='width: {percent_downloaded:.0%}' class='connected back-green' title='{_[Downloaded files]}'></li>
              </ul>
              <ul class='graph-legend'>
-              <li class='color-green'><span>Downloaded:</span><b>{size_formatted_downloaded:.2f}MB</b></li>
-              <li class='color-black'><span>Total:</span><b>{size_formatted_total:.2f}MB</b></li>
+              <li class='color-green'><span>{_[Downloaded]}:</span><b>{size_formatted_downloaded:.2f}MB</b></li>
+              <li class='color-black'><span>{_[Total]}:</span><b>{size_formatted_total:.2f}MB</b></li>
              </ul>
             </li>
-        """.format(**locals()))
+        """))
 
         return True
 
@@ -254,31 +257,33 @@ class UiWebsocketPlugin(object):
             checked = "checked='checked'"
         else:
             checked = ""
-        body.append("""
+
+        body.append(_(u"""
             <li>
-             <label>Download and help distribute all files</label>
+             <label>{_[Download and help distribute all files]}</label>
              <input type="checkbox" class="checkbox" id="checkbox-autodownloadoptional" {checked}/><div class="checkbox-skin"></div>
             </li>
-        """.format(**locals()))
+        """))
 
     def sidebarRenderBadFiles(self, body, site):
-        body.append("""
+        body.append(_(u"""
             <li>
-             <label>Missing files:</label>
+             <label>{_[Missing files]}:</label>
              <ul class='filelist'>
-        """)
+        """))
 
         i = 0
         for bad_file, tries in site.bad_files.iteritems():
             i += 1
-            body.append("""<li class='color-red' title="%s (%s tries)">%s</li>""" % (
-                cgi.escape(bad_file, True), tries, cgi.escape(bad_file, True))
-            )
+            body.append(_(u"""<li class='color-red' title="{bad_file} ({tries})">{bad_file}</li>""", {
+                "bad_file": cgi.escape(bad_file, True), "tries": _.pluralize(tries, "{} try", "{} tries")
+            }))
             if i > 30:
                 break
 
         if len(site.bad_files) > 30:
-            body.append("""<li class='color-red'>+ %s more</li>""" % (len(site.bad_files) - 30))
+            num_bad_files = len(site.bad_files) - 30
+            body.append(_(u"""<li class='color-red'>{_[+ {num_bad_files} more]}</li>""", nested=True))
 
         body.append("""
              </ul>
@@ -291,18 +296,20 @@ class UiWebsocketPlugin(object):
             size = float(site.storage.getSize(inner_path)) / 1024
             feeds = len(site.storage.db.schema.get("feeds", {}))
         else:
-            inner_path = "No database found"
+            inner_path = _[u"No database found"]
             size = 0.0
             feeds = 0
 
-        body.append(u"""
+        body.append(_(u"""
             <li>
-             <label>Database <small>({size:.2f}kB, search feeds: {feeds} query)</small></label>
-             <input type='text' class='text disabled' value="{inner_path}" disabled='disabled' style='width: 180px;'/>
-             <a href='#Reload' id="button-dbreload" class='button'>Reload</a>
-             <a href='#Rebuild' id="button-dbrebuild" class='button'>Rebuild</a>
+             <label>{_[Database]} <small>({size:.2f}kB, {_[search feeds]}: {_[{feeds} query]})</small></label>
+             <div class='flex'>
+              <input type='text' class='text disabled' value="{inner_path}" disabled='disabled' style='width: 180px;'/>
+              <a href='#Reload' id="button-dbreload" class='button'>{_[Reload]}</a>
+              <a href='#Rebuild' id="button-dbrebuild" class='button'>{_[Rebuild]}</a>
+             </div>
             </li>
-        """.format(**locals()))
+        """, nested=True))
 
     def sidebarRenderIdentity(self, body, site):
         auth_address = self.user.getAuthAddress(self.site.address)
@@ -318,13 +325,15 @@ class UiWebsocketPlugin(object):
         else:
             quota = used = 0
 
-        body.append("""
+        body.append(_(u"""
             <li>
-             <label>Identity address <small>(limit used: {used:.2f}kB / {quota:.2f}kB)</small></label>
-             <span class='input text disabled'>{auth_address}</span>
-             <a href='#Change' class='button' id='button-identity'>Change</a>
+             <label>{_[Identity address]} <small>({_[limit used]}: {used:.2f}kB / {quota:.2f}kB)</small></label>
+             <div class='flex'>
+              <span class='input text disabled'>{auth_address}</span>
+              <a href='#Change' class='button' id='button-identity'>{_[Change]}</a>
+             </div>
             </li>
-        """.format(**locals()))
+        """))
 
     def sidebarRenderControls(self, body, site):
         auth_address = self.user.getAuthAddress(self.site.address)
@@ -335,24 +344,26 @@ class UiWebsocketPlugin(object):
             class_pause = "hidden"
             class_resume = ""
 
-        body.append("""
+        body.append(_(u"""
             <li>
-             <label>Site control</label>
-             <a href='#Update' class='button noupdate' id='button-update'>Update</a>
-             <a href='#Pause' class='button {class_pause}' id='button-pause'>Pause</a>
-             <a href='#Resume' class='button {class_resume}' id='button-resume'>Resume</a>
-             <a href='#Delete' class='button noupdate' id='button-delete'>Delete</a>
+             <label>{_[Site control]}</label>
+             <a href='#Update' class='button noupdate' id='button-update'>{_[Update]}</a>
+             <a href='#Pause' class='button {class_pause}' id='button-pause'>{_[Pause]}</a>
+             <a href='#Resume' class='button {class_resume}' id='button-resume'>{_[Resume]}</a>
+             <a href='#Delete' class='button noupdate' id='button-delete'>{_[Delete]}</a>
             </li>
-        """.format(**locals()))
+        """))
 
         site_address = self.site.address
-        body.append("""
+        body.append(_(u"""
             <li>
-             <label>Site address</label><br>
-             <span class='input text disabled'>{site_address}</span>
-             <a href='bitcoin:{site_address}' class='button' id='button-donate'>Donate</a>
+             <label>{_[Site address]}</label><br>
+             <div class='flex'>
+              <span class='input text disabled'>{site_address}</span>
+              <a href='bitcoin:{site_address}' class='button' id='button-donate'>{_[Donate]}</a>
+             </div>
             </li>
-        """.format(**locals()))
+        """))
 
     def sidebarRenderOwnedCheckbox(self, body, site):
         if self.site.settings["own"]:
@@ -360,59 +371,61 @@ class UiWebsocketPlugin(object):
         else:
             checked = ""
 
-        body.append("""
-            <h2 class='owned-title'>This is my site</h2>
+        body.append(_(u"""
+            <h2 class='owned-title'>{_[This is my site]}</h2>
             <input type="checkbox" class="checkbox" id="checkbox-owned" {checked}/><div class="checkbox-skin"></div>
-        """.format(**locals()))
+        """))
 
     def sidebarRenderOwnSettings(self, body, site):
         title = cgi.escape(site.content_manager.contents.get("content.json", {}).get("title", ""), True)
         description = cgi.escape(site.content_manager.contents.get("content.json", {}).get("description", ""), True)
         privatekey = cgi.escape(self.user.getSiteData(site.address, create=False).get("privatekey", ""))
 
-        body.append(u"""
+        body.append(_(u"""
             <li>
-             <label for='settings-title'>Site title</label>
+             <label for='settings-title'>{_[Site title]}</label>
              <input type='text' class='text' value="{title}" id='settings-title'/>
             </li>
 
             <li>
-             <label for='settings-description'>Site description</label>
+             <label for='settings-description'>{_[Site description]}</label>
              <input type='text' class='text' value="{description}" id='settings-description'/>
             </li>
 
             <li style='display: none'>
-             <label>Private key</label>
-             <input type='text' class='text long' value="{privatekey}" placeholder='[Ask on signing]'/>
+             <label>{_[Private key]}</label>
+             <input type='text' class='text long' value="{privatekey}" placeholder='{_[Ask when signing]}'/>
             </li>
 
             <li>
-             <a href='#Save' class='button' id='button-settings'>Save site settings</a>
+             <a href='#Save' class='button' id='button-settings'>{_[Save site settings]}</a>
             </li>
-        """.format(**locals()))
+        """))
 
     def sidebarRenderContents(self, body, site):
-        body.append("""
+        body.append(_(u"""
             <li>
-             <label>Content publishing</label>
-        """)
+             <label>{_[Content publishing]}</label>
+        """))
 
         # Choose content you want to sign
         contents = ["content.json"]
         contents += site.content_manager.contents.get("content.json", {}).get("includes", {}).keys()
         if len(contents) > 1:
-            body.append("<div class='contents'>Choose: ")
+            body.append(_(u"<div class='contents'>{_[Choose]}: "))
             for content in contents:
                 content = cgi.escape(content, True)
-                body.append("<a href='#{content}' onclick='$(\"#input-contents\").val(\"{content}\"); return false'>{content}</a> ".format(**locals()))
+                body.append(_("<a href='#{content}' onclick='$(\"#input-contents\").val(\"{content}\"); return false'>{content}</a> "))
             body.append("</div>")
 
-        body.append("""
-             <input type='text' class='text' value="content.json" id='input-contents' style='width: 201px'/>
-             <a href='#Sign' class='button' id='button-sign'>Sign</a>
-             <a href='#Publish' class='button' id='button-publish'>Publish</a>
+        body.append(_(u"""
+             <div class='flex'>
+              <input type='text' class='text' value="content.json" id='input-contents' style='width: 201px'/>
+              <a href='#Sign' class='button' id='button-sign'>{_[Sign]}</a>
+              <a href='#Publish' class='button' id='button-publish'>{_[Publish]}</a>
+             </div>
             </li>
-        """)
+        """))
 
     def actionSidebarGetHtmlTag(self, to):
         site = self.site
@@ -456,7 +469,7 @@ class UiWebsocketPlugin(object):
         from util import helper
 
         self.log.info("Downloading GeoLite2 City database...")
-        self.cmd("notification", ["geolite-info", "Downloading GeoLite2 City database (one time only, ~20MB)...", 0])
+        self.cmd("notification", ["geolite-info", _["Downloading GeoLite2 City database (one time only, ~20MB)..."], 0])
         db_urls = [
             "https://geolite.maxmind.com/download/geoip/database/GeoLite2-City.mmdb.gz",
             "https://raw.githubusercontent.com/texnikru/GeoLite2-Database/master/GeoLite2-City.mmdb.gz"
@@ -479,7 +492,7 @@ class UiWebsocketPlugin(object):
                 with gzip.GzipFile(fileobj=data) as gzip_file:
                     shutil.copyfileobj(gzip_file, open(db_path, "wb"))
 
-                self.cmd("notification", ["geolite-done", "GeoLite2 City database downloaded!", 5000])
+                self.cmd("notification", ["geolite-done", _["GeoLite2 City database downloaded!"], 5000])
                 time.sleep(2)  # Wait for notify animation
                 return True
             except Exception, err:
@@ -487,7 +500,7 @@ class UiWebsocketPlugin(object):
                 pass
         self.cmd("notification", [
             "geolite-error",
-            "GeoLite2 City database download error: %s!<br>Please download and unpack to data dir:<br>%s" % (err, db_urls[0]),
+            _["GeoLite2 City database download error: {}!<br>Please download manually and unpack to data dir:<br>{}"].format(err, db_urls[0]),
             0
         ])
 
@@ -572,7 +585,7 @@ class UiWebsocketPlugin(object):
         permissions = self.getPermissions(to)
 
         if "Multiuser" in PluginManager.plugin_manager.plugin_names:
-            self.cmd("notification", ["info", "This function is disabled on this proxy"])
+            self.cmd("notification", ["info", _["This function is disabled on this proxy"]])
             return False
 
         if "ADMIN" not in permissions: