Page tree

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Next »

Add task window wizard


The add task window now is converted into a wizard. With this feature you are able
to add wizard cards to the window depending on your needs.
The wizard window contains 3 groups of cards. Each new card must to belong to one of those groups.
The groups are:
- cards before the 'Add Task' window
- cards on 'Add Task' window
- cards after The task import is finished

The card need to be of type Ext.panel.Panel, and need to extend the card wizard interface 'Editor.controller.admin.IWizardCard'.

              
               Card wizard interface -> 'IWizardCard'


This interface provide us with couple of functions needed for manipulation with the buttons visibility and functionality.

In the interface there are two types of functions:
- functions wich handles the button clicks
- functions wich hides and shows the card components

In the first 'group' there are two functions:

triggerNextCard:function(activeItem){
  
}

This function is called each time when the next button on the wizard window is clicked.
The purpose of this function is to to set/switch the next active card in wizard window, if there is one.
Switching the card is done with firing the specific event, who is handled by the wizard window controller (TaskOverview.js).
Using events for switching the cards, makes the validations of the card components more flexible.
Posible steps before the card is changed:
- handle all dependencies needed for switching the card
- fire the event for switching the card
- the next card is displayed

  • No labels