replace overInputs with panelHeader in login page injection configuration

Author: SerVitasik

adminforth/commands/createCustomComponent/configUpdater.js

@@ -295,7 +295,7 @@ export async function injectLoginComponent(indexFilePath, componentPath, injecti
           if (!n.ObjectExpression.check(loginPageInjections)) return false;
 
           // Determine target property based on injection type
-          targetProperty = injectionType === 'beforeLogin' ? 'overInputs' : 'underInputs';
+          targetProperty = injectionType === 'beforeLogin' ? 'panelHeader' : 'underInputs';
 
           let targetProp = loginPageInjections.properties.find(
             p => n.ObjectProperty.check(p) && n.Identifier.check(p.key) && p.key.name === targetProperty

adminforth/documentation/docs/tutorial/03-Customization/08-pageInjections.md

@@ -141,7 +141,7 @@ Here is how it looks:
 
 You can also inject custom components to the login page. 
 
-`loginPageInjections.underInputs` and `loginPageInjections.overInputs` allows to add one or more panels under or over the login form inputs:
+`loginPageInjections.underInputs` and `loginPageInjections.panelHeader` allows to add one or more panels under or over the login form inputs:
 
 ![login Page Injections underInputs](<loginPageInjection.png>)
 
@@ -172,7 +172,7 @@ Now create file `CustomLoginFooter.vue` in the `custom` folder of your project:
 </template>
 ```
 
-Also you can add `overInputs`
+Also you can add `panelHeader`
 
 ```ts title="/index.ts"
 
@@ -182,7 +182,7 @@ new AdminForth({
     loginPageInjections: {
       underInputs: '@@/CustomLoginFooter.vue',
 //diff-add
-      overInputs: '@@/CustomLoginHeader.vue',
+      panelHeader: '@@/CustomLoginHeader.vue',
     }
     ...
   }

adminforth/modules/configValidator.ts

@@ -115,11 +115,11 @@ export default class ConfigValidator implements IConfigValidator {
 
     const loginPageInjections: AdminForthConfigCustomization['loginPageInjections'] = {
       underInputs: [],
-      overInputs: [],
+      panelHeader: [],
     };
 
     if (this.inputConfig.customization?.loginPageInjections) {
-      const ALLOWED_LOGIN_INJECTIONS = ['underInputs', 'overInputs']
+      const ALLOWED_LOGIN_INJECTIONS = ['underInputs', 'panelHeader']
       Object.keys(this.inputConfig.customization.loginPageInjections).forEach((injection) => {
         if (ALLOWED_LOGIN_INJECTIONS.includes(injection)) {
           loginPageInjections[injection] = this.validateAndListifyInjectionNew(this.inputConfig.customization.loginPageInjections, injection, errors);

adminforth/spa/src/views/LoginView.vue

@@ -31,9 +31,9 @@
                 <!-- Modal header -->
                 <div class="flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600">
 
-                    <div v-if="coreStore?.config?.loginPageInjections?.overInputs.length > 0">
+                    <div v-if="coreStore?.config?.loginPageInjections?.panelHeader.length > 0">
                       <component 
-                        v-for="(c, index) in coreStore?.config?.loginPageInjections?.overInputs || []"
+                        v-for="(c, index) in coreStore?.config?.loginPageInjections?.panelHeader || []"
                         :key="index"
                         :is="getCustomComponent(c)"
                         :meta="c.meta"

adminforth/types/Back.ts

@@ -747,7 +747,7 @@ interface AdminForthInputConfigCustomization {
    */
   loginPageInjections?: {
     underInputs?: AdminForthComponentDeclaration | Array<AdminForthComponentDeclaration>,
-    overInputs?: AdminForthComponentDeclaration | Array<AdminForthComponentDeclaration>,
+    panelHeader?: AdminForthComponentDeclaration | Array<AdminForthComponentDeclaration>,
   }
 
   /**
@@ -1055,7 +1055,7 @@ export interface AdminForthConfigCustomization extends Omit<AdminForthInputConfi
 
   loginPageInjections: {
     underInputs: Array<AdminForthComponentDeclarationFull>,
-    overInputs: Array<AdminForthComponentDeclarationFull>,
+    panelHeader: Array<AdminForthComponentDeclarationFull>,
   },
 
   globalInjections: {

adminforth/types/Common.ts

@@ -1060,7 +1060,7 @@ export interface AdminForthConfigForFrontend {
   loginPromptHTML?: string,
   loginPageInjections: {
     underInputs: Array<AdminForthComponentDeclaration>,
-    overInputs: Array<AdminForthComponentDeclaration>,
+    panelHeader: Array<AdminForthComponentDeclaration>,
   },
   rememberMeDays: number,
   showBrandNameInSidebar: boolean,