The Mifos Initiative

Mifos X Web App - Create the view adhoc query component and design its user interface

Objective

The objective is to create the view adhoc query component and design its user interface.

Description

  1. Create the view adhoc query component under the organization -> adhoc query section.
  2. Connect it via routing from adhoc query table in adhoc query component so that its accessible.
  3. Make sure to read the guidelines to replicate a screen from here.
  4. Design the user interface for the view adhoc query component using angular material components and flex layout directives to ensure responsiveness. (Use Angular Material Typography instead of SCSS wherever possible, refer more recently created components for reference)
  5. Fetch the data of adhoc query by implementing the required API.
  6. Implement required API for deletion of adhoc query.
  7. Write comments for the implemented component.
References

You may have a look at the current implemented components in accounting, system or products section for reference.

How to get help

If you need help, be sure to post your question to our developer mailing list or ask in our chatroom.

All the best! Do remember, quality over quantity is the key.

Task tags

  • Mifos
  • Web App
  • Angular Material
  • Flex Layout
  • Angular

Students who completed this task

Rishabh10

Task type

  • code Code
  • chrome_reader_mode Documentation / Training
  • web Design
close

2019