MOL-879: subscriptions admin list should be searchable (#526)

* Add subscriptions to search list

* Update search bar

* Update search

* Add sidebar and refresh button

* Add icon compatibility

* Search compatibility

* Make status sortable

* Remove eslint line that prevents building

* Update snippets

* Fix eslint

* fix snippetcheck

src/Resources/app/administration/src/extension/structure/sw-search-bar-item/index.js

@@ -0,0 +1,6 @@
+import template from './sw-search-bar-item.html.twig';
+
+// eslint-disable-next-line no-undef
+Shopware.Component.override('sw-search-bar-item', {
+    template,
+})

src/Resources/app/administration/src/extension/structure/sw-search-bar-item/sw-search-bar-item.html.twig

@@ -0,0 +1,17 @@
+{% block sw_search_bar_item_cms_page %}
+    {% parent %}
+
+    <router-link v-else-if="type === 'mollie_subscription'"
+                 :to="{ name: 'mollie.payments.subscription', params: { id: item.id } }"
+                 ref="routerLink"
+                 class="sw-search-bar-item__link">
+        {% block sw_search_bar_item_mollie_subscription_label %}
+            <span class="sw-search-bar-item__label">
+                <sw-highlight-text :searchTerm="searchTerm"
+                                   :text="item.description">
+                </sw-highlight-text>
+            </span>
+        {% endblock %}
+    </router-link>
+
+{% endblock %}

src/Resources/app/administration/src/init/api-service.init.js

@@ -77,3 +77,14 @@ Application.addServiceProviderDecorator('ruleConditionDataProviderService', (rul
 
     return ruleConditionService;
 });
+
+Application.addServiceProviderDecorator('searchTypeService', searchTypeService => {
+    searchTypeService.upsertType('mollie_subscription', {
+        entityName: 'mollie_subscription',
+        placeholderSnippet: 'mollie-payments.searchPlaceholder',
+        listingRoute: 'mollie.payments.subscriptions',
+    });
+
+    return searchTypeService;
+});
+

src/Resources/app/administration/src/main.js

@@ -1,6 +1,7 @@
 import './init/api-service.init';
 import './init/credit-card-components.init'
 import './extension/sw-flow-sequence-action';
+import './extension/structure/sw-search-bar-item';
 import './component/flow-sequence/action-order-ship-modal';
 import './component/flow-sequence/action-order-refund-modal';
 import './component/credit-card-logo'

src/Resources/app/administration/src/module/mollie-payments/default-search-configuration.js

@@ -0,0 +1,9 @@
+const defaultSearchConfiguration = {
+    _searchable: true,
+    description: {
+        _searchable: true,
+        _score: 500,
+    },
+};
+
+export default defaultSearchConfiguration;

src/Resources/app/administration/src/module/mollie-payments/index.js

@@ -17,6 +17,8 @@ import './components/mollie-ship-order';
 import './page/mollie-subscriptions-list';
 import './page/mollie-subscriptions-detail';
 
+import defaultSearchConfiguration from './default-search-configuration';
+
 // eslint-disable-next-line no-undef
 const {Module, ApiService, Plugin} = Shopware;
 
@@ -27,10 +29,10 @@ const resolve = Plugin.addBootPromise();
 const systemConfig = ApiService.getByName('systemConfigApiService')
 systemConfig.getValues('MolliePayments').then(config => {
 
-    const navigationRoutes = [];
+    const navigation = [];
 
     if(config['MolliePayments.config.subscriptionsEnabled']) {
-        navigationRoutes.push({
+        navigation.push({
             id: 'mollie-subscriptions',
             label: 'mollie-payments.subscriptions.navigation.title',
             path: 'mollie.payments.subscriptions',
@@ -42,13 +44,13 @@ systemConfig.getValues('MolliePayments').then(config => {
 
     Module.register('mollie-payments', {
         type: 'plugin',
-        name: 'mollie-payments.pluginTitle',
         title: 'mollie-payments.general.mainMenuItemGeneral',
         description: 'mollie-payments.general.descriptionTextModule',
         version: '1.0.0',
         targetVersion: '1.0.0',
         color: '#333',
-        icon: 'default-action-settings',
+        icon: 'default-money-card',
+        entity: 'mollie_subscription',
 
         routes: {
             subscriptions: {
@@ -76,7 +78,9 @@ systemConfig.getValues('MolliePayments').then(config => {
             },
         },
 
-        navigation: navigationRoutes,
+        navigation,
+
+        defaultSearchConfiguration,
     });
 
     // Now tell Shopware it's okay to load the administration

src/Resources/app/administration/src/module/mollie-payments/page/mollie-subscriptions-list/grids/MollieSubscriptionGrid.js

@@ -35,7 +35,7 @@ export default class MollieSubscriptionGrid {
                 property: 'status',
                 label: app.$tc('mollie-payments.subscriptions.list.columns.status'),
                 allowResize: true,
-                sortable: false, // this data doesnt really existing in the database, so sorting would throw an error
+                sortable: true,
             },
             {
                 property: 'amount',

src/Resources/app/administration/src/module/mollie-payments/page/mollie-subscriptions-list/index.js

@@ -38,6 +38,7 @@ Component.register('mollie-subscriptions-list', {
             sortDirection: 'DESC',
             naturalSorting: true,
             showHelp: false,
+            searchConfigEntity: 'mollie_subscription',
         }
     },
 
@@ -90,6 +91,17 @@ Component.register('mollie-subscriptions-list', {
             return this.subscriptions.length;
         },
 
+        /**
+         * Provide icon compatibility for 6.4. Shopware's compatibility mapping will be removed in 6.5
+         * @see vendor/shopware/administration/Resources/app/administration/src/app/component/base/sw-icon/legacy-icon-mapping.js
+         * @returns {object}
+         */
+        compatibilityIcons() {
+            const map = Component.getComponentRegistry();
+            return {
+                refresh: map.has('icons-regular-undo') ? 'regular-undo' : 'default-arrow-360-left',
+            };
+        },
     },
 
     methods: {
@@ -106,12 +118,19 @@ Component.register('mollie-subscriptions-list', {
         /**
          *
          */
-        getList() {
-
+        async getList() {
             this.isLoading = true;
             this.naturalSorting = this.sortBy === 'createdAt';
 
-            const criteria = new Criteria();
+            let criteria = new Criteria();
+
+            // Compatibility for 6.4.4, as admin search was improved in 6.4.5
+            if('addQueryScores' in this) {
+                criteria = await this.addQueryScores(this.term, criteria);
+            } else {
+                criteria.setTerm(this.term);
+            }
+
             criteria.addSorting(Criteria.sort(this.sortBy, this.sortDirection, this.naturalSorting));
             criteria.addAssociation('customer');
 

src/Resources/app/administration/src/module/mollie-payments/page/mollie-subscriptions-list/mollie-subscriptions-list.html.twig

@@ -1,5 +1,14 @@
 {% block mollie_payments_subscription_list %}
     <sw-page class="mollie-subscriptions">
+        {% block mollie_payments_subscription_list_search_bar %}
+            <template #search-bar>
+                <sw-search-bar initialSearchType="mollie_subscription"
+                               :initialSearch="term"
+                               @search="onSearch">
+                </sw-search-bar>
+            </template>
+        {% endblock %}
+
         {% block mollie_payments_subscription_list_smart_bar_header %}
             <template slot="smart-bar-header">
                 {% block mollie_payments_subscription_list_smart_bar_header_title %}
@@ -105,5 +114,15 @@
                 </sw-entity-listing>
             {% endblock %}
         </template>
+
+        <template #sidebar>
+            <sw-sidebar>
+                <sw-sidebar-item
+                    :icon="compatibilityIcons.refresh"
+                    :title="$tc('sw-product.list.titleSidebarItemRefresh')"
+                    @click="onRefresh"
+                />
+            </sw-sidebar>
+        </template>
     </sw-page>
 {% endblock %}

src/Resources/app/administration/src/snippet/de-DE.json

@@ -1,5 +1,8 @@
 {
   "global": {
+    "entities": {
+      "mollie_subscription": "Mollie Abonnement | Mollie Abonnements"
+    },
     "businessEvents": {
       "mollie_checkout_order_success": " Bestellung erfolgreich",
       "mollie_checkout_order_failed": " Bestellung fehlgeschlagen",
@@ -28,6 +31,7 @@
   "mollie-payments": {
     "pluginTitle": "Mollie",
     "pluginDescription": "Mollie Module",
+    "searchPlaceholder": "In Abonnements suchen...",
     "general": {
       "mainMenuItemGeneral": "Mollie Payments Zahlungen",
       "descriptionTextModule": "Mollie Payments Zahlungen",
@@ -445,6 +449,15 @@
       }
     }
   },
+  "sw-profile": {
+    "tabSearchPreferences": {
+      "modules": {
+        "mollie_subscription": {
+          "description": "Beschreibung"
+        }
+      }
+    }
+  },
   "sw-flow": {
     "triggers": {
       "mollie": "Mollie",

src/Resources/app/administration/src/snippet/en-GB.json

@@ -1,5 +1,8 @@
 {
   "global": {
+    "entities": {
+      "mollie_subscription": "Mollie Subscription | Mollie Subscriptions"
+    },
     "businessEvents": {
       "mollie_checkout_order_success": " Order successful",
       "mollie_checkout_order_failed": " Order failed",
@@ -27,7 +30,8 @@
   },
   "mollie-payments": {
     "pluginTitle": "Mollie",
-    "pluginDescription": "Mollie Modul",
+    "pluginDescription": "Mollie Module",
+    "searchPlaceholder": "Search subscriptions...",
     "general": {
       "mainMenuItemGeneral": "Mollie Payments",
       "descriptionTextModule": "Mollie Payments",
@@ -445,6 +449,15 @@
       }
     }
   },
+  "sw-profile": {
+    "tabSearchPreferences": {
+      "modules": {
+        "mollie_subscription": {
+          "description": "Description"
+        }
+      }
+    }
+  },
   "sw-flow": {
     "triggers": {
       "mollie": "Mollie",

src/Resources/app/administration/src/snippet/nl-NL.json

@@ -1,5 +1,8 @@
 {
   "global": {
+    "entities": {
+      "mollie_subscription": "Mollie Abonnement | Mollie Abonnementen"
+    },
     "businessEvents": {
       "mollie_checkout_order_success": " Bestelling succesvol",
       "mollie_checkout_order_failed": " Bestelling mislukt",
@@ -20,14 +23,15 @@
       "mollie_subscription_cancelled": " Mollie abonnement opgezegd",
       "mollie_subscription_paused": " Mollie abonnement gepauzeerd",
       "mollie_subscription_resumed": " Mollie abonnement hervat",
-      "mollie_subscription_skipped": " Mollie subscription overgeslagen",
+      "mollie_subscription_skipped": " Mollie abonnement overgeslagen",
       "mollie_subscription_renewed": " Mollie abonnement verlengd",
       "mollie_subscription_renewal_reminder": " Mollie herinnering voor abonnementsverlenging"
     }
   },
   "mollie-payments": {
     "pluginTitle": "Mollie",
     "pluginDescription": "Mollie Module",
+    "searchPlaceholder": "Zoek in abonnementen...",
     "general": {
       "mainMenuItemGeneral": "Mollie betalingen",
       "descriptionTextModule": "Mollie betalingen",
@@ -274,6 +278,7 @@
         "cancelButton": "Niet verzenden"
       }
     },
+
     "sw-flow": {
       "actions": {
         "shipOrder": {
@@ -445,6 +450,15 @@
       }
     }
   },
+  "sw-profile": {
+    "tabSearchPreferences": {
+      "modules": {
+        "mollie_subscription": {
+          "description": "Beschrijving"
+        }
+      }
+    }
+  },
   "sw-flow": {
     "triggers": {
       "mollie": "Mollie",

src/Resources/config/services/subscription/services.xml

@@ -10,6 +10,7 @@
 
         <service id="Kiener\MolliePayments\Components\Subscription\DAL\Subscription\SubscriptionDefinition">
             <tag name="shopware.entity.definition" entity="mollie_subscription"/>
+            <tag name="shopware.composite_search.definition" priority="1500"/>
         </service>
 
         <service id="Kiener\MolliePayments\Components\Subscription\DAL\Subscription\Aggregate\SubscriptionAddress\SubscriptionAddressDefinition">