From 4c81fd868685e3b53e32d85c327de47b88e33b16 Mon Sep 17 00:00:00 2001 From: Eugen Neuber <eugen.neuber@tugraz.at> Date: Wed, 21 Aug 2019 14:23:44 +0200 Subject: [PATCH] Load until no more rows delivered Do not depend on any result size setting on the server. --- packages/data-table-view/src/data-table-view.js | 8 +++----- packages/data-table-view/src/demo.js | 17 ++++++++++++++++- 2 files changed, 19 insertions(+), 6 deletions(-) diff --git a/packages/data-table-view/src/data-table-view.js b/packages/data-table-view/src/data-table-view.js index 6b56da42..593cb838 100644 --- a/packages/data-table-view/src/data-table-view.js +++ b/packages/data-table-view/src/data-table-view.js @@ -2,7 +2,7 @@ import $ from 'jquery'; import dt from 'datatables.net'; import resp from 'datatables.net-responsive'; import resp2 from 'datatables.net-responsive-dt'; -import {setting, getAPiUrl, getAssetURL, } from './utils.js'; +import {getAPiUrl, getAssetURL,} from './utils.js'; import {i18n} from './i18n'; import {html, LitElement} from 'lit-element'; import {unsafeHTML} from 'lit-html/directives/unsafe-html.js'; @@ -114,7 +114,6 @@ class DataTableView extends LitElement { set_datatable(columns) { const lang_de_url = 'datatables/i18n/German.json'; const lang_en_url = 'datatables/i18n/English.json'; - this.table = $(this.shadowRoot.querySelector('#dt')).DataTable({ destroy: true, autoWidth: false, @@ -234,7 +233,7 @@ class DataTableView extends LitElement { this.is_loading = true; let page = 1; - while (await this.call_loader(page++) === 50) {} + while (await this.call_loader(page++) > 0) {} this.is_loading = false; } @@ -253,7 +252,7 @@ class DataTableView extends LitElement { case "searching": if (this.table) this.table.clear(); - this.loadWebPageElement().catch(e => { console.log(e)}); + this.loadWebPageElement().catch(e => { console.log(e); }); break; case "value": case "entryPointUrl": @@ -292,7 +291,6 @@ class DataTableView extends LitElement { top: 0; width: 100%; height: 100%; - /* margin: 0 auto; */ z-index: 999; background: white url("data:image/gif;base64,R0lGODlhEAAQAPQAAP///wAAAPj4+Dg4OISEhAYGBiYmJtbW1qioqBYWFnZ2dmZmZuTk5JiYmMbGxkhISFZWVgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAAFUCAgjmRpnqUwFGwhKoRgqq2YFMaRGjWA8AbZiIBbjQQ8AmmFUJEQhQGJhaKOrCksgEla+KIkYvC6SJKQOISoNSYdeIk1ayA8ExTyeR3F749CACH5BAAKAAEALAAAAAAQABAAAAVoICCKR9KMaCoaxeCoqEAkRX3AwMHWxQIIjJSAZWgUEgzBwCBAEQpMwIDwY1FHgwJCtOW2UDWYIDyqNVVkUbYr6CK+o2eUMKgWrqKhj0FrEM8jQQALPFA3MAc8CQSAMA5ZBjgqDQmHIyEAIfkEAAoAAgAsAAAAABAAEAAABWAgII4j85Ao2hRIKgrEUBQJLaSHMe8zgQo6Q8sxS7RIhILhBkgumCTZsXkACBC+0cwF2GoLLoFXREDcDlkAojBICRaFLDCOQtQKjmsQSubtDFU/NXcDBHwkaw1cKQ8MiyEAIfkEAAoAAwAsAAAAABAAEAAABVIgII5kaZ6AIJQCMRTFQKiDQx4GrBfGa4uCnAEhQuRgPwCBtwK+kCNFgjh6QlFYgGO7baJ2CxIioSDpwqNggWCGDVVGphly3BkOpXDrKfNm/4AhACH5BAAKAAQALAAAAAAQABAAAAVgICCOZGmeqEAMRTEQwskYbV0Yx7kYSIzQhtgoBxCKBDQCIOcoLBimRiFhSABYU5gIgW01pLUBYkRItAYAqrlhYiwKjiWAcDMWY8QjsCf4DewiBzQ2N1AmKlgvgCiMjSQhACH5BAAKAAUALAAAAAAQABAAAAVfICCOZGmeqEgUxUAIpkA0AMKyxkEiSZEIsJqhYAg+boUFSTAkiBiNHks3sg1ILAfBiS10gyqCg0UaFBCkwy3RYKiIYMAC+RAxiQgYsJdAjw5DN2gILzEEZgVcKYuMJiEAOwAAAAAAAAAAAA==") center center no-repeat; opacity: .9; diff --git a/packages/data-table-view/src/demo.js b/packages/data-table-view/src/demo.js index 3dd99ae3..9f4dc585 100644 --- a/packages/data-table-view/src/demo.js +++ b/packages/data-table-view/src/demo.js @@ -109,7 +109,22 @@ class DataTableViewDemo extends LitElement { </section> --> <section class="section"> - <h4>DataTable: nonexistant Entity</h4> + <div class="content"> + <h4>DataTable: DummyProduct</h4> + <div class="box2"> + <vpu-data-table-view + lang="${this.lang}" + value="DummyProduct" + filter="*" + whitelisted-columns="*" + blacklisted-columns="" + id="dt3" + wait-until-all-loaded + paging + searching + ></vpu-data-table-view> + </div> + <h4>DataTable: nonExistantEntity</h4> <div class="box3"> <vpu-data-table-view lang="${this.lang}" -- GitLab