diff --git a/ayanova/devdocs/todo.txt b/ayanova/devdocs/todo.txt
index 772157a1..611bfa04 100644
--- a/ayanova/devdocs/todo.txt
+++ b/ayanova/devdocs/todo.txt
@@ -75,6 +75,8 @@ todo: Administration - Attached files manager
 		Need a TID ui data type
 		change data-table ui column generator to support it
 			look for email type 11 to find all the spots
+		way to implement is to include the two column names of the values to use as the tid column at server end
+			like the db table names but instead they are column names
 
 
 
diff --git a/ayanova/src/api/biz-role-rights.js b/ayanova/src/api/biz-role-rights.js
index 0a56a6f0..69dec579 100644
--- a/ayanova/src/api/biz-role-rights.js
+++ b/ayanova/src/api/biz-role-rights.js
@@ -62,6 +62,7 @@ export default {
   TrialSeeder: { Change: 16386, ReadFullRecord: 8193, Select: 0 },
   LogFile: { Change: 0, ReadFullRecord: 24576, Select: 0 },
   Backup: { Change: 16384, ReadFullRecord: 8195, Select: 0 },
+  FileAttachment: { Change: 2, ReadFullRecord: 3, Select: 0 },
   ServerJob: { Change: 16384, ReadFullRecord: 8195, Select: 0 },
   ServerMetrics: { Change: 16384, ReadFullRecord: 24576, Select: 0 },
   Translation: { Change: 16386, ReadFullRecord: 131071, Select: 0 },
diff --git a/ayanova/src/views/adm-attachments.vue b/ayanova/src/views/adm-attachments.vue
index 229f6e24..790b5e65 100644
--- a/ayanova/src/views/adm-attachments.vue
+++ b/ayanova/src/views/adm-attachments.vue
@@ -1,21 +1,96 @@
 <template>
-  <UnderConstruction />
+  <gz-data-table
+    formKey="adm-attachments"
+    :dataListKey="dataListKey"
+    :dataListFilter="dataListFilter"
+    :dataListSort="dataListSort"
+    :showSelect="false"
+    :singleSelect="false"
+    v-on:update:selected="handleSelected"
+  >
+  </gz-data-table>
 </template>
 
 <script>
-import UnderConstruction from "../components/underconstruction.vue";
-
+const FORM_KEY = "adm-attachments";
 export default {
-  components: {
-    UnderConstruction
+  created() {
+    this.rights = window.$gz.role.getRights(window.$gz.type.FileAttachment);
+    window.$gz.eventBus.$on("menu-click", clickHandler);
+    generateMenu(this);
   },
-  beforeCreate() {
-    window.$gz.eventBus.$emit("menu-change", {
-      isMain: true,
-      icon: "fa-folder",
-      title: "Attachments",
-      helpUrl: "form-adm-attachments"
-    });
+  beforeDestroy() {
+    window.$gz.eventBus.$off("menu-click", clickHandler);
+  },
+  data() {
+    return {
+      currentListViewId: 1,
+      dataListKey: "AttachmentDataList",
+      dataListFilter: "",
+      dataListSort: "",
+      rights: window.$gz.role.defaultRightsObject()
+    };
+  },
+  methods: {
+    handleSelected(selectedItems) {
+      console.log(selectedItems);
+    }
   }
 };
+
+/////////////////////////////
+//
+// 
+function clickHandler(menuItem) {
+  if (!menuItem) {
+    return;
+  }
+  let m = window.$gz.menu.parseMenuItem(menuItem);
+  if (m.owner == FORM_KEY && !m.disabled) {
+    switch (m.key) {
+      // case "new":
+      //   m.vm.$router.push({
+      //     name: "widget-edit",
+      //     params: { recordid: 0 }
+      //   });
+      //   break;
+      default:
+        window.$gz.eventBus.$emit(
+          "notify-warning",
+          FORM_KEY + "::context click: [" + m.key + "]"
+        );
+    }
+  }
+}
+
+//////////////////////
+//
+//
+function generateMenu(vm) {
+  let menuOptions = {
+    isMain: true,
+    icon: "fa-folder",
+    title: "Attachments",
+    helpUrl: "form-adm-attachments",
+    menuItems: []
+  };
+
+  //STUB REPORTS
+  //Report not Print, print is a further option
+  menuOptions.menuItems.push({
+    title: "Report",
+    icon: "fa-file-alt",
+    key: FORM_KEY + ":report",
+    vm: vm
+  });
+
+  menuOptions.menuItems.push({
+    title: "stub: Last report used",
+    icon: "fa-file-alt",
+    key: FORM_KEY + ":report:STUBlastusedreportid",
+    vm: vm
+  });
+
+  window.$gz.eventBus.$emit("menu-change", menuOptions);
+}
 </script>