adminforth 1.0.83 → 1.0.86

package/dist/spa/spa/src/views/CreateView.vue

@@ -1,6 +1,14 @@
 <template>
   <div class="relative">
 
+    <component 
+      v-for="c in coreStore?.resourceOptions?.pageInjections?.create?.beforeBreadcrumbs || []"
+      :is="getCustomComponent(c)"
+      :record="coreStore.record"
+      :resource="coreStore.resource"
+      :adminUser="coreStore.adminUser"
+    />
+
     <BreadcrumbsWithButtons>
       <!-- save and cancle -->
       <button @click="$router.back()"
@@ -22,6 +30,14 @@
 
     </BreadcrumbsWithButtons>
 
+    <component 
+      v-for="c in coreStore?.resourceOptions?.pageInjections?.create?.afterBreadcrumbs || []"
+      :is="getCustomComponent(c)"
+      :record="coreStore.record"
+      :resource="coreStore.resource"
+      :adminUser="coreStore.adminUser"
+    />
+
     <SingleSkeletLoader v-if="loading"></SingleSkeletLoader>
 
     
@@ -36,6 +52,13 @@
     >
     </ResourceForm>
 
+    <component 
+      v-for="c in coreStore?.resourceOptions?.pageInjections?.create?.bottom || []"
+      :is="getCustomComponent(c)"
+      :record="coreStore.record"
+      :resource="coreStore.resource"
+      :adminUser="coreStore.adminUser"
+    />
 
   </div>
 </template>
