@things-factory/notification 6.1.18 → 6.1.23

package/server/service/notification-rule/notification-rule-type.ts

@@ -0,0 +1,71 @@
+import type { FileUpload } from 'graphql-upload/GraphQLUpload.js'
+import GraphQLUpload from 'graphql-upload/GraphQLUpload.js'
+import { ObjectType, Field, InputType, Int, ID } from 'type-graphql'
+
+import { NotificationRule, NotificationRuleStatus } from './notification-rule'
+
+@InputType()
+export class NewNotificationRule {
+  @Field()
+  name: string
+
+  @Field({ nullable: true })
+  description?: string
+
+  @Field(type => NotificationRuleStatus, { nullable: true })
+  state?: NotificationRuleStatus
+
+  @Field({ nullable: true })
+  active?: boolean
+
+  @Field({ nullable: true })
+  title: string
+
+  @Field({ nullable: true })
+  body: string
+
+  @Field({ nullable: true })
+  url: string
+
+  @Field(type => GraphQLUpload, { nullable: true })
+  thumbnail?: FileUpload
+}
+
+@InputType()
+export class NotificationRulePatch {
+  @Field(type => ID, { nullable: true })
+  id?: string
+
+  @Field({ nullable: true })
+  name?: string
+
+  @Field({ nullable: true })
+  description?: string
+
+  @Field(type => NotificationRuleStatus, { nullable: true })
+  state?: NotificationRuleStatus
+
+  @Field({ nullable: true })
+  title: string
+
+  @Field({ nullable: true })
+  body: string
+
+  @Field({ nullable: true })
+  url: string
+
+  @Field(type => GraphQLUpload, { nullable: true })
+  thumbnail?: FileUpload
+
+  @Field({ nullable: true })
+  cuFlag?: string
+}
+
+@ObjectType()
+export class NotificationRuleList {
+  @Field(type => [NotificationRule])
+  items: NotificationRule[]
+
+  @Field(type => Int)
+  total: number
+}

package/server/service/notification-rule/notification-rule.ts

@@ -0,0 +1,125 @@
+import {
+  CreateDateColumn,
+  UpdateDateColumn,
+  DeleteDateColumn,
+  Entity,
+  Index,
+  Column,
+  RelationId,
+  ManyToOne,
+  PrimaryGeneratedColumn,
+  VersionColumn
+} from 'typeorm'
+import { ObjectType, Field, Int, ID, registerEnumType } from 'type-graphql'
+
+import { Domain } from '@things-factory/shell'
+import { User } from '@things-factory/auth-base'
+import { OrgMemberTargetType, OrgMemberTarget } from '@things-factory/organization'
+
+export enum NotificationRuleStatus {
+  DRAFT = 'DRAFT',
+  RELEASED = 'RELEASED'
+}
+
+registerEnumType(NotificationRuleStatus, {
+  name: 'NotificationRuleStatus',
+  description: 'state enumeration of a notificationRule'
+})
+
+@ObjectType()
+export class RecipientItem {
+  @Field(type => OrgMemberTargetType, { nullable: true })
+  type?: OrgMemberTargetType
+
+  @Field({ nullable: true })
+  value?: string
+
+  @Field(type => OrgMemberTarget, { nullable: true })
+  recipient?: OrgMemberTarget
+}
+
+@Entity()
+@Index(
+  'ix_notification_rule_0',
+  (notificationRule: NotificationRule) => [notificationRule.domain, notificationRule.name, notificationRule.deletedAt],
+  { unique: true }
+)
+@ObjectType({ description: 'Entity for NotificationRule' })
+export class NotificationRule {
+  @PrimaryGeneratedColumn('uuid')
+  @Field(type => ID)
+  readonly id: string
+
+  @VersionColumn()
+  @Field({ nullable: true })
+  version?: number = 1
+
+  @ManyToOne(type => Domain)
+  @Field({ nullable: true })
+  domain?: Domain
+
+  @RelationId((notificationRule: NotificationRule) => notificationRule.domain)
+  domainId?: string
+
+  @Column()
+  @Field({ nullable: true })
+  name?: string
+
+  @Column({ nullable: true })
+  @Field({ nullable: true })
+  description?: string
+
+  @Column({ nullable: true })
+  @Field({ nullable: true })
+  state?: NotificationRuleStatus
+
+  @Column({ nullable: true })
+  @Field({ nullable: true })
+  title: string
+
+  @Column({ nullable: true })
+  @Field({ nullable: true })
+  body: string
+
+  @Column({ nullable: true })
+  @Field({ nullable: true })
+  url: string
+
+  @Column({ nullable: true })
+  @Field({ nullable: true })
+  thumbnail: string
+
+  @Column({ nullable: true })
+  @Field({ nullable: true })
+  channels: string
+
+  @Column('simple-json', { nullable: true })
+  @Field(type => [RecipientItem], { nullable: true, description: 'notification recipients.' })
+  recipients: string
+
+  @CreateDateColumn()
+  @Field({ nullable: true })
+  createdAt?: Date
+
+  @UpdateDateColumn()
+  @Field({ nullable: true })
+  updatedAt?: Date
+
+  @DeleteDateColumn()
+  @Field({ nullable: true })
+  deletedAt?: Date
+
+  @ManyToOne(type => User, { nullable: true })
+  @Field(type => User, { nullable: true })
+  creator?: User
+
+  @RelationId((notificationRule: NotificationRule) => notificationRule.creator)
+  creatorId?: string
+
+  @ManyToOne(type => User, { nullable: true })
+  @Field(type => User, { nullable: true })
+  updater?: User
+
+  @RelationId((notificationRule: NotificationRule) => notificationRule.updater)
+  updaterId?: string
+}

