Rename ImageCard to SelectableImageCard.

resources/vue/components/courseware/CoursewareShelfDialogAdd.vue

@@ -35,7 +35,7 @@
                         />
                 </label>
                 <label v-if="selectedStockImage">
-                    <StockImageCard :stock-image="selectedStockImage" />
+                    <StockImageSelectableImageCard :stock-image="selectedStockImage" />
                     <button class="button" type="button" @click="selectedStockImage = null">
                         {{ $gettext('Entfernen') }}
                     </button>
@@ -130,7 +130,7 @@
 </template>
 
 <script>
-import StockImageCard from '../stock-images/ImageCard.vue';
+import StockImageSelectableImageCard from '../stock-images/SelectableImageCard.vue';
 import StockImageChooser from '../stock-images/ChooserDialog.vue';
 import StudipSelect from './../StudipSelect.vue';
 import StudipWizardDialog from './../StudipWizardDialog.vue';
@@ -141,7 +141,7 @@ export default {
     name: 'courseware-shelf-dialog-add',
     mixins: [colorMixin],
     components: {
-        StockImageCard,
+        StockImageSelectableImageCard,
         StockImageChooser,
         StudipWizardDialog,
         StudipSelect,

resources/vue/components/stock-images/Chooser.vue

@@ -10,7 +10,7 @@
         </div>
         <ul>
             <li v-for="stockImage in filteredStockImages" :key="stockImage.id">
-                <ImageCard :stock-image="stockImage" @click.native="onSelectImage(stockImage)" />
+                <SelectableImageCard :stock-image="stockImage" @click.native="onSelectImage(stockImage)" />
             </li>
         </ul>
     </div>
@@ -18,11 +18,10 @@
 
 <script>
 import ChooserSearch from './ChooserSearch.vue';
-import ImageCard from './ImageCard.vue';
+import SelectableImageCard from './SelectableImageCard.vue';
 import { orientations, similarColors } from './filters.js';
 
 const filter = (stockImages, filters) => {
-    console.debug('filtering with filters', filters);
     const orientation = orientations[filters.orientation] ?? orientations.any;
     const colors = similarColors(filters.colors ?? []);
 
@@ -56,7 +55,7 @@ export default {
         },
         query: '',
     }),
-    components: { ChooserSearch, ImageCard },
+    components: { ChooserSearch, SelectableImageCard },
     computed: {
         filteredStockImages() {
             return sort(filter(search(this.stockImages, this.query), this.activeFilters));
@@ -64,7 +63,6 @@ export default {
     },
     methods: {
         onUpdateActiveFilters(activeFilters) {
-            console.debug('onUpdateActiveFilters', activeFilters);
             this.activeFilters = activeFilters;
         },
         onSearch(query) {

resources/vue/components/stock-images/components.js

@@ -4,7 +4,7 @@ export { default as StockImagesChooser } from './Chooser.vue';
 export { default as StockImagesChooserDialog } from './ChooserDialog.vue';
 export { default as StockImagesChooserSearch } from './ChooserSearch.vue';
 export { default as StockImagesEditDialog } from './EditDialog.vue';
-export { default as StockImagesImageCard } from './ImageCard.vue';
+export { default as StockImagesSelectableImageCard } from './SelectableImageCard.vue';
 export { default as StockImagesImagesFilters } from './ImagesFilters.vue';
 export { default as StockImagesImagesList } from './ImagesList.vue';
 export { default as StockImagesImagesListItem } from './ImagesListItem.vue';