diff --git a/resources/vue/components/courseware/CoursewareShelfDialogAdd.vue b/resources/vue/components/courseware/CoursewareShelfDialogAdd.vue index 7d7cf9b9d9189f1b3efbf0987d665c2783f077be..32b261402091b762fd4246b20c8d9f7caf214d73 100644 --- a/resources/vue/components/courseware/CoursewareShelfDialogAdd.vue +++ b/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, diff --git a/resources/vue/components/stock-images/Chooser.vue b/resources/vue/components/stock-images/Chooser.vue index f7854ab928e10c75fa76fe07153e6b32c8e2f90a..84b60cc86cdb185cc90503a4eb88bd3c50715dff 100644 --- a/resources/vue/components/stock-images/Chooser.vue +++ b/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) { diff --git a/resources/vue/components/stock-images/ImageCard.vue b/resources/vue/components/stock-images/SelectableImageCard.vue similarity index 100% rename from resources/vue/components/stock-images/ImageCard.vue rename to resources/vue/components/stock-images/SelectableImageCard.vue diff --git a/resources/vue/components/stock-images/components.js b/resources/vue/components/stock-images/components.js index 8041b4b1396fda8b369d283e09d70d562b9149b2..e09063cbe5d3001cb0121654f7f3c4ea8055cda7 100644 --- a/resources/vue/components/stock-images/components.js +++ b/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';