@@ -78,8 +101,8 @@ onMounted(async () => {
     resourceId: route.params.resourceId
   });
   createComponentsPerColumn = coreStore.resourceColumns.reduce((acc, column) => {
-      if (column.component?.create) {
-          acc[column.name] = getCustomComponent(column.component.create);
+      if (column.components?.create) {
+          acc[column.name] = getCustomComponent(column.components.create);
       }
       return acc;
     }, {});

package/dist/spa/spa/src/views/EditView.vue

@@ -1,5 +1,12 @@
 <template>
   <div class="relative">
+    <component 
+      v-for="c in coreStore?.resourceOptions?.pageInjections?.edit?.beforeBreadcrumbs || []"
+      :is="getCustomComponent(c)"
+      :record="editableRecord"
+      :resource="coreStore.resource"
+      :adminUser="coreStore.adminUser"
+    />
 
     <BreadcrumbsWithButtons>
       <!-- save and cancle -->
@@ -19,18 +26,36 @@
 
     </BreadcrumbsWithButtons>
 
+    <component 
+      v-for="c in coreStore?.resourceOptions?.pageInjections?.edit?.afterBreadcrumbs || []"
+      :is="getCustomComponent(c)"
+      :record="coreStore.record"
+      :resource="coreStore.resource"
+      :adminUser="coreStore.adminUser"
+    />
+
     <SingleSkeletLoader v-if="loading"></SingleSkeletLoader>
 
     <ResourceForm 
       v-else
       :record="editableRecord"
-      :resourceColumns="coreStore.resourceColumns"
+      :resource="coreStore.resource"
+      :adminUser="coreStore.adminUser"
       @update:record="onUpdateRecord"
       @update:isValid="isValid = $event"
       :validating="validating"
       :customComponentsPerColumn="editComponentsPerColumn"
     >
     </ResourceForm>
+
+    <component 
+      v-for="c in coreStore?.resourceOptions?.pageInjections?.edit?.bottom || []"
+      :is="getCustomComponent(c)"
+      :record="coreStore.record"
+      :resource="coreStore.resource"
+      :adminUser="coreStore.adminUser"
+    />
+
   </div>
 </template>
 
@@ -92,8 +117,8 @@ onMounted(async () => {
   checkAcessByAllowedActions(coreStore.resourceOptions.allowedActions,'edit');
 
   editComponentsPerColumn = coreStore.resourceColumns.reduce((acc, column) => {
-      if (column.component?.edit) {
-          acc[column.name] = getCustomComponent(column.component.edit);
+      if (column.components?.edit) {
+          acc[column.name] = getCustomComponent(column.components.edit);
       }
       return acc;
     }, {});

package/dist/spa/spa/src/views/ListView.vue

@@ -9,6 +9,13 @@
       />
     </Teleport>
 
+    <component 
+      v-for="c in coreStore?.resourceOptions?.pageInjections?.list?.beforeBreadcrumbs || []"
+      :is="getCustomComponent(c)"
+      :resource="coreStore.resource"
+      :adminUser="coreStore.adminUser"
+    />
+
     <BreadcrumbsWithButtons>
       <button
         @click="()=>{checkboxes = []}"
@@ -64,6 +71,13 @@
       </button>
     </BreadcrumbsWithButtons>
 
+    <component 
+      v-for="c in coreStore?.resourceOptions?.pageInjections?.list?.afterBreadcrumbs || []"
+      :is="getCustomComponent(c)"
+      :resource="coreStore.resource"
+      :adminUser="coreStore.adminUser"
+    />
+
     <!-- table -->
     <div class="relative overflow-x-auto shadow-list-table-shadow dark:shadow-black	overflow-y-hidden  rounded-default">
 
@@ -202,7 +216,9 @@
             <component
               :is="listComponentsPerColumn[c.name] || ValueRenderer"
               :column="c"
-              :row="row"
+              :record="row"
+              :adminUser="coreStore.adminUser"
+              :resource="coreStore.resource"
             />
           </td>
           <td class=" items-center px-6 py-4">
@@ -260,8 +276,7 @@
     </div>
     <!-- pagination -->
     <div class="flex flex-col items-center mt-4 xs:flex-row xs:justify-between xs:items-center"
-         v-if="rows && totalRows >= pageSize && totalRows > 0"
-    >
+         v-if="rows && totalRows >= pageSize && totalRows > 0">
       <!-- Help text -->
       <span class="text-sm text-gray-700 dark:text-gray-400">
             Showing <span class="font-semibold text-gray-900 dark:text-white">
@@ -313,6 +328,14 @@
         </button>
       </div>
     </div>
+
+    <component 
+      v-for="c in coreStore?.resourceOptions?.pageInjections?.list?.bottom || []"
+      :is="getCustomComponent(c)"
+      :resource="coreStore.resource"
+      :adminUser="coreStore.adminUser"
+    />
+
   </div>
 </template>
 
@@ -434,8 +457,8 @@ async function getList() {
     }
   });
   listComponentsPerColumn = coreStore.resourceColumns.reduce((acc, column) => {
-      if (column.component?.list) {
-          acc[column.name] = getCustomComponent(column.component.list);
+      if (column.components?.list) {
+          acc[column.name] = getCustomComponent(column.components.list);
       }
       return acc;
     }, {});

package/dist/spa/spa/src/views/ShowView.vue

@@ -1,5 +1,12 @@
 <template>
   <div class="relative">
+    <component 
+      v-for="c in coreStore?.resourceOptions?.pageInjections?.show?.beforeBreadcrumbs || []"
+      :is="getCustomComponent(c)"
+      :record="coreStore.record"
+      :resource="coreStore.resource"
+      :adminUser="coreStore.adminUser"
+    />
     <BreadcrumbsWithButtons>
       <RouterLink v-if="coreStore?.resourceOptions?.allowedActions?.edit" :to="{ name: 'resource-edit', params: { resourceId: $route.params.resourceId, primaryKey: $route.params.primaryKey } }" 
         class="flex items-center py-1 px-3 me-2 mb-2 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded border border-gray-300 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700"
@@ -16,6 +23,14 @@
       </button>
     </BreadcrumbsWithButtons>
 
+    <component 
+      v-for="c in coreStore?.resourceOptions?.pageInjections?.show?.afterBreadcrumbs || []"
+      :is="getCustomComponent(c)"
+      :record="coreStore.record"
+      :resource="coreStore.resource"
+      :adminUser="coreStore.adminUser"
+    />
+
     <div v-if="loading" role="status" class="max-w-sm animate-pulse">
         <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-48 mb-4"></div>
         <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 max-w-[360px] mb-2.5"></div>
@@ -48,7 +63,8 @@
                 v-if="showRowComponentsPerColumn[column.name]"
                   :is="showRowComponentsPerColumn[column.name]"
                   :column="column"
-                  :row="coreStore.record"
+                  :resource="coreStore.resource"
+                  :record="coreStore.record"
               />
               <template v-else>
                 <td class="px-6 py-4 whitespace-nowrap">
@@ -58,18 +74,28 @@
                   <component
                     v-if="showComponentsPerColumn[column.name]"
                     :is="showComponentsPerColumn[column.name]"
+                    :resource="coreStore.resource"
                     :column="column"
-                    :row="coreStore.record"
+                    :record="coreStore.record"
                   />
                   <ValueRenderer v-else 
                     :column="column" 
-                    :row="coreStore.record"
+                    :record="coreStore.record"
                   />
                 </td>
               </template>
             </tr>
         </tbody>
     </table>
+
+    <component 
+      v-for="c in coreStore?.resourceOptions?.pageInjections?.show?.bottom || []"
+      :is="getCustomComponent(c)"
+      :column="column"
+      :record="coreStore.record"
+      :resource="coreStore.resource"
+      :adminUser="coreStore.adminUser"
+    />
 </div>
 
 
@@ -116,14 +142,14 @@ onMounted(async () => {
   checkAcessByAllowedActions(coreStore.resourceOptions.allowedActions,'show');
 
   showComponentsPerColumn = coreStore.resourceColumns.reduce((acc, column) => {
-      if (column.component?.show) {
-          acc[column.name] = getCustomComponent(column.component.show);
+      if (column.components?.show) {
+          acc[column.name] = getCustomComponent(column.components.show);
       }
       return acc;
   }, {});
   showRowComponentsPerColumn = coreStore.resourceColumns.reduce((acc, column) => {
-      if (column.component?.showRow) {
-          acc[column.name] = getCustomComponent(column.component.showRow);
+      if (column.components?.showRow) {
+          acc[column.name] = getCustomComponent(column.components.showRow);
       }
       return acc;
   }, {});

package/dist/types/AdminForthConfig.js

@@ -1,3 +1,57 @@
+export var AdminForthMenuTypes;
+(function (AdminForthMenuTypes) {
+    /**
+     * HEADING is just a label in the menu.
+     * Respect `label` and `icon` property in {@link AdminForthConfigMenuItem}
+     */
+    AdminForthMenuTypes["heading"] = "heading";
+    /**
+     * GROUP is a group of menu items.
+     * Respects `label`, `icon` and `children` properties in {@link AdminForthConfigMenuItem}
+     * use @AdminForthMenuTypes.open to set if group is open by default
+     */
+    AdminForthMenuTypes["group"] = "group";
+    /**
+     * RESOURCE is a link to a resource.
+     * Respects `label`, `icon`,  `resourceId`, `homepage`, `isStaticRoute` properties in {@link AdminForthConfigMenuItem}
+     */
+    AdminForthMenuTypes["resource"] = "resource";
+    /**
+     * PAGE is a link to a custom page.
+     * Respects `label`, `icon`, `path`, `component`, `homepage`, `isStaticRoute`, properties in {@link AdminForthConfigMenuItem}
+     *
+     * Example:
+     *
+     * ```ts
+     * \{
+     *  type: AdminForthMenuTypes.PAGE,
+     *  label: 'Custom Page',
+     *  icon: 'home',
+     *  path: '/dash',
+     *  component: '@@/Dashboard.vue',
+     *  homepage: true,
+     * \}
+     * ```
+     *
+     */
+    AdminForthMenuTypes["page"] = "page";
+    /**
+     * GAP ads some space between menu items.
+     */
+    AdminForthMenuTypes["gap"] = "gap";
+    /**
+     * DIVIDER is a divider between menu items.
+     */
+    AdminForthMenuTypes["divider"] = "divider";
+})(AdminForthMenuTypes || (AdminForthMenuTypes = {}));
+export var AdminForthResourcePages;
+(function (AdminForthResourcePages) {
+    AdminForthResourcePages["list"] = "list";
+    AdminForthResourcePages["show"] = "show";
+    AdminForthResourcePages["edit"] = "edit";
+    AdminForthResourcePages["create"] = "create";
+    AdminForthResourcePages["filter"] = "filter";
+})(AdminForthResourcePages || (AdminForthResourcePages = {}));
 export var AdminForthDataTypes;
 (function (AdminForthDataTypes) {
     AdminForthDataTypes["STRING"] = "string";

package/dist/types/FrontendAPI.js

@@ -0,0 +1,7 @@
+export var AlertVariant;
+(function (AlertVariant) {
+    AlertVariant["Danger"] = "danger";
+    AlertVariant["Success"] = "success";
+    AlertVariant["Warning"] = "warning";
+    AlertVariant["Info"] = "info";
+})(AlertVariant || (AlertVariant = {}));