ayanova/src/api/initialize.js

@@ -780,6 +780,30 @@ function initNavPanel() {
     });
   }
 
+  if (
+    !licenseLockout &&
+    window.$gz.role.canOpen(window.$gz.type.OpsNotificationSettings)
+  ) {
+    sub.push({
+      title: "NotificationDeliveryLog",
+      icon: "$$ayiHistory",
+      route: "/ops-notify-log",
+      key: key++
+    });
+  }
+
+  if (
+    !licenseLockout &&
+    window.$gz.role.canOpen(window.$gz.type.OpsNotificationSettings)
+  ) {
+    sub.push({
+      title: "NotificationCustomerDeliveryLog",
+      icon: "$$ayiHistory",
+      route: "/ops-customer-notify-log",
+      key: key++
+    });
+  }
+
   // OPS VIEW SERVER CONFIGURATION
   if (window.$gz.role.canOpen(window.$gz.type.GlobalOps)) {
     sub.push({

ayanova/src/api/translation.js

@@ -168,6 +168,8 @@ export default {
     "ServerProfiler",
     "NotificationSettings",
     "ViewServerConfiguration",
+    "NotificationCustomerDeliveryLog",
+    "NotificationDeliveryLog",
     "HelpAboutAyaNova",
     "MenuHelp",
     "More",

ayanova/src/router.js

@@ -1053,6 +1053,20 @@ export default new Router({
           /* webpackChunkName: "ops" */ "./views/ops-notification-settings.vue"
         )
     },
+    {
+      path: "/ops-notify-log",
+      name: "ops-notify-log",
+      component: () =>
+        import(/* webpackChunkName: "ops" */ "./views/ops-notify-log.vue")
+    },
+    {
+      path: "/ops-customer-notify-log",
+      name: "ops-customer-notify-log",
+      component: () =>
+        import(
+          /* webpackChunkName: "ops" */ "./views/ops-customer-notify-log.vue"
+        )
+    },
 
     //######################### CUSTOMER USER GROUP ######################################
     {

ayanova/src/views/ops-notify-log.vue

@@ -0,0 +1,86 @@
+<template>
+  <div>
+    <gz-report-selector ref="reportSelector"></gz-report-selector>
+    <gz-extensions
+      ref="extensions"
+      :aya-type="aType"
+      :selected-items="selectedItems"
+    >
+    </gz-extensions>
+    <gz-data-table
+      ref="gzdatatable"
+      form-key="ops-notify-log"
+      data-list-key="NotificationDeliveryLogDataList"
+      :show-select="rights.read"
+      :reload="reload"
+      data-cy="notifyLogTable"
+      @selection-change="handleSelected"
+    >
+    </gz-data-table>
+  </div>
+</template>
+<script>
+const FORM_KEY = "ops-notify-log";
+export default {
+  data() {
+    return {
+      rights: window.$gz.role.defaultRightsObject(),
+      aType: window.$gz.type.NotifySubscription,
+      selectedItems: [],
+      reload: false
+    };
+  },
+  created() {
+    this.rights = window.$gz.role.getRights(
+      window.$gz.type.OpsNotificationSettings
+    );
+    window.$gz.eventBus.$on("menu-click", clickHandler);
+    generateMenu(this);
+  },
+  beforeDestroy() {
+    window.$gz.eventBus.$off("menu-click", clickHandler);
+  },
+  methods: {
+    handleSelected(selected) {
+      this.selectedItems = selected;
+    }
+  }
+};
+
+/////////////////////////////
+//
+//
+async function clickHandler(menuItem) {
+  if (!menuItem) {
+    return;
+  }
+  const m = window.$gz.menu.parseMenuItem(menuItem);
+  if (m.owner == FORM_KEY && !m.disabled) {
+    switch (m.key) {
+      default:
+        window.$gz.eventBus.$emit(
+          "notify-warning",
+          FORM_KEY + "::context click: [" + m.key + "]"
+        );
+    }
+  }
+}
+
+//////////////////////
+//
+//
+function generateMenu() {
+  const menuOptions = {
+    isMain: true,
+    icon: "$ayiProjectDiagram",
+    title: "ProjectList",
+    helpUrl: "svc-projects",
+    menuItems: [],
+    formData: {
+      ayaType: window.$gz.type.Project
+    }
+  };
+
+  window.$gz.eventBus.$emit("menu-change", menuOptions);
+}
+</script>