Skip to content

Schedule

Description

Display a user schedule based on provided configuration.

Attributes

  • tile: schedule
  • options: [Object]
    • rootClasses: Provide a Classes for the root
    • hideSwitch: true | false. Indicate the display a switch [grid | list] in schedule or not.
    • view: grid | list. Display a schedule based on this. By default, is list.
    • variant: schedule | actual | tracking. Display variant of schedule. By default, is schedule.
  • filter: [Object]
    • tracker: Provide a tracker handle to filter out the data
    • match: Provide a Match criteria in terms of time expression
    • trackers: [Array] Provide a list of trackers hand
    • condition: Provide a Valid condition rule
    • entryCondition:
  • completions: [Dispatch type]
    • tracker: Provide a tracker handle to filter out the data
    • match: Provide a Match criteria in terms of time expression
    • trackers: [Array] Provide a list of trackers hand
    • condition: Provide a Valid condition rule
    • entryCondition:
  • connect: [Connection Object]
    • source: Data source path
  • fixed: [Array of Objects] Indicate display fixed data in a list
    • title: Provide a title of list data
    • icon: Provide a icon to be display with the list data
    • color: Provide a dot color which display with the list
    • status:
    • match: Provide a valid match expression.
    • tracker: Provide a tracker handle to dispatch the data when click on fixed item
    • iconComplete
    • iconPending
  • addSchedule: [Object]
    • tracker: Provide a tracker handle to adding the schedule
  • action: [Array of Objects]
    • merge: [Array of Objects]
      • $range : [Array]
    • tracker: Provide a tracker handle to for dispatching data when click on schedule
  • schedule: [Array of objects]
    • icon: Provide a icon name to display in the list
    • color: Provide a icon color
    • attribute: Provide a valid tracker attribute which match with dispatch values
    • title: Provide a title of list item
    • prefix
    • direction
    • tracker: Provide a tracker handle for data filtration
    • chart: Provide a chart name
    • chartAttribute
    • chartTitle
    • complete: Provide a valid rule for complete
    • fail: Provide a valid rule for failed
    • hide: Provide a valid rule for hide
    • start
    • startActual:
    • startPlanned:
    • mapping: Provide a mapping string
    • failed
    • iconPending
    • iconComplete
    • iconProgress
    • iconAdhoc
    • colorRules: [Object] Provide a color based on different rule.
      • rule: Valid Conditional Rule
      • color: Valid Color code
    • displayId

Example

{
  "tile": "schedule",
  "contextMenu": "594f17cb-def7-4acd-8296-614278dfc2da",
  "styles": {
    "tracking": {
      "borderRadius": "20px",
      "width": "40px"
    }
  },
  "template": {
    "tracking": "*"
  },
  "options": {
    "variant": "actual",
    "view": "list"
  },
  "filter": {
    "tracker": "wellness",
    "match": "YYYY-MM-DD"
  },
  "completions": {
    "trackers": [
      "wellness",
      "user-details",
      "journal-inbox"
    ],
    "match": "YYYY-MM-DD",
    "iconComplete": "fal fa-check-square",
    "iconPending": "fal fa-square",
    "titlePlanned": "Planned Title Test",
    "titleActual": "Actual Title Test"
  },
  "connect": {
    "source": "wellness"
  },
  "addSchedule": {
    "tracker": "journal-inbox"
  },

  "action": {
    "tracker": "wellness",
    "merge": {
      "$range": [
        "scheduled",
        "actual"
      ]
    },
    "entry": "actual",
    "tracking": "wellness"
  },
  "fixed": [
    {
      "title": "Fixed Item 1",
      "icon": "fad fa-badge-check",
      "tracker": "journal-inbox",
      "complete": "",
      "color": "#aaa",
      "match": "YYYY-MM-DD",
      "iconComplete": "fal fa-check-square",
      "iconPending": "fal fa-square"
    }
  ],
  "schedule": [
    {
      "title": "朝食",
      "tracker": "wellness",
      "attribute": "sleep",
      "icon": "fal fa-coffee",
      "color": "#d60000",
      "chart": "donut",
      "complete": "values.sleep is exists"
    },
    {
      "title": "仕事",
      "attribute": "medicineName",
      "tracker": "medicine-entry",
      "icon": "fal fa-briefcase",
      "color": "#ffc000",
      "chart": "donut",
      "iconProgress": "fal fa-square",
      "complete": "values.medicineName is exists"
    }
  ]
}

Note

To Work the schedule Properly it is necessary to add the Activity && actual attribute in the configured tracker. That's show the schedule information in the schedule view and Also allow here above Provide a attribute in schedule Array which match with the activity values.

{
  "properties": {
    "activity": {
      "type": "string",
      "title": "Activity",
      "$capture": {
        "as": "dropdown",
        "placeholder": "睡眠タイプ",
        "readonly": true
      },
      "$display": {
        "as": "text"
      },
      "$data": {
        "sort": "none",
        "source": [
          {
            "display": "sleep",
            "value": "sleep",
            "icon": "fal fa-book",
            "color": "#ffc000",
            "tableData": {
              "id": 0
            }
          },
          {
            "display": "stress",
            "value": "stress",
            "icon": "fal fa-sheep",
            "color": "#00aaff",
            "chart": "donut",
            "tableData": {
              "id": 1
            }
          },
          {
            "display": "expression",
            "value": "expression",
            "icon": "fal fa-bed",
            "color": "#ffc000",
            "tableData": {
              "id": 2
            }
          }
        ]
      }
    },
    "actual": {
      "type": "string",
      "title": "Actual Timing",
      "$capture": {
        "as": "clock-range",
        "enabled": true,
        "confirm": false,
        "rule": {}
      },
      "$display": {
        "as": "clock-range"
      },
      "default": "now +30"
    }
  },
  "Another Attributes": {}
}