package/server/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig-base.json",
+  "compilerOptions": {
+    "outDir": "../dist-server",
+    "baseUrl": "./"
+  },
+  "include": ["./**/*"],
+  "exclude": ["**/*.spec.ts"]
+}

package/things-factory.config.js

@@ -1,5 +1,11 @@
-import bootstrap from './client/bootstrap'
+import bootstrap from './dist-client/bootstrap'
+import route from './dist-client/route'
 
 export default {
+  route,
+  routes: [
+    { tagname: 'notification-rule-list', page: 'notification-rule-list' },
+    { tagname: 'notification-list', page: 'notification-list' }
+  ],
   bootstrap
 }

package/client/viewparts/notification-badge.js

@@ -1,63 +0,0 @@
-import { LitElement, html, css } from 'lit'
-import { connect } from 'pwa-helpers/connect-mixin.js'
-import { store } from '@things-factory/shell'
-
-export class NotificationBadge extends connect(store)(LitElement) {
-  static get styles() {
-    return [
-      css`
-        :host {
-          font-size: 2em;
-          margin: 0 5px 0 0;
-          --badge-size: 14px;
-        }
-
-        mwc-icon {
-          display: block;
-        }
-
-        [data-badge] {
-          position: relative;
-        }
-
-        [data-badge]::after {
-          content: attr(data-badge);
-          position: absolute;
-          top: 0px;
-          right: -6px;
-          font-family: var(--theme-font);
-          font-size: 0.4em;
-          background: var(--paper-deep-orange-a400);
-          color: var(--theme-white-color);
-          width: var(--badge-size);
-          height: var(--badge-size);
-          text-align: center;
-          line-height: var(--badge-size);
-          border-radius: 50%;
-          box-shadow: var(--box-shadow);
-        }
-
-        [data-badge='0']::after {
-          display: none;
-        }
-      `
-    ]
-  }
-
-  static get properties() {
-    return {
-      badge: Number
-    }
-  }
-
-  render() {
-    var badge = this.badge || 0
-    return html` <mwc-icon data-badge=${badge} class="badge">notifications_none</mwc-icon> `
-  }
-
-  stateChanged(state) {
-    this.badge = state.notification.badge
-  }
-}
-
-customElements.define('notification-badge', NotificationBadge)

package/client/viewparts/notification-item.js

