From 5061cac2199fb474c624d08b214f667388cac0fe Mon Sep 17 00:00:00 2001
From: Quynh Nguyen <q.nguyen@shopware.com>
Date: Fri, 14 Jun 2024 10:54:57 +0700
Subject: [PATCH] NEXT-36523 - Add extension components

---
 ...il-order-detail-customer-detail-and-dashboard-page.md | 9 +++++++++
 .../page/sw-customer-detail/sw-customer-detail.html.twig | 4 ++++
 .../page/sw-dashboard-index/sw-dashboard-index.html.twig | 6 +++++-
 .../page/sw-dashboard-index/sw-dashboard-index.scss      | 4 ++++
 .../page/sw-order-detail/sw-order-detail.html.twig       | 4 ++++
 .../page/sw-product-detail/sw-product-detail.html.twig   | 4 ++++
 6 files changed, 30 insertions(+), 1 deletion(-)
 create mode 100644 changelog/_unreleased/2024-06-19-add-extension-component-in-product-detail-order-detail-customer-detail-and-dashboard-page.md

diff --git a/changelog/_unreleased/2024-06-19-add-extension-component-in-product-detail-order-detail-customer-detail-and-dashboard-page.md b/changelog/_unreleased/2024-06-19-add-extension-component-in-product-detail-order-detail-customer-detail-and-dashboard-page.md
new file mode 100644
index 00000000000..b71e1aa7a98
--- /dev/null
+++ b/changelog/_unreleased/2024-06-19-add-extension-component-in-product-detail-order-detail-customer-detail-and-dashboard-page.md
@@ -0,0 +1,9 @@
+---
+title: Add extension component in product detail, order detail, customer detail and dashboard page
+issue: NEXT-36523
+---
+# Administration
+* Added `sw-extension-component-section` with position-identifier `sw-customer-detail__before-content` in file `sw-customer-detail.html.twig`
+* Added `sw-extension-component-section` with position-identifier `sw-order-detail__before-content` in file `sw-order-detail.html.twig`
+* Added `sw-extension-component-section` with position-identifier `sw-product-detail__before-content` in file `sw-product-detail.html.twig`
+* Added `sw-extension-component-section` with position-identifier `sw-dashboard__before-content` in file `sw-dashboard-index.html.twig`
diff --git a/src/Administration/Resources/app/administration/src/module/sw-customer/page/sw-customer-detail/sw-customer-detail.html.twig b/src/Administration/Resources/app/administration/src/module/sw-customer/page/sw-customer-detail/sw-customer-detail.html.twig
index c11a7b543a2..2abdcc7d5c9 100644
--- a/src/Administration/Resources/app/administration/src/module/sw-customer/page/sw-customer-detail/sw-customer-detail.html.twig
+++ b/src/Administration/Resources/app/administration/src/module/sw-customer/page/sw-customer-detail/sw-customer-detail.html.twig
@@ -169,6 +169,10 @@
             </sw-tabs>
             {% endblock %}
 
+            <sw-extension-component-section
+                position-identifier="sw-customer-detail__before-content"
+            />
+
             <!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
             {% block sw_customer_detail_content_view %}
             <template v-if="isLoading">
diff --git a/src/Administration/Resources/app/administration/src/module/sw-dashboard/page/sw-dashboard-index/sw-dashboard-index.html.twig b/src/Administration/Resources/app/administration/src/module/sw-dashboard/page/sw-dashboard-index/sw-dashboard-index.html.twig
index 7d1b90bf7bb..a83dd1cab84 100644
--- a/src/Administration/Resources/app/administration/src/module/sw-dashboard/page/sw-dashboard-index/sw-dashboard-index.html.twig
+++ b/src/Administration/Resources/app/administration/src/module/sw-dashboard/page/sw-dashboard-index/sw-dashboard-index.html.twig
@@ -8,7 +8,6 @@
     {% block sw_dashboard_index_content %}
     <template #content>
         <sw-card-view class="sw-dashboard-index__content">
-
             <!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
             {% block sw_dashboard_index_content_intro_card %}
             <!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
@@ -34,6 +33,11 @@
             {% endblock %}
             {% endblock %}
 
+            <sw-extension-component-section
+                position-identifier="sw-dashboard__before-content"
+                class="sw-dashboard__before-content"
+            />
+
             <sw-usage-data-consent-banner :can-be-hidden="true" />
 
             <!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
diff --git a/src/Administration/Resources/app/administration/src/module/sw-dashboard/page/sw-dashboard-index/sw-dashboard-index.scss b/src/Administration/Resources/app/administration/src/module/sw-dashboard/page/sw-dashboard-index/sw-dashboard-index.scss
index b73d93187ce..0551144879d 100644
--- a/src/Administration/Resources/app/administration/src/module/sw-dashboard/page/sw-dashboard-index/sw-dashboard-index.scss
+++ b/src/Administration/Resources/app/administration/src/module/sw-dashboard/page/sw-dashboard-index/sw-dashboard-index.scss
@@ -160,4 +160,8 @@ $content-max-width: 960px;
     .sw-card {
         max-width: $content-max-width !important;
     }
+
+    .sw-dashboard__before-content {
+        margin-top: 32px;
+    }
 }
diff --git a/src/Administration/Resources/app/administration/src/module/sw-order/page/sw-order-detail/sw-order-detail.html.twig b/src/Administration/Resources/app/administration/src/module/sw-order/page/sw-order-detail/sw-order-detail.html.twig
index 42531376901..9029ef72b61 100644
--- a/src/Administration/Resources/app/administration/src/module/sw-order/page/sw-order-detail/sw-order-detail.html.twig
+++ b/src/Administration/Resources/app/administration/src/module/sw-order/page/sw-order-detail/sw-order-detail.html.twig
@@ -207,6 +207,10 @@
             </sw-tabs>
             {% endblock %}
 
+            <sw-extension-component-section
+                position-identifier="sw-order-detail__before-content"
+            />
+
             <!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
             {% block sw_order_detail_content_view %}
             <template v-if="isLoading">
diff --git a/src/Administration/Resources/app/administration/src/module/sw-product/page/sw-product-detail/sw-product-detail.html.twig b/src/Administration/Resources/app/administration/src/module/sw-product/page/sw-product-detail/sw-product-detail.html.twig
index acab7ab095b..e0915de6943 100644
--- a/src/Administration/Resources/app/administration/src/module/sw-product/page/sw-product-detail/sw-product-detail.html.twig
+++ b/src/Administration/Resources/app/administration/src/module/sw-product/page/sw-product-detail/sw-product-detail.html.twig
@@ -263,6 +263,10 @@
             </sw-tabs>
             {% endblock %}
 
+            <sw-extension-component-section
+                position-identifier="sw-product-detail__before-content"
+            />
+
             <!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
             {% block sw_product_detail_content_view %}
             <router-view