EventStatusIconColumnComponent
This component allows you to event status icon column
Example
![]()
<template>
<div>
<section>
<server-table-component
data-url="/services"
v-bind="servicesDefinition"
/>
</section>
</div>
</template>;
export default {
name: "App",
data() {
return {
servicesDefinition: {
vtable: {
headers: [
{
text: "Service Id",
value: "service_Id",
align: "left",
render: {
type: EventStatusIconColumnComponent,
props: {
runningIcon: "television-play",
},
},
sortable: true,
class: "white-space-nowrap",
},
],
},
},
};
},
};
Props
| Name | Description | Type | Required | Default |
|---|---|---|---|---|
| value | - | — | false | - |
| runningIcon | - | String | false | "television-play" |
| notRunningIcon | - | String | false | "television-stop" |
| followingEventIcon | - | String | false | "calendar-clock" |
| errorEventIcon | - | String | false | "close-octagon-outline" |
| overlappingEventIcon | - | String | false | "calendar-remove-outline" |
| textOverLengthEventIcon | - | String | false | "text-recognition" |
| invalidDurationEventIcon | - | String | false | "clock-alert-outline" |
| eventStartFieldName | Event start field name | String | true | undefined |
| eventEndFieldName | Event end field name | String | true | undefined |