Mirrored_Repos/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-11-22 05:27:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add share button to video items

Browse Source
This commit is contained in:
Bnyro 2024-01-09 17:12:22 +01:00
parent 5cbd541bf5
commit dd8dd9c9a1
1 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/VideoItem.vue
View File

@ -107,9 +107,12 @@
>
<font-awesome-icon icon="headphones" />
</router-link>
<button :title="$t('actions.add_to_playlist')" @click="showModal = !showModal">
<button :title="$t('actions.add_to_playlist')" @click="showPlaylistModal = !showPlaylistModal">
<font-awesome-icon icon="circle-plus" />
</button>
<button :title="$t('actions.share')" @click="showShareModal = !showShareModal">
<font-awesome-icon icon="share" />
</button>
<button
v-if="admin"
ref="removeButton"
@ -125,10 +128,16 @@
@confirm="removeVideo(item.url.substr(-11))"
/>
<PlaylistAddModal
v-if="showModal"
v-if="showPlaylistModal"
:video-id="item.url.substr(-11)"
:video-info="item"
@close="showModal = !showModal"
@close="showPlaylistModal = false"
/>
<ShareModal
v-if="showShareModal"
:video-id="item.url.substr(-11)"
:current-time="0"
@close="showShareModal = false"
/>
</div>
</div>
@ -137,10 +146,11 @@
<script>
import PlaylistAddModal from "./PlaylistAddModal.vue";
import ShareModal from "./ShareModal.vue";
import ConfirmModal from "./ConfirmModal.vue";
export default {
components: { PlaylistAddModal, ConfirmModal },
components: { PlaylistAddModal, ConfirmModal, ShareModal },
props: {
item: {
type: Object,
@ -162,7 +172,8 @@ export default {
emits: ["remove"],
data() {
return {
showModal: false,
showPlaylistModal: false,
showShareModal: false,
showVideo: true,
showConfirmRemove: false,
};