KS: Presentation Table in Search

1 Initial Problem

The current table used to display the search result is a custom implementation for the search. With the KS-Project we decided to aim for reusable UI-Components to give ILIAS a more consistent UI.

2 Conceptual Summary

We aim to use the new Presentation Table and Pagination controls for this view.

3 User Interface Modifications

3.1 List of Affected Views

We like to change to table presented when searching for items:

• Type something into the search field and click on "go".

3.2 User Interface Details

The following mockup shows how the search results will look like using the new table and pagination:

3.3 New User Interface Concepts

The following UI-Components will be used:

• Presentation Table. Note, currently the table does not support the use of Icons in the collapsed view. We propose to keep them (see mockup above), by adding an additional withIcon(\ILIAS\UI\Component\Icon $icon) method on the PresentationRow interface.
• Pagination. Note currently the pagination those not support to add additionals entries asyncronously (the number of entries must be known at the moment the table ist created). We propose to add an additional withLoadAdditionalEntries($url) method wich allows to define an url to get more entries and further never pretends to be on the last page.

4 Technical Information

{The maintainer has to provide necessary technical information, e.g. dependencies on other ILIAS components, necessary modifications in general services/architecture, potential security or performance issues.}

5 Contact

• Author of the Request: {Please add your name.}
• Maintainer: {Please add your name before applying for an initial workshop or a Jour Fixe meeting.}
• Implementation of the feature is done by: {The maintainer must add the name of the implementing developer.}

6 Funding

If you are interest in funding this feature, please add your name and institution to this list.

• …

7 Discussion

8 Implementation

{The maintainer has to give a description of the final implementation and add screenshots if possible.}

Test Cases

Test cases completed at {date} by {user}

• {Test case number linked to Testrail} : {test case title}

Approval

Approved at {date} by {user}.