diff options
| -rw-r--r-- | ishtar_common/static/js/ishtar.js | 27 | ||||
| -rw-r--r-- | ishtar_common/templates/ishtar/import_table.html | 21 |
2 files changed, 47 insertions, 1 deletions
diff --git a/ishtar_common/static/js/ishtar.js b/ishtar_common/static/js/ishtar.js index 1ef2e4c1d..0be326aae 100644 --- a/ishtar_common/static/js/ishtar.js +++ b/ishtar_common/static/js/ishtar.js @@ -39,6 +39,12 @@ if (typeof String.prototype.format !== 'function') { }; } +(function($) { + $.fn.hasHorizontalScrollBar = function() { + return this.get(0).scrollWidth > this.get(0).clientWidth; + } +})(jQuery); + $.urlParam = function(name){ var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href); if (results==null) { @@ -2228,3 +2234,24 @@ function load_window(url, speed, on_success, no_jump){ } }); } + +var display_horizontal_nav = function(div){ + if ($(div).hasHorizontalScrollBar()){ + $(".vscroll-arrows").show(); + } else { + $(".vscroll-arrows").hide(); + } +}; + +var register_vscroll_icons = function(){ + $("#vscroll-left").click(function(){ + let item = $(this).parent().parent(); + item.scrollLeft(0); + return false; + }); + $("#vscroll-right").click(function(){ + let item = $(this).parent().parent(); + item.scrollLeft(item.get(0).scrollWidth); + return false; + }); +}; 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 %} |