mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2026-01-03 05:11:31 -05:00
Code Issues Packages Projects Releases Wiki Activity

swiping working for all items

Browse Source
This commit is contained in:
vabene1111
2024-01-14 12:04:52 +08:00
parent 5a0ca3f4e5
commit 1692230f01
2 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
vue/src/components/ShoppingLineItem.vue
View File

@@ -1,5 +1,5 @@
<template>
<div id="shopping_line_item" class="swipe-container" @touchend="handleSwipe()"
<div class="swipe-container" :id="item_container_id" @touchend="handleSwipe()"
v-if="(useUserPreferenceStore().device_settings.shopping_show_checked_entries || !is_checked) && (useUserPreferenceStore().device_settings.shopping_show_delayed_entries || !is_delayed)"
>
<div class="swipe-action" :class="{'bg-success': !is_checked , 'bg-warning': is_checked }">
@@ -141,6 +141,13 @@ export default {
}
},
computed: {
item_container_id: function () {
let id = 'id_sli_'
for (let i in this.entries) {
id += i + '_'
}
return id
},
is_checked: function () {
for (let i in this.entries) {
if (!this.entries[i].checked) {
@@ -272,7 +279,7 @@ export default {
*/
handleSwipe: function () {
const minDistance = 80;
const container = document.querySelector('.swipe-container');
const container = document.querySelector('#' + this.item_container_id);
// get the distance the user swiped
const swipeDistance = container.scrollLeft - container.clientWidth;
if (swipeDistance < minDistance * -1) {