diff --git a/packages/data-table-view/src/data-table-view.js b/packages/data-table-view/src/data-table-view.js index 6b56da42782156c7c1a420f48e01c4f58830b2b2..593cb838e11b68159afb9c403c0c80b25b44cb67 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 3dd99ae3b988c48d9c9daae1bb4ddc649e22b207..9f4dc5852f9c63f8eba05c83872f5bfeb2088309 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}"