a24group / ssgwt-lib Goto Github PK

Make use of menuItems created in #36.
This is a vertical menu.
Should display an image with a label for each menu item.
Should define order from top to bottom.
Add hover states for each menu item.
Must support selected state.
Must suppor transition from one selected item to another.
Handle click events and call execute on the command.
Create a CSS resource and client bundle and include our default styles.
Each item has a set height.

This will resize to the visible viewable area. Ignore functionality for now to handle spill over items if we have too many.

When opening the datagrid in Internet Explorer, and clicking on one of the columns data, the data in that row moves to the left. This should not happen.

Complete the FilterSortHeader and the TextFilter for the SSDataGrid and the add functionality to add the Help column

Required tasks to complete the SSDataGrid (@Sh33pman - in progress)

• Create the TextFilter
  • Create a TextFilter that extends the AbstractHeaderFilter
  • The TextFilter should only have a single TextField on it.
  • The filter should have a function to retrieve the criteria selected by the user.
  • The filter should call a function to notify the header when the user clicks on apply the should be in the AbstractHeaderFilter.
• Complete the FilterSortHeader
  • Update the Header to display the Filter if the users clicks on the filter icon
  • Change the setFilterActive function to change the filter icon
  • Change the Header to hide the filter icon if no object is FilterWidget is passed in.
• Create a HelpHeader (@nauderuan - done)
  • Create a HelpHeader class and a HelpCell that will always display a "?". The header should take a Widget in the constructor.
  • Create a function called displayHelpWidget this function should do nothing. Add a comment to say this will be implemented at a later stage.
  • Add code to handle a click event on the header and call the displayHelpWidget.
• Add functionality to SSDataGrid to allow the user to set a Widget that will be displayed if the help header is clicked (@nauderuan - Done)
  • Add a setHelpWidget function on the SSDataGrid
  • If the setHelpWidget is called with a Widget object add a help column to the dataGrid

We seem to have missed this one. We need a password text input that supports placeholder text. This one might be a bit difficult to build as it needs to be a normal input box and when clicked on, it should change to a password box.

Please, add style and images into component datepicker.
This code but not style into class ComboBoxMonthSelector

We need to update the validation to allow for multiple error messages to be send back.

Currently the validation on fields have the potential to do multiple validation e.g.
min_lenght, max_lenght and email validation.

But the validation currently only allows for one error message to be sent back
regardless of which of the validations fail.

Only way to get multiple messages is to add the save validator multiple time to the
same fields with each of the validations separably.

This is not very productive.

Component will present a range of buttons in a horisontal list. Component must handle its own styling.
Must create a readme for component

Create a menuItem class that takes the following:

• placeName
• label
• imageSelected
• imageUp
• iOrder
• subMenus
• default selected list item
• command for each object
• component will accept a list of menu items
• create a button for each object in the list
• create a clickMethod on each object that change state of button and other button that lost focus. call execute on the command defined in above class.
• create a custom event that holds a nameplace
• Create a resource with client bundle. Apply default styles. Please note that the space between buttons are fixed. Also the buttons have a minimum width and a fixed height.
• This component will NOT set top and bottom padding.

In true Agile form this component for now will ignore and not handle any behaviour when there are too many items to display for the visible area.

Header

• Data Grid must have Headers
• Data Grid Headers can by default be ordered by
• Data Grid can be filtered on any displayable
• Data Grid Headers must implement styles for the Header, Sort Icon, Filter Icon with states to indicate that it is filtered.
• Help Icon, Optional
• checkbox selector style

Functionality

• The Data Grid must accept from the backend a resultset and also be notified on which of the columns and to what extent a default filter is applied.
• The purpose of this datagrid is to filter backend data and not to filter that which is already returned.
• The Data Grid need to respond to modification on the filters and re-populate the grid based on new filter values.
• Each Data grid must be able to handle a passed in on-click event for a row. It is up to implementation to decide what to do with this click event.

Checkbox functionality.

• By Default for each row a checkbox should be created.
• Checkboxes must be individually selectable and select - / deselect - all must be implemented from the header.
• Somehow the component must be aware of the selected items (not sure how this will work)

Row Styling.

• Must implement row styling for alternative rows
• Must Implement row styling for alternative rows
• The items in the datagrid will have a max height % or at least expand with the screen but leave enough space for the data grid footer. If there are more results that can be displayed on screen that add a scrollbar inline for the resultset.

Footer

• The footer will show previous next functionality and when implementing the data Grid define how many results per page.
• The results per page property will define the number of results returned from source, and the next set of results on click will be returned from source (backend calls)
• On the footer extra buttons will be defined, possibly based on the items selected in checkboxes (this need to be discussed)
• Need to implement the styles required for the footer and icons for previous next.

Create a DynamicForm component

Create a DynamicForm component that allows fields to be add in a way similar to how the DataGrid's columns are added.

Example of how it should work:

public class DynamicFormExample {

    public class User {
        public String username;
        public String password;
    }

    public DynamicFormExample() {
        DynamicForm<User> form = new DynamicForm<User>();

        TextInputField<User> usernameField = new TextInputField<User>() {
            public String getValue(User object ) {
                return object.username;
            }

            public void setValue(User object, String value) {
                object.username = value;
            }
        }

        form.addField(usernameField);
    }
}

Validation for columns should also be set.
With this component a TextInputField and a DateInputField should be created.

We need to build a date picker object that allows for placeholder. We might want to adjust the date picker in the GWTlib for ssGWTib.

As a system I need to be able to validate forms. Create/extend a widget in order to allow easily valdidating certain components. Or find a convetion to follow for validation. Include frontend and backend validation. Incldue validation of registration screen. Talk to @Sh33pman.