EventStatusIconColumnComponent

This component allows you to event status icon column

Example

EventStatusIconColumnComponent

<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

NameDescriptionTypeRequiredDefault
value-false-
runningIcon-Stringfalse"television-play"
notRunningIcon-Stringfalse"television-stop"
followingEventIcon-Stringfalse"calendar-clock"
errorEventIcon-Stringfalse"close-octagon-outline"
overlappingEventIcon-Stringfalse"calendar-remove-outline"
textOverLengthEventIcon-Stringfalse"text-recognition"
invalidDurationEventIcon-Stringfalse"clock-alert-outline"
eventStartFieldNameEvent start field nameStringtrueundefined
eventEndFieldNameEvent end field nameStringtrueundefined