Display module label and count in basic modal

apostrophecms · Aug 4, 2023 · 2c8ddba · 2c8ddba
1 parent 131c5ad
commit 2c8ddba
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/modules/@apostrophecms/import-export-doc-type/index.js b/modules/@apostrophecms/import-export-doc-type/index.js
@@ -8,8 +8,7 @@ module.exports = {
       action: 'export',
       context: 'update',
       label: 'aposImportExport:export',
-      modal: 'AposExportPiecesModal',
-      currentModuleName: true
+      modal: 'AposExportPiecesModal'
     };
 
     if (self.options.export === false) {
@@ -23,6 +22,6 @@ module.exports = {
       };
     }
 
-    self.apos.doc.addContextOperation(self.__meta.name, criteria);
+    self.apos.doc.addContextOperation(criteria);
   }
 };
diff --git a/ui/apos/components/AposExportPiecesModal.vue b/ui/apos/components/AposExportPiecesModal.vue
@@ -12,12 +12,12 @@
       <AposModalBody>
         <template #bodyMain>
           <h2 class="apos-export-pieces__heading">
-            {{ $t('aposImportExport:export') }} {{ moduleName }}
+            {{ $t('aposImportExport:export') }} {{ moduleLabel }}
           </h2>
           <p
             class="apos-export-pieces__description"
           >
-            {{ $t('aposImportExport:exportModalDescription', { count, type: moduleName }) }}
+            {{ $t('aposImportExport:exportModalDescription', { count, type: moduleLabel }) }}
           </p>
           <div class="apos-export-pieces__btns">
             <AposButton
@@ -63,9 +63,18 @@ export default {
     };
   },
 
+  computed: {
+    moduleLabel() {
+      const moduleOptions = window.apos.modules[this.moduleName];
+      const label = this.count > 1 ? moduleOptions.pluralLabel : moduleOptions.label;
+      return this.$t(label).toLowerCase();
+    }
+  },
+
   async mounted() {
     this.modal.active = true;
   },
+
   methods: {
     ready() {
       this.$refs.exportPieces.$el.querySelector('button').focus();