nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-18 16:22:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

CreatePersonaTokenPopup implementation

Browse Source
This commit is contained in:
Peter Papp
2021-07-18 11:38:44 +02:00
parent aeb5c8419a
commit ddf88304ff
11 changed files with 601 additions and 216 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
resources/js/components/Others/Forms/CopyInput.vue
View File

@@ -1,28 +1,27 @@
<template>
<div class="inline-wrapper icon-append copy-input" :class="size" @click="copyUrl">
<input ref="sel" :value="item.shared.link" id="link-input" type="text" class="input-text" readonly>
<input ref="sel" :value="str" id="link-input" type="text" class="input-text" readonly>
<div class="multi-icon">
<div class="icon-item group hover-bg-theme-100">
<link-icon v-if="! isCopiedLink" size="14" class="group-hover-text-theme hover-text-theme"/>
<copy-icon v-if="! isCopiedLink" size="14" class="group-hover-text-theme hover-text-theme"/>
<check-icon v-if="isCopiedLink" size="14" class="group-hover-text-theme hover-text-theme"/>
</div>
<div class="icon-item group hover-bg-theme-100" @click.stop.prevent="menuForEmail">
<send-icon size="14" class="group-hover-text-theme hover-text-theme" />
</div>
</div>
</div>
</template>
<script>
import { LinkIcon, CheckIcon, SendIcon } from 'vue-feather-icons'
import { events } from '@/bus'
import { CopyIcon, CheckIcon, SendIcon } from 'vue-feather-icons'
export default {
name: 'CopyInput',
props: ['size', 'item'],
props: [
'size',
'str'
],
components: {
CheckIcon,
LinkIcon,
CopyIcon,
SendIcon
},
data() {
@@ -31,13 +30,6 @@ export default {
}
},
methods: {
menuForEmail() {
events.$emit('popup:open', {
name: 'share-edit',
item: this.item,
sentToEmail: true,
})
},
copyUrl() {
// Get input value
@@ -76,6 +68,7 @@ export default {
border-top-right-radius: 8px;
line,
rect,
path,
polygon {
color: $text;
@@ -93,6 +86,7 @@ export default {
line,
polyline,
path,
rect,
polygon {
color: inherit;
}
@@ -158,6 +152,7 @@ export default {
line,
path,
rect,
polygon {
color: inherit !important;
}
@@ -165,8 +160,6 @@ export default {
.icon-item {
border-color: #333333;
}
}
.copy-input {