Kind of grotesque hack for overflow to the left on checklist elems

Unfortunately there doesn't seem to be a great (at least not google-able) solution to this?
sz3 · Feb 26, 2020 · e3b0a22 · e3b0a22
1 parent 34cab3c
commit e3b0a22
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 8 deletions.
diff --git a/js_tests/test_create_archive.js b/js_tests/test_create_archive.js
@@ -4,7 +4,7 @@ function getCreatePaths()
 {
   var sl = [];
   $('#create-archive-list input[type=text]').each(function() {
-    sl.push($(this).val());
+    sl.push($(this).attr('data-entry'));
   });
   return sl;
 }

diff --git a/js_tests/test_settings.js b/js_tests/test_settings.js
@@ -18,7 +18,7 @@ function getStorageEntries()
 {
   var sl = [];
   $('#settings-remote-storage input[type=text]').each(function() {
-    sl.push($(this).val());
+    sl.push($(this).attr('data-entry'));
   });
   return sl;
 }
@@ -27,7 +27,7 @@ function getKeyfileEntries()
 {
   var kf = [];
   $('#settings-keyfiles input[type=text]').each(function() {
-    kf.push($(this).val());
+    kf.push($(this).attr('data-entry'));
   });
   return kf;
 }

diff --git a/pogui/web/checklist/cl.js b/pogui/web/checklist/cl.js
@@ -7,14 +7,19 @@ var _onRemove = onRemove;
 function removeEntryClick()
 {
   var bg = $(this).parent();
-  var val = bg.find('input').val();
+  var val = bg.find('input').attr('data-entry');
   if (_onRemove)
     _onRemove(val, _id);
   else {
     bg.remove();
   }
 }
 
+function ltrEncoding(value)
+{
+  return "\u202A" + value + "\u202C";
+}
+
 return {
   setOnRemove : function(onRemove)
   {
@@ -38,8 +43,11 @@ return {
           <button class="pure-button remove-pog-checklist" href="javascript:void(0)">🗙</button>\
         </div>');
       var input = bg.find('input');
-      input.val(entry);
-      input.attr('title', entry);
+      input.attr('data-entry', entry);
+
+      var encodedEntry = ltrEncoding(entry);
+      input.val(encodedEntry);
+      input.attr('title', encodedEntry);
       bg.find('button').click(removeEntryClick);
       root.append(bg);
     }
@@ -49,7 +57,7 @@ return {
   {
     var current_items = [];
     $('[id="' + _id + '"].pog-checklist input[type="text"]').each(function() {
-      current_items.push($(this).val());
+      current_items.push($(this).attr('data-entry'));
     });
     return current_items;
   }
@@ -93,5 +101,5 @@ CheckList.init();
 
 var sample = ['s3:test'];
 CheckList.get('settings-remote-storage').update(sample);
-CheckList.get('settings-keyfiles').update(['looooooooooooooooooong/path/to/keyfile.txt']);
+CheckList.get('settings-keyfiles').update(['/looooooooooooooooooong/path/to/keyfile.txt']);
 //*/