feat: Added accessibility banner

Author: En0Ma1259

.gitignore

@@ -17,3 +17,4 @@
 
 #ignore distributed files
 /src/Resources/public
+/src/Resources/app/administration/.tmp

src/Resources/app/administration/src/module/sw-extension-store/component/sw-extension-store-accessibility/index.js

@@ -0,0 +1,6 @@
+import template from './sw-extension-store-accessibility.html.twig';
+import './sw-extension-store-accessibility.scss';
+
+export default Shopware.Component.wrapComponentConfig({
+    template,
+});

src/Resources/app/administration/src/module/sw-extension-store/component/sw-extension-store-accessibility/sw-extension-store-accessibility.html.twig

@@ -0,0 +1,12 @@
+<div class="sw-extension-store-accessibility">
+    <strong class="sw-extension-store-accessibility__info">
+        {{ $tc('sw-extension-store-accessibility.accessibility-text') }}
+    </strong>
+
+    <sw-external-link
+        class="sw-extension-store-accessibility__link sw-button sw-button--primary"
+        :href="$tc('sw-extension-store-accessibility.accessibility-link')"
+    >
+        {{ $tc('sw-extension-store-accessibility.accessibility-more-information') }} <sw-icon name="regular-long-arrow-right" size="12px" />
+    </sw-external-link>
+</div>

src/Resources/app/administration/src/module/sw-extension-store/component/sw-extension-store-accessibility/sw-extension-store-accessibility.scss

@@ -0,0 +1,21 @@
+@import '~scss/variables';
+
+.sw-extension-store-accessibility {
+    display: grid;
+    grid-template-columns: max-content 1fr;
+    background: linear-gradient(#003075, #0156D0);
+    padding: 16px 20px;
+    border-radius: $border-radius-lg;
+    margin-bottom: 20px;
+
+    &__info {
+        color: white;
+        align-self: center;
+    }
+
+    &__link {
+        justify-self: end;
+        color: white !important;
+        text-decoration: none !important;
+    }
+}

src/Resources/app/administration/src/module/sw-extension-store/index.js

@@ -1,7 +1,7 @@
 import ExtensionStoreDataService from './service/extension-store-data.service';
 import ExtensionLicenseService from './service/extension-store-licenses.service';
 
-/* eslint-disable max-len */
+
 Shopware.Component.register('sw-extension-store-index', () => import('./page/sw-extension-store-index'));
 Shopware.Component.register('sw-extension-store-listing', () => import('./page/sw-extension-store-listing'));
 Shopware.Component.register('sw-extension-store-detail', () => import('./page/sw-extension-store-detail'));
@@ -14,9 +14,10 @@ Shopware.Component.register('sw-extension-label', () => import('./component/sw-e
 Shopware.Component.register('sw-extension-type-label', () => import('./component/sw-extension-store-type-label'));
 Shopware.Component.register('sw-extension-store-label-display', () => import('./component/sw-extension-store-label-display'));
 Shopware.Component.register('sw-extension-store-error-card', () => import('./component/sw-extension-store-error-card'));
+Shopware.Component.register('sw-extension-store-accessibility', () => import('./component/sw-extension-store-accessibility'));
 Shopware.Component.register('sw-extension-store-statistics-promotion', () => import('./component/sw-extension-store-statistics-promotion'));
 Shopware.Component.register('sw-extension-store-in-app-purchases-listing-modal', () => import('./component/sw-extension-store-in-app-purchases-listing-modal'));
-/* eslint-enable max-len */
+
 
 Shopware.Application.addServiceProvider('extensionStoreDataService', () => {
     return new ExtensionStoreDataService(

src/Resources/app/administration/src/module/sw-extension-store/page/sw-extension-store-listing/sw-extension-store-listing.html.twig

@@ -4,6 +4,7 @@
             <sw-loader v-if="isLoading"></sw-loader>
         {% endblock %}
 
+        <sw-extension-store-accessibility />
         <sw-extension-store-statistics-promotion />
 
         {% block sw_extension_store_listing_filter %}

src/Resources/app/administration/src/module/sw-extension-store/snippet/de-DE.json

@@ -70,5 +70,10 @@
         "in-app-purchases": {
             "onceOff": "einmalig"
         }
+    },
+    "sw-extension-store-accessibility": {
+      "accessibility-text": "Erfahre mehr zu Barrierefreiheit von Erweiterungen im Shopware Store",
+      "accessibility-more-information": "Jetzt mehr erfahren",
+      "accessibility-link": "https://store.shopware.com/de/ressourcen/barrierefreiheit-von-erweiterungen/"
     }
 }

src/Resources/app/administration/src/module/sw-extension-store/snippet/en-GB.json

@@ -70,5 +70,10 @@
         "in-app-purchases": {
             "onceOff": "one-time"
         }
+    },
+    "sw-extension-store-accessibility": {
+      "accessibility-text": "Learn more about accessibility of extensions in the Shopware Store",
+      "accessibility-more-information": "Learn more now",
+      "accessibility-link": "https://store.shopware.com/en/resources/accessibility-of-extensions/"
     }
 }