diff --git a/src/components/ImageItem.vue b/src/components/ImageItem.vue index 1e771839a0ba03c673b234babc241ce0d96f0c35..c80d0834eba32e2bc7e962009aa9df09450de44e 100644 --- a/src/components/ImageItem.vue +++ b/src/components/ImageItem.vue @@ -1,22 +1,6 @@ <template> - <div - @click.ctrl.shift.exact=" - checked = !checked; - $emit('checked', checked, flake); - " - id="image-container" - > - <div - @click=" - checked = !checked; - $emit('checked', checked, flake); - " - v-show="checked" - id="checkmark" - > - X - </div> - <router-link @click.ctrl.shift.native.prevent :to="`/image/${flake}`"> + <div id="image-container"> + <router-link :to="`/image/${flake}`"> <img :src="`/api/image/${flake}/preview`" /> </router-link> </div> @@ -24,17 +8,11 @@ <script> export default { - data: () => { - return { - checked: false, - }; - }, props: { flake: { required: true, }, }, - methods: {}, }; </script> @@ -46,14 +24,4 @@ img { height: 100%; width: 100%; } -#checkmark { - font-family: "Lucida Console", monospace; - font-weight: bold; - color: white; - background: rgb(209, 39, 39); - position: absolute; - top: 0.4em; - left: 0.4em; - padding: 0.4em 0.6em; -} -</style> +</style> \ No newline at end of file diff --git a/src/components/ImageList.vue b/src/components/ImageList.vue index 2be51a24b22aa9a7e6cd9012bfc2ada75f59a3d7..15b39aebbc8d5784558e5951f06eb74e1d8ac090 100644 --- a/src/components/ImageList.vue +++ b/src/components/ImageList.vue @@ -11,7 +11,7 @@ :key="index" class="max-w-xs flex flex-col" > - <ImageItem :flake="flake" @checked="appendToDeleteArray"></ImageItem> + <ImageItem :flake="flake"></ImageItem> </div> </div> <PaginationBar @@ -19,13 +19,6 @@ :last-page="lastPage" @onPageChange="pageChange" /> - <button - v-show="deleteArray.length" - @click="deleteImages(deleteArray)" - class="fixed bottom-0 right-0 p-1 bg-blue-300" - > - Delete - </button> </section> </template> @@ -42,13 +35,12 @@ export default { }, data: () => { return { - deleteArray: [], currentPage: 0, lastPage: 0, }; }, computed: { - ...mapState(["stateUser", "stateImageSnowflakes"]), + ...mapState(["stateImageSnowflakes"]), }, async created() { this.lastPage = Number(await this.getLastPage()); @@ -72,23 +64,7 @@ export default { const lastPage = await response.text(); return lastPage; }, - appendToDeleteArray(...args) { - const [checked, hash] = args; - checked - ? this.deleteArray.push(hash) - : this.deleteArray.splice(this.deleteArray.indexOf(hash), 1); - }, - deleteImages(deleteArray) { - const options = { - method: "DELETE", - headers: { secret: this.stateUser.secret }, - }; - for (let i = 0; i < deleteArray.length; i++) { - fetch(paths.ImageField(deleteArray[i]), options); - } - this.deleteArray = []; - }, ...mapActions(["setStateImageSnowflakes"]), }, }; -</script> +</script> \ No newline at end of file