From 3e359e35fcfc43d6e3cc953f5441f686540ddb4a Mon Sep 17 00:00:00 2001
From: "pre-commit-ci-lite[bot]"
 <117423508+pre-commit-ci-lite[bot]@users.noreply.github.com>
Date: Thu, 28 Nov 2024 18:11:36 +0000
Subject: [PATCH] [pre-commit.ci lite] apply automatic fixes

---
 .../LessonResourceSelectionPage/index.vue     |  17 +--
 .../views/lessons/LessonSummaryPage/index.vue |   9 +-
 .../sidePanels/LessonResourceSelection.vue    |  18 +--
 .../ManageSelectedLessonResource.vue          |  72 +++++------
 .../sidePanels/SelectedResources.vue          | 114 +++++++++---------
 .../strings/searchAndFilterStrings.js         |   7 +-
 6 files changed, 120 insertions(+), 117 deletions(-)

diff --git a/kolibri/plugins/coach/assets/src/views/lessons/LessonResourceSelectionPage/index.vue b/kolibri/plugins/coach/assets/src/views/lessons/LessonResourceSelectionPage/index.vue
index 361ca6043b1..9ee4c108754 100644
--- a/kolibri/plugins/coach/assets/src/views/lessons/LessonResourceSelectionPage/index.vue
+++ b/kolibri/plugins/coach/assets/src/views/lessons/LessonResourceSelectionPage/index.vue
@@ -100,7 +100,7 @@
         :text="$tr('numbeOfSelectedResourcesLabel', { count: workingResources.length })"
         :primary="true"
         :to="goToPreviewSelection()"
-        :style="{ marginRight: '1em' , marginTop: '0.5em' }"
+        :style="{ marginRight: '1em', marginTop: '0.5em' }"
       />
 
       <KRouterLink
@@ -568,19 +568,20 @@
       topicsLink(topicId) {
         return this.topicListingLink({ ...this.$route.params, topicId });
       },
-      goToPreviewSelection(){
-        return{
-           name: PageNames.LESSON_PREVIEW_SELECTED_RESOURCES
-        }
-      }
+      goToPreviewSelection() {
+        return {
+          name: PageNames.LESSON_PREVIEW_SELECTED_RESOURCES,
+        };
+      },
     },
     $trs: {
       resources: {
         message: '{count} {count, plural, one {resource} other {resources}}',
         context: "Only translate 'resource' and 'resources'.",
       },
-      numbeOfSelectedResourcesLabel:{
-        message:'{count, number, integer} {count, plural, one {resource selected} other {resources selected}} '
+      numbeOfSelectedResourcesLabel: {
+        message:
+          '{count, number, integer} {count, plural, one {resource selected} other {resources selected}} ',
       },
       selectionInformation: {
         message:
diff --git a/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/index.vue b/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/index.vue
index 170df322b34..e66159f2006 100644
--- a/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/index.vue
+++ b/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/index.vue
@@ -150,7 +150,7 @@
         ReportsLessonTabs,
         workingResourcesBackup,
         REPORTS_LESSON_TABS_ID,
-        showSidePanel:true,
+        showSidePanel: true,
       };
     },
     computed: {
@@ -361,9 +361,10 @@
         context: 'Allows user to undo an action.',
       },
       numberOfSelectedResource: {
-        message: '{count, number, integer} {count, plural, one {resource selected} other {resources selected}}',
-        context:'Indicates the number of resources selected'
-      }
+        message:
+          '{count, number, integer} {count, plural, one {resource selected} other {resources selected}}',
+        context: 'Indicates the number of resources selected',
+      },
     },
   };
 
diff --git a/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/sidePanels/LessonResourceSelection.vue b/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/sidePanels/LessonResourceSelection.vue
index d2995edde70..683543712c6 100644
--- a/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/sidePanels/LessonResourceSelection.vue
+++ b/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/sidePanels/LessonResourceSelection.vue
@@ -75,7 +75,7 @@
           :text="$tr('numbeOfSelectedResourcesLabel', { count: workingResources.length })"
           :primary="true"
           :to="{ name: PageNames.LESSON_PREVIEW_SELECTED_RESOURCES }"
