From 143ca8f2ef73cb25857e3a3c98a32e6ef3f4c779 Mon Sep 17 00:00:00 2001
From: Richard Tibbles <richard@learningequality.org>
Date: Fri, 23 Aug 2024 14:36:55 -0700
Subject: [PATCH] Consolidate selection text formatting. Elide folders when 0.
 Update all usage of selection text to use common source.

---
 .../QuickEditModal/EditAudienceModal.vue      | 10 ++++---
 .../QuickEditModal/EditBooleanMapModal.vue    | 10 ++++---
 .../QuickEditModal/EditCategoriesModal.vue    |  5 ++++
 .../QuickEditModal/EditLanguageModal.vue      | 10 ++++---
 .../EditLearningActivitiesModal.vue           |  5 ++++
 .../QuickEditModal/EditLevelsModal.vue        |  7 ++++-
 .../EditResourcesNeededModal.vue              |  5 ++++
 .../QuickEditModal/EditSourceModal.vue        | 10 ++++---
 .../__tests__/EditAudienceModal.spec.js       |  1 +
 .../__tests__/EditBooleanMapModal.spec.js     |  3 +-
 .../__tests__/EditLanguageModal.spec.js       |  3 +-
 .../__tests__/EditSourceModal.spec.js         |  1 +
 .../components/QuickEditModal/index.vue       | 28 +++++++++++++++++--
 .../frontend/channelEdit/translator.js        |  2 ++
 .../channelEdit/views/CurrentTopicView.vue    | 15 ++--------
 .../channelEdit/views/trash/TrashModal.vue    | 10 ++++---
 .../channelEdit/vuex/contentNode/getters.js   |  8 ++++++
 17 files changed, 96 insertions(+), 37 deletions(-)

diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditAudienceModal.vue b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditAudienceModal.vue
index e76d4126fb..87a7f368b5 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditAudienceModal.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditAudienceModal.vue
@@ -8,8 +8,8 @@
     @submit="handleSave"
     @cancel="close"
   >
-    <p v-if="nodeIds.length > 1" data-test="resources-selected-message">
-      {{ $tr('resourcesSelected', { count: nodeIds.length }) }}
+    <p v-if="resourcesSelectedText.length > 0" data-test="resources-selected-message">
+      {{ resourcesSelectedText }}
     </p>
     <template v-if="isMultipleAudience">
       <p data-test="multiple-audience-message">
@@ -64,6 +64,10 @@
         type: Array,
         required: true,
       },
