Next

README.md

@@ -0,0 +1,7 @@
+# AdminForth ForeignInlineList Plugin
+
+<img src="https://img.shields.io/badge/License-MIT-blue.svg" alt="License: MIT" /> <img src="https://woodpecker.devforth.io/api/badges/3848/status.svg" alt="Build Status" /> <a href="https://www.npmjs.com/package/@adminforth/foreign-inline-list"> <img src="https://img.shields.io/npm/dt/@adminforth/foreign-inline-list" alt="npm downloads" /></a> <a href="https://www.npmjs.com/package/@adminforth/foreign-inline-list"><img src="https://img.shields.io/npm/v/@adminforth/foreign-inline-list" alt="npm version" /></a> <a href="https://www.npmjs.com/package/@adminforth/foreign-inline-list">
+
+Allows to add an inline list of connected foreign resource records on a adminforth show page.
+
+## For usage, see [AdminForth ForeignInlineList Documentation](https://adminforth.dev/docs/tutorial/Plugins/ForeignInlineList/)

custom/InlineList.vue

@@ -2,8 +2,8 @@
   <Teleport to="body">
     <!-- todo exclude foreign column-->
     <Filters
-      v-if="listResource"
-      :columns="listResource.columns.filter((c) => c.name !== listResourceRefColumn.name)"
+      v-if="filterableColumns.length"
+      :columns="filterableColumns"
       v-model:filters="filters"
       :columnsMinMax="columnsMinMax"
       :show="filtersShow"
@@ -70,7 +70,7 @@
         {{ `${action.label} (${checkboxes.length})` }}
       </button>
 
-      <RouterLink v-if="listResource?.options?.allowedActions?.create"
+      <RouterLink v-if="createIsAllowed"
         :to="{ 
           name: 'resource-create', 
           params: { resourceId: listResource.resourceId }, 
@@ -129,7 +129,7 @@ import {
   IconFilterOutline,
   IconPlusOutline,
 } from '@iconify-prerendered/vue-flowbite';
-import { showErrorTost } from '@/composables/useFrontendApi';
+import { showErrorTost, showWarningTost } from '@/composables/useFrontendApi';
 import { getIcon } from '@/utils';
 
 const props = defineProps(['column', 'record', 'meta', 'resource', 'adminUser']);
@@ -153,13 +153,25 @@ const listResourceRefColumn = computed(() => {
   if (!listResource.value) {
     return null;
   }
-  return listResource.value.columns.find(c => c.foreignResource?.resourceId === props.resource.resourceId);
+  return listResource.value.columns.find(c => c.foreignResource?.polymorphicResources
+    ? c.foreignResource.polymorphicResources.find((pr) => pr.resourceId === props.resource.resourceId)
+    : c.foreignResource?.resourceId === props.resource.resourceId);
 });
 
 const selfPrimaryKeyColumn = computed(() => {
   return props.resource.columns.find(c => c.primaryKey);
 });
 
+const filterableColumns = computed(() => {
+  if (!listResource.value) {
+    return [];
+  }
+
+  const refColumn = listResourceRefColumn.value;
+  return listResource.value.columns.filter((c) => c.name !== refColumn.name
+    && (refColumn.foreignResource.polymorphicOn ? c.name !== refColumn.foreignResource.polymorphicOn : true));
+});
+
 const endFilters = computed(() => {
   if (!listResource.value) {
     return [];
@@ -183,6 +195,17 @@ const endFilters = computed(() => {
   ];
 });
 
+const createIsAllowed = computed(() => {
+  if (!listResource.value?.options?.allowedActions?.create) {
+    return false;
+  }
+
+  if (listResourceRefColumn.value && !listResourceRefColumn.value.showIn.create) {
+    return false;
+  }
+  return true;
+});
+
 watch([page], async () => {
   await getList();
 });
@@ -277,6 +300,11 @@ onMounted( async () => {
       method: 'POST',
       body: {},
   })).resource;
+
+  if (listResource.value?.options?.allowedActions?.create && listResourceRefColumn.value && !listResourceRefColumn.value.showIn.create) {
+    showWarningTost(`Resource '${listResource.value.resourceId}' column '${listResourceRefColumn.value.name}' should be editable on create page for 'create' action to be enabled`, 10000);
+  }
+
   columnsMinMax.value = await callAdminForthApi({
     path: '/get_min_max_for_columns',
     method: 'POST',

package.json

@@ -5,6 +5,7 @@
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",
+  "homepage": "https://adminforth.dev/docs/tutorial/Plugins/ForeignInlineList/",
   "scripts": {
     "build": "tsc && rsync -av --exclude 'node_modules' custom dist/",
     "prepare": "npm link adminforth"