💄 import tables: vertical scroll buttons (#6400)

1 files changed, 20 insertions, 1 deletions

diff --git a/ishtar_common/templates/ishtar/import_table.html b/ishtar_common/templates/ishtar/import_table.html
index 6ea09ecfb..d9394f424 100644
--- a/ishtar_common/templates/ishtar/import_table.html
+++ b/ishtar_common/templates/ishtar/import_table.html
@@ -20,15 +20,34 @@
     {% endif %}{% endfor %}
     var need_refresh = false;
     if (import_table_update_import_ids.length) need_refresh = true;
-
     $(document).ready(function(){
         setTimeout(function(){$(".alert-info.alert-dismissible").hide("fade");}, 5000);
         register_qa();
+        register_vscroll_icons();
+        display_horizontal_nav("#import-container");
+        $(window).on('resize', function() {display_horizontal_nav("#import-container")});
         if (need_refresh) setInterval(function(){
             import_table_update_import_list(import_table_update_import_ids)
         }, 3 * 1000);
     });
 </script>
+
+<style>
+.vscroll-arrows{
+    position: absolute;
+    right: 3em;
+}
+</style>
+
+<div class="vscroll-arrows">
+    <button class="btn btn-sm btn-secondary" id="vscroll-left">
+        <i class="fa fa-arrow-left" aria-hidden="true"></i>
+    </button>
+    <button class="btn btn-sm btn-secondary" id="vscroll-right">
+        <i class="fa fa-arrow-right" aria-hidden="true"></i>
+    </button>
+</div>
+
 <h2>{{page_name}}</h2>
 <div class='form' id="import-list">
     {% if not object_list %}