Display error if requested schema was not found

packages/data-table-view/src/data-table-view.js

@@ -8,7 +8,6 @@ import {html, LitElement} from 'lit-element';
 import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
 import JSONLD from 'vpu-common/jsonld';
 import commonUtils from 'vpu-common/utils';
-import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
 
 dt(window, $);
 resp(window, $);
@@ -64,6 +63,7 @@ class DataTableView extends LitElement {
 
         JSONLD.initialize(this.entryPointUrl, function (jsonld) {
             that.jsonld = jsonld;
+            try {
                 that.apiUrl = that.jsonld.getApiUrlForIdentifier("http://schema.org/" + that.value);
                 that.table_columns = that.jsonld.entities[that.value]['hydra:supportedProperty'].map(obj => obj['hydra:title']);
 
@@ -80,6 +80,12 @@ class DataTableView extends LitElement {
                 if (that.filter) {
                     that.loadWebPageElement();
                 }
+            } catch (e) {
+                that.table_columns = ['message from server'];
+                that.setup_columns();
+                that.set_datatable([{title: 'message from server', visible: true}]);
+                that.table.row.add(['<span style="color:red;background:lightgray;">' + e.toString() + '</span>']);
+            }
         });
 
         // disabled, load first on toggle to visible

packages/data-table-view/src/demo.js

@@ -51,6 +51,11 @@ class DataTableViewDemo extends LitElement {
                     padding: 10px;
                     border: 1px solid green;
                 }
+                .box3 {
+                    margin: 10px;
+                    padding: 10px;
+                    border: 1px solid blue;
+                }
             </style>
             <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.5/css/bulma.min.css">
 
@@ -85,6 +90,7 @@ class DataTableViewDemo extends LitElement {
                     </div>
                 </div>
             </section>
+            <!--
             <section class="section">
                 <div class="content">
                     <h4>DataTable: no paging, no searching</h4>
@@ -101,6 +107,24 @@ class DataTableViewDemo extends LitElement {
                     </div>
                 </div>
             </section>
+            -->
+            <section class="section">
+                    <h4>DataTable: nonexistant Entity</h4>
+                    <div class="box3">
+                        <vpu-data-table-view
+                            lang="${this.lang}"
+                            value="nonExistantEntity"
+                            filter="*"
+                            whitelisted-columns="*"
+                            blacklisted-columns=""
+                            id="dt4"
+                            wait-until-all-loaded
+                            paging
+                            searching
+                        ></vpu-data-table-view>
+                    </div>
+                </div>
+            </section>
         `;
     }
 }