34 lines
644 B
Vue
Executable File
34 lines
644 B
Vue
Executable File
<template>
|
|
<div :class="`text-${field.textAlign}`">
|
|
<router-link
|
|
v-if="hasValue"
|
|
:to="{
|
|
name: 'detail',
|
|
params: {
|
|
resourceName: resourceName,
|
|
resourceId: field.value,
|
|
},
|
|
}"
|
|
class="no-underline dim text-primary font-bold"
|
|
>
|
|
{{ field.pivotValue || field.value }}
|
|
</router-link>
|
|
<p v-else>—</p>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: ['resourceName', 'field'],
|
|
|
|
computed: {
|
|
/**
|
|
* Determine if the field has a value other than null.
|
|
*/
|
|
hasValue() {
|
|
return this.field.value !== null
|
|
},
|
|
},
|
|
}
|
|
</script>
|