AisWorkflowHistory

The AisWorkflowHistory component makes it easier to display the Universal Workflow Routing History. It wires everything up for you. All you need to provide is the package-id and history-json of the package that you want to see the history for.

Examples

<script setup lang="ts">
  import { onBeforeMount, ref } from 'vue'
  import { AisWorkflowHistory } from '@ais-public/ais-components'

  const packageId = ref('123456789')

  const historyJson = ref('')
  onBeforeMount(async () => {
    /* Your backend will need to fetch this from the Workflow API 'Get Package History' endpoint */
    historyJson.value = await useAisFetch(`/path/to/get/history/${packageId}`)
  })
</script>

<template>
  <!-- This will display the routing history component with the default AisCard wrapper -->
  <AisWorkflowHistory
      :package-id="packageId"
      :history-json="historyJson"
  ></AisWorkflowHistory>

  <!-- This will display the routing history component with a secondary AisCard wrapper -->
  <AisWorkflowHistory
      variant="secondary"
      :package-id="packageId"
      :history-json="historyJson"
  ></AisWorkflowHistory>

  <!-- This will display the routing history component without a AisCard wrapper -->
  <AisWorkflowHistory
      no-wrap
      :package-id="packageId"
      :history-json="historyJson"
  ></AisWorkflowHistory>
</template>

Component Reference

Props

Property	Type(s)	Required	Default	Description	Deprecated
historyJson	String		''	The json string representing the routing history for the package in Universal Workflow	false
noWrap	Boolean		false	When true, the history will not be wrapped in a AisCard component.	false
packageId	String		''	The package id in Universal Workflow	false
variant	String		'default'	Applies one of the theme color variants to the AisCard that is wrapping the history component. Valid values: primary, secondary, default, info, success, warning, danger, plain	false
formId	String		''	The form id in Universal Workflow Deprecated - No longer needed in newer OIDC workflow widget versions	true

Slots

Name	Scoped	Description

Events

Event	Arguments	Description