RPJosh
/
memories
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

cluster: add touch sound 

Signed-off-by: Varun Patil <radialapps@gmail.com>
pull/807/merge
Varun Patil 2023-10-03 19:20:26 -07:00
parent 62bbe2470a
commit 8f820de237
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/frame/Cluster.vue
View File

@ -8,7 +8,7 @@
<div class="subtitle" v-if="subtitle">{{ subtitle }}</div> <div class="subtitle" v-if="subtitle">{{ subtitle }}</div>
</div> </div>
<div class="previews fill-block" ref="previews"> <div class="previews fill-block" ref="previews" @click="clickPreview">
<div class="img-outer" :class="{ plus }"> <div class="img-outer" :class="{ plus }">
<XImg <XImg
draggable="false" draggable="false"
@ -36,6 +36,7 @@ import errorsvg from '../../assets/error.svg';
import plussvg from '../../assets/plus.svg'; import plussvg from '../../assets/plus.svg';
import * as utils from '../../services/utils'; import * as utils from '../../services/utils';
import * as nativex from '../../native';
import { API } from '../../services/API'; import { API } from '../../services/API';
import Vue from 'vue'; import Vue from 'vue';
@ -159,13 +160,19 @@ export default defineComponent({
return Boolean(this.data.previewError) || Boolean(this.album && this.album.last_added_photo <= 0); return Boolean(this.data.previewError) || Boolean(this.album && this.album.last_added_photo <= 0);
}, },
}, },
methods: { methods: {
failed() { failed() {
Vue.set(this.data, 'previewError', true); Vue.set(this.data, 'previewError', true);
}, },
click() { click() {
this.$emit('click', this.data); this.$emit('click', this.data);
}, },
clickPreview() {
nativex.playTouchSound();
},
}, },
}); });
</script> </script>
@ -191,6 +198,7 @@ $namemargin: 10px;
z-index: 100; z-index: 100;
width: calc(100% - 2 * #{$namemargin}); width: calc(100% - 2 * #{$namemargin});
margin: $namemargin; margin: $namemargin;
pointer-events: none;
color: white; color: white;
word-wrap: break-word; word-wrap: break-word;
@ -265,6 +273,7 @@ $namemargin: 10px;
position: absolute; position: absolute;
top: 6px; top: 6px;
right: 6px; right: 6px;
pointer-events: none;
} }
.previews { .previews {