From 66e53837cfd8860b1cf7ea09ed9a99cd56f0d51a Mon Sep 17 00:00:00 2001
From: Jason McBrayer <jmcbray@carcosa.net>
Date: Sun, 14 Oct 2018 08:20:11 -0400
Subject: [PATCH] Truncate file names in file upload buttons

---
 brutaldon/static/js/brutaldon-enhancements.js | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/brutaldon/static/js/brutaldon-enhancements.js b/brutaldon/static/js/brutaldon-enhancements.js
index 69fdafc..0064378 100644
--- a/brutaldon/static/js/brutaldon-enhancements.js
+++ b/brutaldon/static/js/brutaldon-enhancements.js
@@ -1,3 +1,8 @@
+String.prototype.trunc = 
+    function(n){
+        return this.substr(0,n-1)+(this.length>n?'&hellip;':'');
+    };
+
 function setTitle(user, page)
 {
     document.title = `Brutaldon (${user}) – ${page}`;
@@ -101,28 +106,28 @@ function fileButtonUpdaters()
     file1.onchange = function(){
         if (file1.files.length > 0)
         {
-            document.getElementById('media_filename_1').innerHTML =  file1.files[0].name;
+            document.getElementById('media_filename_1').innerHTML =  file1.files[0].name.trunc(5);
         }
     };
     var file2 = document.getElementById("id_media_file_2");
     file2.onchange = function(){
         if (file2.files.length > 0)
         {
-            document.getElementById('media_filename_2').innerHTML =  file2.files[0].name;
+            document.getElementById('media_filename_2').innerHTML =  file2.files[0].name.trunc(5);
         }
     };
     var file3 = document.getElementById("id_media_file_3");
     file3.onchange = function(){
         if (file3.files.length > 0)
         {
-            document.getElementById('media_filename_3').innerHTML =  file3.files[0].name;
+            document.getElementById('media_filename_3').innerHTML =  file3.files[0].name.trunc(5);
         }
     };
     var file4 = document.getElementById("id_media_file_4");
     file4.onchange = function(){
         if (file4.files.length > 0)
         {
-            document.getElementById('media_filename_4').innerHTML =  file4.files[0].name;
+            document.getElementById('media_filename_4').innerHTML =  file4.files[0].name.trunc(5);
         }
     };