37 lines
910 B
Svelte
37 lines
910 B
Svelte
<script>
|
|
import CommonHelper from "@/utils/CommonHelper";
|
|
import tooltip from "@/actions/tooltip";
|
|
|
|
export let record;
|
|
export let displayFields = [];
|
|
|
|
$: displayValue = CommonHelper.displayValue(record, displayFields);
|
|
</script>
|
|
|
|
<div class="record-info">
|
|
<i
|
|
class="link-hint txt-sm ri-information-line"
|
|
use:tooltip={{
|
|
text: CommonHelper.truncate(
|
|
JSON.stringify(CommonHelper.truncateObject(record), null, 2),
|
|
800,
|
|
true
|
|
),
|
|
class: "code",
|
|
position: "left",
|
|
}}
|
|
/>
|
|
<span class="txt txt-ellipsis">{CommonHelper.truncate(displayValue, 150)}</span>
|
|
</div>
|
|
|
|
<style lang="scss">
|
|
.record-info {
|
|
display: inline-flex;
|
|
vertical-align: top;
|
|
align-items: center;
|
|
max-width: 100%;
|
|
min-width: 0;
|
|
gap: 5px;
|
|
}
|
|
</style>
|