Add jsonld server connection and other error notifications

packages/common/i18n/de/translation.json

@@ -2,5 +2,10 @@
   "error": {
     "summary": "Ein Fehler ist aufgetreten",
     "connection-to-server-refused": "Verbindungs zum Server verweigert!"
+  },
+  "jsonld": {
+    "error-api-server": "Verbindung zum API Server {{apiUrl}} fehlgeschlagen!",
+    "error-hydra-documentation-url-not-set": "Hydra apiDocumentation URL wurden für server {{apiUrl}} nicht gesetzt!",
+    "api-documentation-server": "Verbindung zum apiDocumentation API Server {{apiDocUrl}} fehlgeschlagen!"
   }
 }

packages/common/i18n/en/translation.json

@@ -2,5 +2,10 @@
   "error": {
     "summary": "An error occurred",
     "connection-to-server-refused": "Connection to server refused!"
+  },
+  "jsonld": {
+    "error-api-server": "Connection to api server {{apiUrl}} failed!",
+    "error-hydra-documentation-url-not-set": "Hydra apiDocumentation url was not set for server {{apiUrl}}!",
+    "api-documentation-server": "Connection to apiDocumentation server {{apiDocUrl}} failed!"
   }
 }

packages/common/jsonld.js

 "use strict";
 
+import {send as notify} from './notification';
 import * as utils from "./utils";
+import {i18n} from "./i18n";
 
 let instances = {};
 let successFunctions = {};
@@ -106,25 +108,41 @@ export default class JSONLD {
                             for (const fnc of successFunctions[apiUrl]) if (typeof fnc == 'function') fnc(instance);
                             successFunctions[apiUrl] = [];
                         } else {
-                            for (const fnc of failureFunctions[apiUrl]) if (typeof fnc == 'function') fnc();
-                            failureFunctions[apiUrl] = [];
+                            JSONLD.executeFailureFunctions(apiUrl, i18n.t('jsonld.api-documentation-server', { apiUrl: apiDocUrl }));
                         }
                     };
 
                     docXhr.send();
                 } else {
-                    for (const fnc of failureFunctions[apiUrl]) if (typeof fnc == 'function') fnc();
-                    failureFunctions[apiUrl] = [];
+                    JSONLD.executeFailureFunctions(apiUrl, i18n.t('jsonld.error-hydra-documentation-url-not-set', { apiUrl: apiUrl }));
                 }
             } else {
-                for (const fnc of failureFunctions[apiUrl]) if (typeof fnc == 'function') fnc();
-                failureFunctions[apiUrl] = [];
+                JSONLD.executeFailureFunctions(apiUrl, i18n.t('jsonld.error-api-server', { apiUrl: apiUrl }));
             }
         };
 
         xhr.send();
     }
 
+    /**
+     * Execute failure functions and send general notification
+     *
+     * @param apiUrl
+     * @param message
+     */
+    static executeFailureFunctions(apiUrl, message = "") {
+        for (const fnc of failureFunctions[apiUrl]) if (typeof fnc == 'function') fnc();
+        failureFunctions[apiUrl] = [];
+
+        if (message !== "") {
+            notify({
+                "summary": i18n.t('error.summary'),
+                "body": message,
+                "type": "danger",
+            });
+        }
+    }
+
     static getInstance(apiUrl) {
         return instances[apiUrl];
     }