Need to convert Angular JS project to Angular 2,HTML5 and JQuery

Summery : [login to view URL] to convert Angular JS project to Angular 2,HTML5 and JQuery Current issues : No rubust css , Very slow Design issues (Responsive ness) Grid is non redesinable need of component chnge Changes : Complete Design make over with new pages and css with optimisation Change in Controllers for optimised results Item List on Sales Screen : Its read only list : we need to show the same in grid format with morenumer of its shown at time. It should be performing below operations for different keys: Aerrow up and Down : to traverse list Tab: Select current item and set focus to Quantity (same as current selection ) Enter : Perform select and add (button click) at same time so item will be selected and added to the below item grid. Space: this will select the item add it to grid and keep list open as it is ex : List has 3 items aac,abc,cba when i serch for c all three will be visible to list now with arrow i can traverse to 3 i.e. cba If i press enter : cba will be selected with default salesprice and quantity and added to the list and focus will be again on the list with cleared search text If i press TAB : CBA will be selected , all test boxes will be changed with default values of CBA and focus will be shifted to Quantity box , now I can make change and press add If I press SPACE : list will remain open as it is just the CBA item will be added to grid After click on add focus needs to be chaged to list search. ITEM Grid : It should be easilly editable , Headers need to be wordwraped if with more leangth on edit all calculations has to be done acccordingly There should be grid zoom function to see grid in full screen if list is very big Grid search Priting Jasper bill from Java script : The invoice generated has to be print from front end i.e. from client , printer search and selection should be possible from front end code is at : [login to view URL] please see db details in [login to view URL]