Page Comparison

...

• • Search Operations:
    • Capabilities
      • Retrieve a service list thru the Service List REST API, getServiceList(...)
      • Provides filtering, Service ID, Operation Type, Status User Id, Date/Time range (actual criteria could be configured).
      • Click the Search button, and the filtered service list will be displayed.
    • Design
      • After the user fills up the desired search crtieria fields, and click the Search button.
      • Use a REST API, getServiceList with search criteria parameters based on a new getInfraRequest(...)
      • Provide pagnation for the list, and enable/disable the navigation buttons based on the page location.
      • When the Service List data is NOT populated, only the Search button is enabled; rest buttons are disabled.
      • When the Service List data is populated, enable the navigation, Statistic and Monitor buttons.
      • Stretch goals
        • sort the list ascending and descending order per column
        • change the column position

• Service List Get Service Instance Monitoring
  • Capabilities
    • Select a row and click the Monitor button. Then, it will go to the Service instance (
    =
    • maps into process instance in Camunda) monitoring widge for the selected Service instance.
  • Design
    • when a user clicks on a row, highlight the selected row and enable the Monitor button.
    • Once the Monitor button is clicked, go to the Service Instance Rendering and Deail widget, passing key fields such as service instance id, which will be mapped into the process instance id to find a matched process instance id in Camunda database in the Service Instnce Rendering and Detail widget.

• • Service Statistic Widget
    • When, the static button is clicked, the Service Statistic dashboard will be shown. 
    • Collect and display Service Instance statistic per filtered service list, for the filtered service range.
    • Design

• • Service Instance Rendering and Detail View
    • Capabilities
      • Get a process definition XML through the Service Id and Process instance association.
      • use Camunda REST API, get/process-defintion/{id}xml
      • Get the state of a process instance from the activity-instances
      • Use Camunda REST API, get/process-instance/{id}/activity-instances
      • Render the BPMN XML with bpmn.io and places markers on top of it, and provide Service instance detail views.
    • Design
      • Query a process instance with the matched 'service instance id' process variable.

• Rendering code example
  • Import BPMN XML string through Camunda REST APIs and render the BPMN workflow.
  • Attache overlay events on the Call Activities for drilling down and display details.

...