@@ -1,250 +0,0 @@
-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) {
-    return { 'http:': 80, 'https:': 443 }[protocol]
-  }
-
-  function portOf(location) {
-    return location.port || defaultPort(location.protocol || pageLocation.protocol)
-  }
-
-  try {
-    var pageLocation = window.location
-    var urlparts = new URL(url, pageLocation)
-
-    return !!(
-      urlparts.protocol &&
-      urlparts.protocol == pageLocation.protocol &&
-      urlparts.host &&
-      urlparts.host == pageLocation.host &&
-      urlparts.host &&
-      portOf(urlparts) == portOf(pageLocation)
-    )
-  } catch (err) {
-    console.warn(err, url)
-  }
-}
-
-export class NotificationItem extends LitElement {
-  static get styles() {
-    return [
-      css`
-        :host {
-          position: relative;
-          background-color: var(--theme-white-color);
-          padding: var(--padding-default);
-          border-left: 0 solid transparent;
-          border-bottom: var(--border-dark-color) !important;
-          transition: border-left 300ms ease-in-out, padding-left 300ms ease-in-out;
-          color: var(--scondary-color);
-
-          --type-dot-size: 9px;
-        }
-
-        :host([newbie]) {
-          background-color: var(--paper-light-green-50);
-        }
-
-        :host(:hover) {
-          padding-left: 0.5rem;
-          border-left: 0.5rem solid var(--status-info-color);
-        }
-
-        [titler] {
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          font-size: var(--fontsize-large);
-          font-weight: bold;
-          color: var(--secondary-color);
-        }
-
-        [titler] span {
-          display: inline-block;
-          width: var(--type-dot-size);
-          height: var(--type-dot-size);
-          border-radius: 50%;
-          margin-right: var(--margin-narrow);
-        }
-        [titler] * {
-          vertical-align: middle;
-        }
-
-        [close] {
-          position: absolute;
-          top: 13px;
-          right: 0;
-          font-size: var(--fontsize-large);
-          opacity: 0.5;
-          cursor: pointer;
-        }
-        [close]:hover {
-          opacity: 1;
-        }
-        [detail]{
-          padding:var(--padding-narrow) var(--padding-default);
-          border-radius:var(--border-radius);
-          font-size:.85em
-        }
-        span.more{
-          margin-left: 16px;
-          float:right;
-          padding:0px var(--padding-narrow) 2px var(--padding-narrow);
-          border-radius:var(--border-radius);
-          font-size: 0.8em;
-          color:var(--theme-white-color);
-          --mdc-icon-size:14px;
-        }
-        span.more *{
-          vertical-align:middle
-        }
-
-        :host([type='ERROR']) span {
-          background-color: var(--status-danger-color);
-        }
-        :host([type='ERROR']) {
-          border-color: var(--status-danger-color);
-        }
-        :host([type='ERROR']) [detail]{
-          border:1px solid rgba(241,53,63,.5);
-          background-color: rgba(241,53,63,.1);
-        }
-        :host([type='WARN']) span {
-          background-color: var(--status-warning-color);
-        }
-        :host([type='WARN']) {
-          border-color: var(--status-warning-color);
-        }
-        :host([type='SUCCESS']) span {
-          background-color: var(--status-success-color);
-        }
-        :host([type='SUCCESS']) {
-          border-color: var(--status-success-color);
-        }
-        :host([type='INFO']) span,
-        :host span {
-          background-color: var(--status-info-color);
-        }
-        :host([type='INFO']) {
-          border-color: var(--status-info-color);
-        }
-
-        img {
-          display: block;
-          max-width: 100%;
-          margin: auto;
-        }
-
-        [message] {
-          font-size: var(--fontsize-default);
-          color: var(--secondary-color);
-        }
-
-        [timestamp] {
-          white-space: nowrap;
-          font-size: var(--fontsize-small);
-          color: var(--secondary-text-color);
-        }
-      `
-    ]
-  }
-
-  static get properties() {
-    return {
-      type: {
-        type: String,
-        reflect: true
-      },
-      notification: Object,
-      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>
-        <span></span>
-        ${url
-          ? target
-            ? html`<a href=${url} target=${target}>${title}</a>`
-            : html`<a href=${url}>${title}</a>`
-          : title}
-      </div>
-      <mwc-icon close @click=${e => this.dispatchEvent(new CustomEvent('close'))}>close</mwc-icon>
-
-      ${image
-        ? url
-          ? target
-            ? html`<a href=${url} target=${target}><img src=${image} /></a>`
-            : html`<a href=${url}><img src=${image} /></a>`
-          : html`<img src=${image} />`
-        : html``}
-      <div message>${body}</div>
-      ${type == 'ERROR'
-        ? html`<div
-            @click=${() => {
-              this.decipherErrorCode()
-            }}
-          >
-            <span class='more'><mwc-icon>expand_circle_down</mwc-icon> more</span>
-          </div>`
-        : html``}
-      ${detail ? html`<div detail>${detail.message}</div>` : html``}
-
-      <div timestamp>${new Date(Number(timestamp)).toLocaleString()}</div>
-    `
-  }
-
-  updated(changed) {
-    if (!this.notification?.confirmed) {
-      this.setAttribute('newbie', true)
-    } else {
-      this.removeAttribute('newbie')
-    }
-
-    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/client/viewparts/notification-list.js

@@ -1,177 +0,0 @@
-import { LitElement, html, css } from 'lit'
-import { connect } from 'pwa-helpers'
-import { store, notificationStore } from '@things-factory/shell'
-import { UPDATE_NOTIFICATION } from '../actions/notification-fcm'
-import { i18next, localize } from '@things-factory/i18n-base'
-
-import '@material/mwc-icon'
-import './notification-item'
-
-export class NotificationList extends connect(store)(localize(i18next)(LitElement)) {
-  static get styles() {
-    return [
-      css`
-        :host {
-          display: block;
-          background-color: var(--theme-white-color);
-          box-shadow: var(--box-shadow);
-          margin-right: var(--margin-wide);
-          padding: var(--padding-default);
-          max-height: 100%;
-          overflow-x: hidden;
-          overflow-y: auto;
-        }
-        :host::before {
-          content: '';
-          width: 0px;
-          height: 0px;
-          border-left: 7px solid transparent;
-          border-right: 7px solid transparent;
-          border-bottom: 7px solid var(--theme-white-color);
-          position: absolute;
-          margin-top: -7px;
-          right: 50px;
-        }
-
-        [notifications-wrap] {
-          display: flex;
-          flex-direction: column;
-          justify-content: flex-start;
-        }
-        [notifications-wrap] div {
-          align-items: stretch;
-          border-bottom: 1px solid var(--primary-color);
-        }
-        [notifications-wrap] strong {
-          color: var(--primary-color);
-          text-transform: capitalize;
-          line-height: 2;
-        }
-        [notifications-wrap] mwc-button {
-          float: right;
-          --mdc-button-horizontal-padding: var(--padding-narrow);
-          --mdc-typography-button-font-size: 0.75em;
-        }
-        [no-notifications] {
-          margin: 0;
-          padding: var(--padding-wide);
-          text-align: center;
-          font-size: var(--fontsize-default);
-          font-weight: bold;
-          color: var(--secondary-color);
-        }
-        div mwc-icon {
-          display: block;
-          opacity: 0.3;
-        }
-        @media screen and (max-width: 480px) {
-          :host {
-            height: 100%;
-            width: 100vw;
-          }
-        }
-      `
-    ]
-  }
-
-  static get properties() {
-    return {
-      history: Array
-    }
-  }
-
-  render() {
-    var history = this.history.reverse()
-
-    return history.length > 0
-      ? html`
-          <div notifications-wrap>
-            <div>
-              <strong>${i18next.t('label.notification list')}</strong>
-              <mwc-button
-                outlined
-                dense
-                label=${i18next.t('label.clear all')}
-                icon="delete_outline"
-                @click=${e => this.onclearall()}
-              ></mwc-button>
-            </div>
-            ${history.map(
-              notification => html`
-                <notification-item
-                  @close=${e => {
-                    this.onclose(notification)
-                  }}
-                  .type=${notification.type}
-                  .notification=${notification}
-                ></notification-item>
-              `
-            )}
-          </div>
-        `
-      : html`
-          <div no-notifications @click=${e => window.history.back()}>
-            <mwc-icon>notifications_off</mwc-icon>${i18next.t('text.no notification available')}
-          </div>
-        `
-  }
-
-  onclose(notification) {
-    const { id } = notification
-
-    store.dispatch(async dispatch => {
-      if (notification) {
-        await notificationStore.delete(id)
-      }
-
-      const history = await notificationStore.getAll()
-
-      dispatch({
-        type: UPDATE_NOTIFICATION,
-        history: [...history]
-      })
-    })
-  }
-
-  onclearall() {
-    store.dispatch(async dispatch => {
-      await notificationStore.clear()
-      const history = await notificationStore.getAll()
-
-      dispatch({
-        type: UPDATE_NOTIFICATION,
-        history: [...history]
-      })
-    })
-  }
-
-  stateChanged(state) {
-    this.history = state.notification.history
-  }
-
-  async disconnectedCallback() {
-    super.disconnectedCallback()
-
-    await Promise.all(
-      this.history
-        .filter(noti => !noti.confirmed)
-        .map(async noti => {
-          return await notificationStore.put({
-            ...noti,
-            confirmed: true
-          })
-        })
-    )
-
-    store.dispatch(async dispatch => {
-      const history = await notificationStore.getAll()
-
-      dispatch({
-        type: UPDATE_NOTIFICATION,
-        history: [...history]
-      })
-    })
-  }
-}
-
-customElements.define('notification-list', NotificationList)