TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages 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
No known key found for this signature in database
GPG key ID: 13B5ECF7DDFDA0DC
1 changed files with 5 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/ShareModal.vue
View file

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