+      resourcesSelectedText: {
+        type: String,
+        default: '',
+      },
     },
     data() {
       return {
@@ -147,8 +151,6 @@
       editAudienceTitle: 'Edit Audience',
       saveAction: 'Save',
       cancelAction: 'Cancel',
-      resourcesSelected:
-        '{count, number, integer} {count, plural, one {resource} other {resources}} selected',
       forBeginnersCheckbox: 'For beginners',
       visibleTo: 'Visible to:',
       visibleToAnyone: 'Resources are visible to anyone',
diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditBooleanMapModal.vue b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditBooleanMapModal.vue
index 53189e0d39..8168d8a72d 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditBooleanMapModal.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditBooleanMapModal.vue
@@ -8,8 +8,8 @@
     @submit="handleSave"
     @cancel="close"
   >
-    <p v-if="nodeIds.length > 1" data-test="resources-selected-message">
-      {{ $tr('resourcesSelected', { count: nodeIds.length }) }}
+    <p v-if="resourcesSelectedText.length > 0" data-test="resources-selected-message">
+      {{ resourcesSelectedText }}
     </p>
     <template v-if="isDescendantsUpdatable && isTopicSelected">
       <KCheckbox
@@ -72,6 +72,10 @@
         type: Array,
         default: () => [],
       },
+      resourcesSelectedText: {
+        type: String,
+        default: '',
+      },
     },
     data() {
       return {
@@ -165,8 +169,6 @@
     $trs: {
       saveAction: 'Save',
       cancelAction: 'Cancel',
-      resourcesSelected:
-        '{count, number, integer} {count, plural, one {resource} other {resources}} selected',
       updateDescendantsCheckbox:
         'Apply to all resources and folders nested within the selected folders',
     },
diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditCategoriesModal.vue b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditCategoriesModal.vue
index 5d751b90cc..014709c5b2 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditCategoriesModal.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditCategoriesModal.vue
@@ -6,6 +6,7 @@
     :title="$tr('editCategories')"
     :nodeIds="nodeIds"
     :confirmationMessage="changesSaved"
+    :resourcesSelectedText="resourcesSelectedText"
     @close="() => $emit('close')"
   >
     <template #input="{ value, inputHandler }">
@@ -39,6 +40,10 @@
         type: Array,
         required: true,
       },
+      resourcesSelectedText: {
+        type: String,
+        default: '',
+      },
     },
     computed: {
       changesSaved() {
diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditLanguageModal.vue b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditLanguageModal.vue
index b8e945a148..3a23ccd2a0 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditLanguageModal.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditLanguageModal.vue
@@ -9,8 +9,8 @@
     @submit="handleSave"
     @cancel="close"
   >
-    <p v-if="nodeIds.length > 1" data-test="resources-selected-message">
-      {{ $tr('resourcesSelected', { count: nodeIds.length }) }}
+    <p v-if="resourcesSelectedText.length > 0" data-test="resources-selected-message">
+      {{ resourcesSelectedText }}
     </p>
     <p v-if="isMultipleNodeLanguages" data-test="different-languages-message">
       {{ $tr('differentLanguages') }}
@@ -69,6 +69,10 @@
         type: Array,
         required: true,
       },
+      resourcesSelectedText: {
+        type: String,
+        default: '',
+      },
     },
     data() {
       return {
@@ -156,8 +160,6 @@
       saveAction: 'Save',
       cancelAction: 'Cancel',
       selectLanguage: 'Select / Type Language',
-      resourcesSelected:
-        '{count, number, integer} {count, plural, one {resource} other {resources}} selected',
       differentLanguages:
         'The selected resources have different languages set. Choosing an option below will apply the language to all the selected resources',
       updateDescendantsCheckbox:
diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditLearningActivitiesModal.vue b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditLearningActivitiesModal.vue
index 1cd835f055..377717a70b 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditLearningActivitiesModal.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditLearningActivitiesModal.vue
@@ -7,6 +7,7 @@
     :nodeIds="nodeIds"
     :validators="learningActivityValidators"
     :confirmationMessage="changesSaved"
+    :resourcesSelectedText="resourcesSelectedText"
     @close="() => $emit('close')"
   >
     <template #input="{ value, inputHandler }">
@@ -41,6 +42,10 @@
         type: Array,
         required: true,
       },
+      resourcesSelectedText: {
+        type: String,
+        default: '',
+      },
     },
     computed: {
       learningActivityValidators() {
diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditLevelsModal.vue b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditLevelsModal.vue
index 54691b61f0..06b0137ea0 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditLevelsModal.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditLevelsModal.vue
@@ -6,6 +6,7 @@
     :title="$tr('editLevelsTitle')"
     :nodeIds="nodeIds"
     :confirmationMessage="changesSaved"
+    :resourcesSelectedText="resourcesSelectedText"
     @close="() => $emit('close')"
   >
     <template #input="{ value, inputHandler }">
@@ -39,6 +40,10 @@
         type: Array,
         required: true,
       },
+      resourcesSelectedText: {
+        type: String,
+        default: '',
+      },
     },
     computed: {
       changesSaved() {
@@ -47,7 +52,7 @@
       },
     },
     $trs: {
-      editLevelsTitle: 'What Levels',
+      editLevelsTitle: 'Edit Levels',
     },
   };
 
diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditResourcesNeededModal.vue b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditResourcesNeededModal.vue
index 72a21c717d..f7ee9ace3c 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditResourcesNeededModal.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditResourcesNeededModal.vue
@@ -6,6 +6,7 @@
     :title="$tr('editResourcesNeededTitle')"
     :nodeIds="nodeIds"
     :confirmationMessage="changesSaved"
+    :resourcesSelectedText="resourcesSelectedText"
     @close="() => $emit('close')"
   >
     <template #input="{ value, inputHandler }">
@@ -39,6 +40,10 @@
         type: Array,
         required: true,
       },