-          :style="{ marginRight: '1em' , marginTop: '0.5em' }"
+          :style="{ marginRight: '1em', marginTop: '0.5em' }"
         />
         <KButton
           primary
@@ -157,12 +157,12 @@
         saveAndFinishAction$,
       };
     },
-    data(){
+    data() {
       return {
         PageNames,
-      }
+      };
     },
-    computed:{
+    computed: {
       ...mapState('lessonSummary', ['workingResources']),
     },
     methods: {
@@ -176,10 +176,12 @@
         context:
           "In the 'Manage lesson resources' coaches can add new/remove resource material to a lesson.",
       },
-      numbeOfSelectedResourcesLabel:{
-        message:'{count, number, integer} {count, plural, one {resource selected} other {resources selected}} ',
-        context:"This is the label that shows the number of resources selected in the lesson resource selection page"
-      }
+      numbeOfSelectedResourcesLabel: {
+        message:
+          '{count, number, integer} {count, plural, one {resource selected} other {resources selected}} ',
+        context:
+          'This is the label that shows the number of resources selected in the lesson resource selection page',
+      },
     },
   };
 
diff --git a/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/sidePanels/ManageSelectedLessonResource.vue b/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/sidePanels/ManageSelectedLessonResource.vue
index 57b7b351760..7850a80e30f 100644
--- a/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/sidePanels/ManageSelectedLessonResource.vue
+++ b/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/sidePanels/ManageSelectedLessonResource.vue
@@ -1,4 +1,5 @@
 <template>
+
   <SidePanelModal
     alignment="right"
     sidePanelWidth="700px"
@@ -7,14 +8,17 @@
     @shouldFocusFirstEl="() => null"
   >
     <template #header>
-      <div :style="{ display:'inline-flex' }">
+      <div :style="{ display: 'inline-flex' }">
         <KIconButton
           v-if="true"
           icon="back"
           @click="$router.go(-1)"
         />
-        <h1 :style="{ fontWeight: '600', fontSize: '18px' }" class="side-panel-title">
-           {{ numberOfSelectedResource$({ count : resources.length })}}
+        <h1
+          :style="{ fontWeight: '600', fontSize: '18px' }"
+          class="side-panel-title"
+        >
+          {{ numberOfSelectedResource$({ count: resources.length }) }}
         </h1>
       </div>
     </template>
@@ -26,7 +30,6 @@
       @removeResource="removeResource"
     />
 
-
     <template #bottomNavigation>
       <div class="bottom-buttons-style">
         <KButton
@@ -46,48 +49,47 @@
   import SidePanelModal from 'kolibri-common/components/SidePanelModal';
   import { mapState } from 'vuex';
   import { searchAndFilterStrings } from 'kolibri-common/strings/searchAndFilterStrings';
-  import SelectedResources from './SelectedResources';
   import { PageNames } from '../../../../constants';
   import commonCoach from '../../../common';
