39 lines
902 B
Vue
39 lines
902 B
Vue
<template>
|
|
<PanelItem :index="index" :field="field">
|
|
<template #value>
|
|
<Badge
|
|
v-if="fieldHasValue"
|
|
class="whitespace-nowrap inline-flex items-center"
|
|
:class="field.typeClass"
|
|
>
|
|
<span class="mr-1 -ml-1">
|
|
<Loader v-if="field.type == 'loading'" width="20" class="mr-1" />
|
|
<Icon
|
|
v-if="field.type == 'failed'"
|
|
:solid="true"
|
|
type="exclamation-circle"
|
|
/>
|
|
<Icon
|
|
v-if="field.type == 'success'"
|
|
:solid="true"
|
|
type="check-circle"
|
|
/>
|
|
</span>
|
|
{{ fieldValue }}
|
|
</Badge>
|
|
|
|
<span v-else>—</span>
|
|
</template>
|
|
</PanelItem>
|
|
</template>
|
|
|
|
<script>
|
|
import { FieldValue } from '@/mixins'
|
|
|
|
export default {
|
|
mixins: [FieldValue],
|
|
|
|
props: ['index', 'resource', 'resourceName', 'resourceId', 'field'],
|
|
}
|
|
</script>
|