@things-factory/notification 6.1.1 → 6.1.4

package/client/viewparts/notification-item.js

@@ -1,5 +1,7 @@
+import gql from 'graphql-tag'
 import { LitElement, html, css } from 'lit'
 import '@material/mwc-icon'
+import { client } from '@operato/graphql'
 
 function isOriginSameAsLocation(url) {
   function defaultPort(protocol) {
@@ -137,13 +139,16 @@ export class NotificationItem extends LitElement {
         reflect: true
       },
       notification: Object,
-      target: String
+      target: String,
+      detail: String
     }
   }
 
   render() {
     const { title, url, image, timestamp, body } = this.notification
     const target = this.target
+    const detail = this.detail
+    const type = this.type
 
     return html`
       <div titler>
@@ -164,6 +169,17 @@ export class NotificationItem extends LitElement {
           : html`<img src=${image} />`
         : html``}
       <div message>${body}</div>
+      ${type == 'ERROR'
+        ? html`<div
+            @click=${() => {
+              this.decipherErrorCode()
+            }}
+          >
+            more...
+          </div>`
+        : html``}
+      ${detail ? html`<div detail>${detail.message}</div>` : html``}
+
       <div timestamp>${new Date(Number(timestamp)).toLocaleString()}</div>
     `
   }
@@ -178,6 +194,36 @@ export class NotificationItem extends LitElement {
     const url = this.notification?.url
     this.target = url && !isOriginSameAsLocation(url) && '_blank'
   }
+
+  async decipherErrorCode() {
+    if (this.type != 'ERROR' || !this.notification) {
+      return
+    }
+
+    const { title, body } = this.notification
+    var code = `${title}`
+    if (body) {
+      code += `: ${body}`
+    }
+
+    const response = await client.query({
+      query: gql`
+        query ($input: CodeDecipherInput!) {
+          decipherErrorCode(input: $input) {
+            message
+          }
+        }
+      `,
+      variables: {
+        input: {
+          code,
+          system: ''
+        }
+      }
+    })
+
+    this.detail = response.data.decipherErrorCode
+  }
 }
 
 customElements.define('notification-item', NotificationItem)

package/dist-server/index.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./service"), exports);
-tslib_1.__exportStar(require("./migrations"), exports);
 tslib_1.__exportStar(require("./middlewares"), exports);
 tslib_1.__exportStar(require("./controllers"), exports);
 require("./routes");

package/dist-server/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../server/index.ts"],"names":[],"mappings":";;;AAAA,oDAAyB;AACzB,uDAA4B;AAC5B,wDAA6B;AAC7B,wDAA6B;AAE7B,oBAAiB","sourcesContent":["export * from './service'\nexport * from './migrations'\nexport * from './middlewares'\nexport * from './controllers'\n\nimport './routes'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../server/index.ts"],"names":[],"mappings":";;;AAAA,oDAAyB;AACzB,wDAA6B;AAC7B,wDAA6B;AAE7B,oBAAiB","sourcesContent":["export * from './service'\nexport * from './middlewares'\nexport * from './controllers'\n\nimport './routes'\n"]}