Mirrored_Repos/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-30 18:43:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

ShareModal - visual changes and improved component reusability

Browse Source 
Time code text field no longer appears when sharing without time code.
Time code text field now appears under 'share with time code' checkbox.
'playlistId' and 'playlistIndex' are no longer required props.
This commit is contained in:
gmnsii
2022-12-15 15:26:42 -08:00
parent 72f4f0d00c
commit edd65825f8
1 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/ShareModal.vue
View File

@ -1,10 +1,6 @@
<template>
<ModalComponent>
<h2 v-t="'actions.share'" />
<div class="flex justify-between mt-4">
<label v-t="'actions.with_timecode'" for="withTimeCode" />
<input id="withTimeCode" type="checkbox" v-model="withTimeCode" @change="onChange" />
</div>
<div class="flex justify-between">
<label v-t="'actions.piped_link'" />
<input type="checkbox" v-model="pipedLink" @change="onChange" />
@ -13,7 +9,11 @@
<label v-t="'actions.with_playlist'" />
<input type="checkbox" v-model="withPlaylist" @change="onChange" />
</div>
<div class="flex justify-between mt-2">
<div class="flex justify-between">
<label v-t="'actions.with_timecode'" for="withTimeCode" />
<input id="withTimeCode" type="checkbox" v-model="withTimeCode" @change="onChange" />
</div>
<div v-if="this.withTimeCode" class="flex justify-between mt-2">
<label v-t="'actions.time_code'" />
<input class="input w-12" type="text" v-model="timeStamp" />
</div>
@ -42,11 +42,9 @@ export default {
},
playlistId: {
type: String,
required: true,
},
playlistIndex: {
type: Number,
required: true,
},
},
components: {