+      resourcesSelectedText: {
+        type: String,
+        default: '',
+      },
     },
     computed: {
       changesSaved() {
diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditSourceModal.vue b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditSourceModal.vue
index 4ee8fd82dc..8e5524bd27 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditSourceModal.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/EditSourceModal.vue
@@ -10,8 +10,8 @@
       @submit="handleSave"
       @cancel="close"
     >
-      <p v-if="nodeIds.length > 1" data-test="resources-selected-message" style="margin-top: 8px;">
-        {{ $tr('resourcesSelected', { count: nodeIds.length }) }}
+      <p v-if="resourcesSelectedText.length > 0" data-test="resources-selected-message">
+        {{ resourcesSelectedText }}
       </p>
       <div class="form-item">
         <div class="input-container">
@@ -146,6 +146,10 @@
         type: Array,
         required: true,
       },
+      resourcesSelectedText: {
+        type: String,
+        default: '',
+      },
     },
     data() {
       /* eslint-disable  kolibri/vue-no-unused-properties */
@@ -271,8 +275,6 @@
       aggregatorLabel: 'Aggregator',
       aggregatorToolTip:
         'Website or org hosting the content collection but not necessarily the creator or copyright holder',
-      resourcesSelected:
-        '{count, number, integer} {count, plural, one {resource} other {resources}} selected',
       copyrightHolderLabel: 'Copyright holder',
       cannotEditPublic: 'Cannot edit for public channel resources',
       editOnlyLocal: 'Edits will be reflected only for local resources',
diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/__tests__/EditAudienceModal.spec.js b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/__tests__/EditAudienceModal.spec.js
index d209690647..2201530c35 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/__tests__/EditAudienceModal.spec.js
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/__tests__/EditAudienceModal.spec.js
@@ -38,6 +38,7 @@ const makeWrapper = nodeIds => {
     store,
     propsData: {
       nodeIds,
+      resourcesSelectedText: '2 resources',
     },
   });
 };
diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/__tests__/EditBooleanMapModal.spec.js b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/__tests__/EditBooleanMapModal.spec.js
index 576b6639bb..43e7237d41 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/__tests__/EditBooleanMapModal.spec.js
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/__tests__/EditBooleanMapModal.spec.js
@@ -69,6 +69,7 @@ const makeWrapper = ({ nodeIds, field = 'categories', ...restOptions }) => {
       field,
       autocompleteLabel: 'Select option',
       confirmationMessage: 'edited',
+      resourcesSelectedText: '2 resources',
       ...restOptions,
     },
     scopedSlots: {
@@ -217,7 +218,7 @@ describe('EditBooleanMapModal', () => {
 
     const resourcesCounter = wrapper.find('[data-test="resources-selected-message"]');
     expect(resourcesCounter.exists()).toBeTruthy();
-    expect(resourcesCounter.text()).toContain('4');
+    expect(resourcesCounter.text()).toContain('2 resources');
   });
 
   describe('Submit', () => {
diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/__tests__/EditLanguageModal.spec.js b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/__tests__/EditLanguageModal.spec.js
index a18f7556aa..4a53039d92 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/__tests__/EditLanguageModal.spec.js
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/__tests__/EditLanguageModal.spec.js
@@ -20,6 +20,7 @@ const makeWrapper = nodeIds => {
     store,
     propsData: {
       nodeIds,
+      resourcesSelectedText: '2 resources',
     },
   });
 };
@@ -101,7 +102,7 @@ describe('EditLanguageModal', () => {
 
     const resourcesCounter = wrapper.find('[data-test="resources-selected-message"]');
     expect(resourcesCounter.exists()).toBeTruthy();
-    expect(resourcesCounter.text()).toContain('4');
+    expect(resourcesCounter.text()).toContain('2 resources');
   });
 
   test('should filter languages options based on search query', () => {
diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/__tests__/EditSourceModal.spec.js b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/__tests__/EditSourceModal.spec.js
index d2e86f40e5..ae88d106ef 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/__tests__/EditSourceModal.spec.js
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/__tests__/EditSourceModal.spec.js
@@ -41,6 +41,7 @@ const makeWrapper = nodeIds => {
     store,
     propsData: {
       nodeIds,
+      resourcesSelectedText: '2 resources',
     },
   });
 };
diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/index.vue b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/index.vue
index 9042367bb9..7496cd8a4d 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/index.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/components/QuickEditModal/index.vue
@@ -9,36 +9,43 @@
     <EditLanguageModal
       v-if="isLanguageOpen"
       :nodeIds="nodeIds"
+      :resourcesSelectedText="displayedResourceSelectedText"
       @close="close"
     />
     <EditResourcesNeededModal
       v-if="isResourcesNeededOpen"
       :nodeIds="nodeIds"
+      :resourcesSelectedText="displayedResourceSelectedText"
       @close="close"
     />
     <EditCategoriesModal
       v-if="isCategoriesOpen"
       :nodeIds="nodeIds"
+      :resourcesSelectedText="displayedResourceSelectedText"
       @close="close"
     />
     <EditLevelsModal
       v-if="isLevelsOpen"
       :nodeIds="nodeIds"
+      :resourcesSelectedText="displayedResourceSelectedText"
       @close="close"
     />
     <EditLearningActivitiesModal
       v-if="isLearningActivitiesOpen"
       :nodeIds="nodeIds"
+      :resourcesSelectedText="displayedResourceSelectedText"
       @close="close"
     />
     <EditSourceModal
       v-if="isEditSourceOpen"
       :nodeIds="nodeIds"
+      :resourcesSelectedText="displayedResourceSelectedText"
       @close="close"
     />
     <EditAudienceModal
       v-if="isAudienceOpen"
       :nodeIds="nodeIds"
+      :resourcesSelectedText="displayedResourceSelectedText"
       @close="close"
     />
     <EditCompletionModal
@@ -55,6 +62,7 @@
 
   import { mapGetters, mapActions } from 'vuex';
   import { QuickEditModals } from '../../constants';
+  import messages from '../../translator';
   import EditSourceModal from './EditSourceModal';
   import EditLevelsModal from './EditLevelsModal';
   import EditLanguageModal from './EditLanguageModal';
@@ -79,7 +87,10 @@
       EditLearningActivitiesModal,
     },
     computed: {
-      ...mapGetters('contentNode', ['getQuickEditModalOpen']),
+      ...mapGetters('contentNode', [
+        'getQuickEditModalOpen',
+        'getSelectedTopicAndResourceCountText',
+      ]),
       openedModal() {
         const quickEditModal = this.getQuickEditModalOpen();
         if (!quickEditModal) {
@@ -94,6 +105,19 @@
         }
         return quickEditModal.nodeIds;
       },
+      resourcesSelectedText() {
+        return this.getSelectedTopicAndResourceCountText(this.nodeIds);
+      },
+      singleResourceSelected() {
+        return (
+          this.resourcesSelectedText ===
+          // eslint-disable-next-line kolibri/vue-no-undefined-string-uses
+          messages.$tr('selectionCount', { topicCount: 0, resourceCount: 1 })
+        );
+      },
+      displayedResourceSelectedText() {
+        return this.singleResourceSelected ? '' : this.resourcesSelectedText;
+      },
       isTitleDescriptionOpen() {
         return this.openedModal === QuickEditModals.TITLE_DESCRIPTION;
       },
@@ -134,5 +158,5 @@
 
 
 <style lang="scss" scoped>
-  
+
 </style>
diff --git a/contentcuration/contentcuration/frontend/channelEdit/translator.js b/contentcuration/contentcuration/frontend/channelEdit/translator.js
index d58efa3f33..9479fbbcec 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/translator.js
+++ b/contentcuration/contentcuration/frontend/channelEdit/translator.js
@@ -14,6 +14,8 @@ const MESSAGES = {
   errorMissingAnswer: 'Choose a correct answer',
   errorChooseAtLeastOneCorrectAnswer: 'Choose at least one correct answer',
   errorProvideAtLeastOneCorrectAnswer: 'Provide at least one correct answer',
+  selectionCount:
+    '{topicCount, plural, =0 {} one {# folder, } other {# folders, }}{resourceCount, plural, one {# resource} other {# resources}}',
 };
 
 export default createTranslator(NAMESPACE, MESSAGES);
diff --git a/contentcuration/contentcuration/frontend/channelEdit/views/CurrentTopicView.vue b/contentcuration/contentcuration/frontend/channelEdit/views/CurrentTopicView.vue
index afcd143a3a..b35dbb8aad 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/views/CurrentTopicView.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/views/CurrentTopicView.vue
@@ -60,17 +60,10 @@
           v-if="node && node.total_count"
           v-model="selectAll"
           :indeterminate="selected.length > 0 && !selectAll"
-          :label="selected.length ? '' : $tr('selectAllLabel')"
+          :label="selected.length ? selectionText : $tr('selectAllLabel')"
           style="font-size: 16px;"
         />
       </div>
-      <div
-        v-show="selected.length"
-        v-if="$vuetify.breakpoint.mdAndUp"
-        class="no-shrink px-1"
-      >
-        {{ selectionText }}
-      </div>
       <div v-if="selected.length" class="command-palette-wrapper">
         <KListWithOverflow
           :items="commandPaletteOptions"
@@ -308,7 +301,7 @@
         'getContentNode',
         'getContentNodes',
         'getContentNodeAncestors',
-        'getTopicAndResourceCounts',
+        'getSelectedTopicAndResourceCountText',
         'getContentNodeChildren',
         'isNodeInCopyingState',
       ]),
