Update ShareModal.vue

This commit is contained in:
Dragos 2022-09-05 20:46:00 +03:00 committed by GitHub
parent c36b3f9314
commit e56e0e392f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -1,25 +1,25 @@
<template> <template>
<ModalComponent> <ModalComponent>
<div class="flex"> <div class="flex justify-between">
<h2 v-t="'actions.share'" /> <h3 v-t="'actions.share'" />
<button class="ml-3" @click="$emit('close')"><font-awesome-icon icon="xmark" /></button> <button class="ml-3" @click="$emit('close')"><font-awesome-icon icon="xmark" /></button>
</div> </div>
<div class="flex justify-between mt-4"> <div class="flex justify-between mt-4">
<label v-t="'actions.with_timecode'" for="withTimeCode" /> <label v-t="'actions.with_timecode'" for="withTimeCode" />
<input id="withTimeCode" type="checkbox" v-model="withTimeCode" /> <input id="withTimeCode" type="checkbox" v-model="withTimeCode" />
</div> </div>
<div class="flex justify-between"> <div class="flex justify-between mt-2">
<label v-t="'actions.piped_link'" /> <label v-t="'actions.piped_link'" />
<input type="checkbox" v-model="pipedLink" /> <input type="checkbox" v-model="pipedLink" />
</div> </div>
<div class="flex justify-between mt-2"> <div 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-300" type="text" v-model="timeStamp" />
</div> </div>
<h3 class="mt-4" v-text="generatedLink" /> <h6 class="mb-2" v-text="generatedLink" />
<div class="flex justify-end mt-4"> <div class="flex justify-end mt-4">
<button class="btn" v-t="'actions.follow_link'" @click="followLink()" /> <button class="btn" style="margin-right: 15rem" v-t="'actions.follow_link'" @click="followLink()" />
<button class="btn ml-3" v-t="'actions.copy_link'" @click="copyLink()" /> <button class="btn" v-t="'actions.copy_link'" @click="copyLink()" />
</div> </div>
</ModalComponent> </ModalComponent>
</template> </template>