+  import SelectedResources from './SelectedResources';
 
   export default {
-    name:'ManageSelectedLessonResources',
+    name: 'ManageSelectedLessonResources',
     components: {
       SidePanelModal,
-      SelectedResources
+      SelectedResources,
     },
     mixins: [commonCoach],
     setup() {
-      const { saveLessonResources$,numberOfSelectedResource$ } =
-        searchAndFilterStrings;
+      const { saveLessonResources$, numberOfSelectedResource$ } = searchAndFilterStrings;
       return {
         saveLessonResources$,
-        numberOfSelectedResource$
+        numberOfSelectedResource$,
       };
-  },
+    },
     computed: {
-      ...mapState('lessonSummary', ['currentLesson', 'workingResources','resourceCache']),
-      lessonOrderListButtonBorder(){
+      ...mapState('lessonSummary', ['currentLesson', 'workingResources', 'resourceCache']),
+      lessonOrderListButtonBorder() {
         return {
           borderBottom: `1px solid ${this.$themePalette.grey.v_200}`,
-          height:`4em`,
-          marginTop:`0.5em`
+          height: `4em`,
+          marginTop: `0.5em`,
         };
       },
     },
-    data(){
+    data() {
       return {
         PageNames,
-        resources :[]
-      }
+        resources: [],
+      };
     },
-    mounted(){
+    mounted() {
       setTimeout(() => {
         this.getResources();
       }, 2000);
     },
-    methods:{
-      removeResource(id){
+    methods: {
+      removeResource(id) {
         this.resources = this.resources.filter(lesson => lesson.id !== id);
       },
       recipients() {
@@ -95,7 +97,7 @@
           ? this.getLearnersForGroups([this.group.id])
           : this.getLearnersForLesson(this.currentLesson);
       },
-      getResources(){
+      getResources() {
         const response = this.workingResources.map(resource => {
           const content = this.resourceCache[resource.contentnode_id];
           if (!content) {
@@ -110,7 +112,6 @@
             // tally,
           };
 
-
           const link = {};
           if (link) {
             tableRow.link = link;
@@ -119,11 +120,13 @@
           return tableRow;
         });
 
-        Promise.all(response).then((results) => {
-          this.resources = results;
-        }).catch((error) => {
-          console.error("An error occurred:", error);
-        });
+        Promise.all(response)
+          .then(results => {
+            this.resources = results;
+          })
+          .catch(error => {
+            console.error('An error occurred:', error);
+          });
       },
       resourceLink(resource) {
         if (resource.hasAssignments) {
@@ -143,13 +146,14 @@
         }
       },
       closeSidePanel() {
-        this.$router.push({ name: PageNames.LESSONS_ROOT , params: { classId: this.$route.params.classId }});
+        this.$router.push({
+          name: PageNames.LESSONS_ROOT,
+          params: { classId: this.$route.params.classId },
+        });
       },
     },
-    $trs:{
-      
-    }
-  }
+    $trs: {},
+  };
 
 </script>
 
@@ -168,4 +172,4 @@
     border-top: 1px solid black;
   }
 
-</style>
\ No newline at end of file
+</style>
diff --git a/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/sidePanels/SelectedResources.vue b/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/sidePanels/SelectedResources.vue
index ab79c3f381b..6d82be0e20e 100644
--- a/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/sidePanels/SelectedResources.vue
+++ b/kolibri/plugins/coach/assets/src/views/lessons/LessonSummaryPage/sidePanels/SelectedResources.vue
@@ -3,11 +3,11 @@
   <div v-if="loading">
     <KCircularLoader />
   </div>
-  <div 
+  <div
     v-else
     class="resource-list-style"
   >
-    <p>{{ coreString('lessonsLabel') }} : {{ currentLesson.title }} </p>
+    <p>{{ coreString('lessonsLabel') }} : {{ currentLesson.title }}</p>
     <p>{{ $tr('sizeLabel') }} : {{ bytesForHumans(currentLesson.size) }}</p>
 
     <DragContainer
@@ -19,12 +19,12 @@
         name="list"
       >
         <Draggable
-          v-for="(lesson , index) in resourceList"
+          v-for="(lesson, index) in resourceList"
           :key="lesson.id"
           :style="lessonOrderListButtonBorder"
         >
           <KGrid>
-            <KGridItem 
+            <KGridItem
               :layout12="{ span: 10 }"
               :layout8="{ span: 5 }"
               :layout4="{ span: 3 }"
@@ -41,10 +41,8 @@
                     @moveDown="() => {}"
                   />
                 </DragHandle>
-                <div style="padding:0px 10px">
-                  <span
-                    style="flex: 1"
-                  >
+                <div style="padding: 0 10px">
+                  <span style="flex: 1">
                     <LearningActivityIcon
                       :kind="lesson.learning_activities[0]"
                       class="icon-style"
@@ -52,39 +50,35 @@
                   </span>
                 </div>
                 <div>
-                  <span
-                    class="arrange-item-block"
-                  >
+                  <span class="arrange-item-block">
                     <span>
                       <KRouterLink
                         v-if="lesson.link"
                         :text="lesson.title"
                         :to="lesson.link"
-                        style="font-size:14px"
+                        style="font-size: 14px"
                       />
                     </span>
-                    <p style="font-size:12px"> {{ bytesForHumans(lesson.files[0].file_size) }} </p>
+                    <p style="font-size: 12px">{{ bytesForHumans(lesson.files[0].file_size) }}</p>
                   </span>
                 </div>
               </div>
             </KGridItem>
-    
-            <KGridItem 
+
+            <KGridItem
               :layout12="{ span: 2 }"
               :layout8="{ span: 3 }"
               :layout4="{ span: 1 }"
             >
-              <span
-                class="add-minus-button"
-              >
+              <span class="add-minus-button">
                 <KIconButton
                   icon="emptyTopic"
-                  @click="()=>{ }"
+                  @click="() => {}"
                 />
-    
+
                 <KIconButton
                   icon="minus"
-                  @click="$emit('removeResource',lesson.id)"
+                  @click="$emit('removeResource', lesson.id)"
                 />
               </span>
             </KGridItem>
@@ -107,79 +101,79 @@
   import LearningActivityIcon from 'kolibri-common/components/ResourceDisplayAndSearch/LearningActivityIcon.vue';
   import bytesForHumans from 'kolibri/uiText/bytesForHumans';
   import { searchAndFilterStrings } from 'kolibri-common/strings/searchAndFilterStrings';
-  
+
   export default {
-    name:"SelectedResources",
-    components:{
+    name: 'SelectedResources',
+    components: {
       DragSortWidget,
       DragContainer,
       DragHandle,
       Draggable,
-      LearningActivityIcon
+      LearningActivityIcon,
     },
-    mixins:[commonCoreStrings],
-    setup(){
+    mixins: [commonCoreStrings],
+    setup() {
       const { upLabel$, downLabel$ } = searchAndFilterStrings;
       return {
         upLabel$,
-        downLabel$
+        downLabel$,
       };
     },
-    props:{
-      resourceList:{
+    props: {
+      resourceList: {
         type: Array,
-        required:true
+        required: true,
+      },
+      currentLesson: {
+        type: Object,
+        required: true,
       },
-      currentLesson:{
-        type:Object,
-        required:true
+      loading: {
+        type: Boolean,
+        required: true,
       },
-      loading:{
-        type:Boolean,
-        required:true
-      }
     },
 
-    computed:{
-      lessonOrderListButtonBorder(){
+    computed: {
+      lessonOrderListButtonBorder() {
         return {
-          borderBottom: `1px solid ${this.$themePalette.grey.v_200}`, 
-          height:`auto`,
-          width:`100%`
+          borderBottom: `1px solid ${this.$themePalette.grey.v_200}`,
+          height: `auto`,
+          width: `100%`,
         };
       },
     },
 
-    methods:{
-      bytesForHumans
+    methods: {
+      bytesForHumans,
     },
-    $trs:{
-      sizeLabel:{
+    $trs: {
+      sizeLabel: {
         message: 'Size',
-        context: 'Size of the lesson'
+        context: 'Size of the lesson',
       },
-    }
-  }
+    },
+  };
 
 </script>
 
 
-<style scoped >
+<style scoped>
 
- .add-minus-button{
-    float:right;
+  .add-minus-button {
+    float: right;
   }
 
-  .arrange-item-block{
-    display:block;
+  .arrange-item-block {
+    display: block;
   }
 
-  .icon-style{
-    font-size:24px;
+  .icon-style {
+    font-size: 24px;
   }
 
-  .resource-list-style{
+  .resource-list-style {
     margin-bottom: 3.5em;
   }
-  
-</style>
\ No newline at end of file
+
+</style>
diff --git a/packages/kolibri-common/strings/searchAndFilterStrings.js b/packages/kolibri-common/strings/searchAndFilterStrings.js
index 0c7dab0c257..7cb339ddf7a 100644
--- a/packages/kolibri-common/strings/searchAndFilterStrings.js
+++ b/packages/kolibri-common/strings/searchAndFilterStrings.js
@@ -40,7 +40,8 @@ export const searchAndFilterStrings = createTranslator('SearchAndFilterStrings',
     context: 'Button to save resources in a lesson',
   },
   numberOfSelectedResource: {
-    message: '{count, number, integer} {count, plural, one {resource selected} other {resources selected}}',
-    context:'Indicates the number of resources selected'
-  }
+    message:
+      '{count, number, integer} {count, plural, one {resource selected} other {resources selected}}',
+    context: 'Indicates the number of resources selected',
+  },
 });