Skip to content

Tasks

Description

Display a list based on configuration and perform various operation when click on that list item like below example.

Attributes

  • tile: tasks
  • title:

  • tasks: [Array objects]

    • tracker: Provide a tracker id to dispatch the data when click on task item
    • action: add | open | edit. (when clicking task item) based on that describe popup behaviour
    • mode: singleton | list
    • listItem: template for displaying list item
    • filter: [Dispatch data filter]
      • match : date template used to match
      • tracker: single tracker handle
      • trackers: list of tracker handles
      • entryCondition:
      • condition: processed against the dispatch to confirm match
    • title: Title for the tasks list item also allow template string to display from dispatches
    • subtitle: Subtitle for tasks list item also allow template string to display from dispatches
    • taskIcon: Provide an icon name to display in front of list item
    • icon: Provide an icon name to display in with title elements
    • display: [Array]
      • condition: tested against the dispatch (singleton) or list of dispatches
      • title: Title for the tasks list item also allow template string to display from dispatches
      • subtitle: Subtitle for tasks list item also allow template string to display from dispatches
      • icon: displayed with title
      • taskIcon: circle | circle check
      • status: complete | new | active
      • styles: style for following objects e.g root
      • classes: classes for following objects e.g root, task, icon, title, subtitle
      • animation: animation for following objects e.g root, task, icon, title, subtitle
    • styles
    • classes
    • animation
    • connect: [connection object]
      • standards field
      • source: Data source connection name

Rule properties

props.count

Example

{
  "tile": "tasks",
  "title": "Task tile Testing",
  "connect": {
    "source": "wellness"
  },
  "styles": {
    "task": {
      "backgroundColor": "#afa3a3"
    },
    "list": {
      "backgroundColor": "white"
    },
    "title": {
      "color": "white"
    }
  },
  "classes": {
    "root": "my-4"
  },
  "tasks": [
    {
      "title": "Do it!",
      "tracker": "7ba9a7b5-c5c8-420e-8c49-58e2c962205d",
      "action": "open",
      "filter": {
        "tracker": "tasks"
      },
      "display": [
        {
          "condition": "true",
          "title": "Enter something",
          "subtitle": "let's get going!",
          "icon": "fal fa-clipboard",
          "status": "new"
        }
      ]
    },
    {
      "action": "open",
      "mode": "list",
      "tracker": "7ba9a7b5-c5c8-420e-8c49-58e2c962205d",
      "title": "Task 2",
      "subtitle": "Hello from subtitle task 2",
      "taskIcon": "heart",
      "filter": {
        "match": "YYYY-MM-DD",
        "tracker": "wellness",
        "condition": "user is admin"
      },
      "display": [
        {
          "status": "new",
          "icon": "star"
        }
      ]
    }
  ]
}