@@ -502,7 +495,7 @@
         };
       },
       selectionText() {
-        return this.$tr('selectionCount', this.getTopicAndResourceCounts(this.selected));
+        return this.getSelectedTopicAndResourceCountText(this.selected);
       },
       draggableId() {
         return DraggableRegions.TOPIC_VIEW;
@@ -927,8 +920,6 @@
       moveSelectedButton: 'Move',
       duplicateSelectedButton: 'Make a copy',
       deleteSelectedButton: 'Delete',
-      selectionCount:
-        '{topicCount, plural,\n =1 {# folder}\n other {# folders}}, {resourceCount, plural,\n =1 {# resource}\n other {# resources}}',
       undo: 'Undo',
       creatingCopies: 'Copying...',
       copiedItems: 'Copy operation complete',
diff --git a/contentcuration/contentcuration/frontend/channelEdit/views/trash/TrashModal.vue b/contentcuration/contentcuration/frontend/channelEdit/views/trash/TrashModal.vue
index a00c9e2b55..c18a221f1e 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/views/trash/TrashModal.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/views/trash/TrashModal.vue
@@ -78,7 +78,7 @@
     </VContent>
     <template #bottom>
       <span v-if="selected.length" class="mr-4 subheading">
-        {{ $tr('selectedCountText', counts) }}
+        {{ getSelectedTopicAndResourceCountText(selected) }}
       </span>
       <VSpacer />
       <VBtn
@@ -167,7 +167,11 @@
     },
     computed: {
       ...mapGetters('currentChannel', ['currentChannel', 'trashId', 'rootId']),
-      ...mapGetters('contentNode', ['getContentNodeChildren', 'getTopicAndResourceCounts']),
+      ...mapGetters('contentNode', [
+        'getContentNodeChildren',
+        'getTopicAndResourceCounts',
+        'getSelectedTopicAndResourceCountText',
+      ]),
       headers() {
         return [
           {
@@ -261,8 +265,6 @@
       trashEmptySubtext: 'Resources removed from this channel will appear here',
       selectAllHeader: 'Select all',
       deletedHeader: 'Removed',
-      selectedCountText:
-        '{topicCount, plural,\n =1 {# folder}\n other {# folders}}, {resourceCount, plural,\n =1 {# resource}\n other {# resources}}',
       deleteButton: 'Delete',
       restoreButton: 'Restore',
       deleteConfirmationHeader:
diff --git a/contentcuration/contentcuration/frontend/channelEdit/vuex/contentNode/getters.js b/contentcuration/contentcuration/frontend/channelEdit/vuex/contentNode/getters.js
index b6567221f0..4cbcadace2 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/vuex/contentNode/getters.js
+++ b/contentcuration/contentcuration/frontend/channelEdit/vuex/contentNode/getters.js
@@ -3,6 +3,7 @@ import sortBy from 'lodash/sortBy';
 import uniq from 'lodash/uniq';
 import uniqBy from 'lodash/uniqBy';
 
+import messages from '../../translator';
 import { parseNode } from './utils';
 import { getNodeDetailsErrors, getNodeFilesErrors } from 'shared/utils/validation';
 import { ContentKindsNames } from 'shared/leUtils/ContentKinds';
@@ -104,6 +105,13 @@ export function getTopicAndResourceCounts(state, getters) {
   };
 }
 
+export function getSelectedTopicAndResourceCountText(state, getters) {
+  return function(contentNodeIds) {
+    const { topicCount, resourceCount } = getters.getTopicAndResourceCounts(contentNodeIds);
+    return messages.$tr('selectionCount', { topicCount, resourceCount });
+  };
+}
+
 export function getContentNodeChildren(state, getters) {
   return function(contentNodeId) {
     return sorted(