IB: Moviendo tamaños legibles a shobon y subiendo menú de estilos

De paso no hay que agregar el mismo menú a cada plantilla que el IB tiene.

3 files changed, 30 insertions, 28 deletions

diff --git a/static/css/ib.css b/static/css/ib.css
index 55e8012..e338d6d 100644
--- a/static/css/ib.css
+++ b/static/css/ib.css
@@ -1,13 +1,14 @@
 *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;word-wrap:break-word}
 html,body{font-family:arial,helvetica,"nimbus sans l",sans-serif}
 html{margin:0;padding:0}
-body{margin:0;padding:10px;font-size:16px}
+body{margin:0;padding:8px;font-size:16px}
 blockquote{line-height:20px}
 .spoil{background:#000;color:#000}.spoil:hover{color:#fff}
 .postarea table{margin:0 auto;text-align:left}
 #main_nav{font-size:14px;line-height:1.3em;margin-bottom:.5em;text-align:center}
 #main_nav span{display:inline-block}
-#main_nav #sel,#main_nav .cur_brd,#main_nav #cur_stl{font-weight:bold}
+#main_nav #sel,#main_nav .cur_brd{font-weight:bold}
+select{background:#FFF;border:1px inset #DDD;color:#000;font-size:85%;padding:1px}
 .logo{font-size:160%;font-weight:bold;margin:8px 0;text-align:center}
 input[type="text"],input[type="password"],textarea{background:#FFF;border:1px inset gray;padding:3px}
 .postform input{max-width:250px}
@@ -56,6 +57,7 @@ input[type="text"],input[type="password"],textarea{background:#FFF;border:1px in
 @media(max-width:900px){.thread{margin-right:0}}
 @media(max-width:720px){
  body{font-size:15px;padding:4px}
+ #main_nav span{display:block;margin-top:8px}
  .postblock{font-size:14px;white-space:nowrap}
  .pass,.ell,.thumbmsg{display:none}
  .thread table,#postform input[type="text"],#postform input[type="submit"],#postform textarea,#postform input[type="file"],.rules{max-width:100%;width:100%}
diff --git a/static/js/shobon.js b/static/js/shobon.js
index b9e265c..5c65e94 100644
--- a/static/js/shobon.js
+++ b/static/js/shobon.js
@@ -95,7 +95,10 @@ function shobon() {
       if(localStorage.getItem("shobon_embedimg") == "true") {
         embedImg(reply);
       }
- 
+      // convertir tamaños de archivo a formato legible
+      if(localStorage.getItem("shobon_size") == "true") {
+        fixFileSize();
+      }
     }
     if (newRepliesInThread > 0 && !inThread) {
       var btnNew = document.createElement("span");
@@ -284,6 +287,7 @@ function shobonSettings(e) {
    p.appendChild(createCheckbox("shobon_on", "<b>Activar extensión</b>", true));
    p.appendChild(createCheckbox("shobon_navbar", "Fijar barra superior", false));
    p.appendChild(createCheckbox("shobon_ids", "Colorear IDs", true));
+   p.appendChild(createCheckbox("shobon_size", "Tamaños de archivo legibles", false));
    p.appendChild(createCheckbox("shobon_embedimg", "Insertar imágenes miniatura", false));
    p.appendChild(createCheckbox("shobon_newposts", "Destacar mensajes nuevos", false));
    p.appendChild(createCheckbox("shobon_country", "Reemplazar códigos de país por nombres", false));
@@ -431,6 +435,26 @@ function markId(e) {
   }
 }
 
+function readableSize(B) {
+  var thresh = 1024;
+  if(Math.abs(B) < thresh) return B + " B";
+  var units = ["KB","MB","GB"];
+  var u = -1;
+  do {
+    B /= thresh;
+    ++u;
+  } while(Math.abs(B) >= thresh && u < units.length - 1);
+  return B.toFixed(1)+" "+units[u];
+}
+function fixFileSize(){
+  var obj = document.getElementsByClassName("fs");
+  for (var i=0; i<obj.length; i++){
+    var parts = obj[i].childNodes[2].textContent.split(" B, ");
+    var filesize = parts[0].substring(2);
+    obj[i].childNodes[2].textContent = "-(" + readableSize(filesize) + ", " + parts[1];
+  }
+}
+
 function embedImg(reply) {
   var links = reply.getElementsByTagName("a");
   for(i=0;i<links.length&&i<5;i++) {
diff --git a/static/js/weabot.js b/static/js/weabot.js
index f063735..3f8aac7 100644
--- a/static/js/weabot.js
+++ b/static/js/weabot.js
@@ -327,34 +327,11 @@ function catHidden() {
   lbl.appendChild(shw); lbl.appendChild(document.createTextNode("]"));
 }
 
-function applyTheme(){
+function applyTheme() {
   var newTheme = document.getElementById("styles").value;
   set_stylesheet(newTheme);
 }
 
-function humanFileSize(bytes) {
-  var thresh = 1024;
-  if(Math.abs(bytes) < thresh) {
-      return bytes + ' B';
-  }
-  var units = ['kB','MB','GB'];
-  var u = -1;
-  do {
-      bytes /= thresh;
-      ++u;
-  } while(Math.abs(bytes) >= thresh && u < units.length - 1);
-  return bytes.toFixed(1)+' '+units[u];
-}
-
-function fixFileSize(){
-  var obj = document.getElementsByClassName("fs");
-  for (var i = 0; i < obj.length; i++){
-      var parts = obj[i].childNodes[2].textContent.split(" B, ");
-      var filesize = parts[0].substring(2);
-      obj[i].childNodes[2].textContent = " (" + humanFileSize(filesize) + ", " + parts[1];
-  }
-}
-
 document.addEventListener("DOMContentLoaded", function(e) {
   checkhighlight();
   if (localStorage.hasOwnProperty("weabot")) weabot = JSON.parse(localStorage.getItem("weabot"));
@@ -399,7 +376,6 @@ document.addEventListener("DOMContentLoaded", function(e) {
     types = document.getElementById("filetypes").innerText.split(", ");
     if (types.includes("JPG")) types.push("JPEG");
     postform.file.addEventListener("change", filePreview);
-    fixFileSize();
   }
   
   var del = document.getElementById("delform");