section page alert front

Author: aguingand

resources/js/Pages/Dashboard/Dashboard.vue

@@ -62,7 +62,7 @@
         </template>
 
         <div class="container @container mx-auto">
-            <div :class="dashboard.pageAlert ? 'pt-4' : 'pt-10'">
+            <div :class="dashboard.pageAlert && !dashboard.pageAlert.sectionKey ? 'pt-4' : 'pt-10'">
                 <DashboardComponent
                     :dashboard-key="dashboardKey"
                     :dashboard="dashboard"

resources/js/Pages/Show/Show.vue

@@ -134,8 +134,8 @@
 
         <WithCommands :commands="commands">
             <div class="@container">
-                <div :class="show.pageAlert ? 'pt-4' : 'pt-6 @3xl:pt-10'">
-                    <template v-if="show.pageAlert">
+                <div :class="show.pageAlert && !show.pageAlert.sectionKey ? 'pt-4' : 'pt-6 @3xl:pt-10'">
+                    <template v-if="show.pageAlert && !show.pageAlert.sectionKey">
                         <div class="container">
                             <PageAlert
                                 class="mb-4"
@@ -153,6 +153,14 @@
                                 v-show="show.sectionShouldBeVisible(section, locale) || i == 0"
                                 v-slot="{ collapsed, onCollapseToggle }"
                             >
+                                <template v-if="show.pageAlert?.sectionKey && show.pageAlert.sectionKey === section.key">
+                                    <div class="container">
+                                        <PageAlert
+                                            class="mb-4"
+                                            :page-alert="show.pageAlert"
+                                        />
+                                    </div>
+                                </template>
                                 <template v-if="show.sectionHasField(section, 'entityList')">
                                     <template v-for="column in section.columns">
                                         <template v-for="row in column.fields">

resources/js/dashboard/Dashboard.ts

@@ -9,7 +9,7 @@ export class Dashboard {
     layout: DashboardData['layout'];
     data: DashboardData['data'];
     filterValues: DashboardData['filterValues'];
-    pageAlert:DashboardData['pageAlert'];
+    pageAlert: DashboardData['pageAlert'];
     query: DashboardData['query'];
 
     dashboardKey: string;

resources/js/dashboard/components/Dashboard.vue

@@ -66,7 +66,7 @@
 
 <template>
     <WithCommands :commands="commands">
-        <template v-if="dashboard?.pageAlert">
+        <template v-if="dashboard && dashboard.pageAlert && !dashboard.pageAlert.sectionKey">
             <PageAlert
                 class="mb-8"
                 :page-alert="dashboard.pageAlert"
@@ -186,6 +186,12 @@
                                         </h2>
                                     </template>
                                 </template>
+                                <template v-if="dashboard.pageAlert?.sectionKey && dashboard.pageAlert.sectionKey === section.key">
+                                    <PageAlert
+                                        class="mb-4"
+                                        :page-alert="dashboard.pageAlert"
+                                    />
+                                </template>
                                 <template v-if="dashboard.sectionVisibleFilters(section)?.length || dashboard.visibleCommands?.[section.key]?.flat().length">
                                     <div class="flex gap-2 mb-4">
                                         <template v-if="dashboard.sectionVisibleFilters(section)?.length">

resources/js/types/generated.d.ts

@@ -140,9 +140,6 @@ export type EmbedFormData = {
   fields: { [key: string]: FormFieldData };
   layout: FormLayoutData | null;
 };
-export type EmbeddedFieldAuthorizationsData = {
-  view: boolean;
-};
 export type EntityListAuthorizationsData = {
   create: boolean;
   reorder: boolean;
@@ -726,6 +723,7 @@ export type OrderedListWidgetData = {
 export type PageAlertData = {
   level: PageAlertLevel;
   text: string;
+  sectionKey: string | null;
   buttonLabel: string | null;
   buttonUrl: string | null;
 };
@@ -811,7 +809,7 @@ export type ShowDashboardFieldData = {
   dashboardKey: string;
   hiddenCommands: Array<string>;
   endpointUrl: string;
-  authorizations: EmbeddedFieldAuthorizationsData;
+  authorizations: ShowFieldAuthorizationsData;
   label: string | null;
   hiddenFilters: { [key: string]: any } | null;
 };
@@ -838,10 +836,13 @@ export type ShowEntityListFieldData = {
   showSearchField: boolean;
   showCount: boolean;
   endpointUrl: string;
-  authorizations: EmbeddedFieldAuthorizationsData;
+  authorizations: ShowFieldAuthorizationsData;
   label: string | null;
   hiddenFilters: { [key: string]: any } | null;
 };
+export type ShowFieldAuthorizationsData = {
+  view: boolean;
+};
 export type ShowFieldData =
   | ShowDashboardFieldData
   | ShowEntityListFieldData