2022-09-20 08:51:55 +00:00
|
|
|
<template>
|
|
|
|
<div class="control__elements">
|
2024-04-15 11:29:17 +00:00
|
|
|
<Button
|
2022-09-20 08:51:55 +00:00
|
|
|
v-if="isValidLinkURL"
|
2024-04-15 11:29:17 +00:00
|
|
|
tag="a"
|
|
|
|
size="tiny"
|
|
|
|
type="secondary"
|
2022-09-20 08:51:55 +00:00
|
|
|
:href="copy && copy.url"
|
|
|
|
target="_blank"
|
|
|
|
rel="nofollow noopener noreferrer"
|
|
|
|
>
|
|
|
|
{{ labelOrURL }}
|
2024-04-15 11:29:17 +00:00
|
|
|
</Button>
|
|
|
|
<Button v-else tag="a" size="tiny" type="secondary" disabled>
|
2022-09-20 08:51:55 +00:00
|
|
|
{{ labelOrURL }}
|
2024-04-15 11:29:17 +00:00
|
|
|
</Button>
|
2022-09-20 08:51:55 +00:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
import rowEditField from '@baserow/modules/database/mixins/rowEditField'
|
|
|
|
import rowEditFieldInput from '@baserow/modules/database/mixins/rowEditFieldInput'
|
2024-01-03 08:58:31 +00:00
|
|
|
import linkURLField from '@baserow/modules/database/mixins/linkURLField'
|
2022-09-20 08:51:55 +00:00
|
|
|
|
|
|
|
export default {
|
2024-01-03 08:58:31 +00:00
|
|
|
mixins: [rowEditField, rowEditFieldInput, linkURLField],
|
2022-09-20 08:51:55 +00:00
|
|
|
computed: {
|
|
|
|
isValidLinkURL() {
|
2024-01-03 08:58:31 +00:00
|
|
|
return this.copy && this.isValid(this.copy)
|
2022-09-20 08:51:55 +00:00
|
|
|
},
|
|
|
|
labelOrURL() {
|
2024-01-03 08:58:31 +00:00
|
|
|
return this.getLabelOrURL(this.copy)
|
2022-09-20 08:51:55 +00:00
|
|
|
},
|
|
|
|
},
|
|
|
|
}
|
|
|
|
</script>
|