+4420 3290 2266


Project Haala


Web frontend The Platform HAALA


Web interface follows WEB20 design. It uses Javascript, AJAX, CSS to operate on and style page HTML. Page HTML provides base layout for CSS styling, next Javascript comes into play by registering listeners, reading or sending data to the server. Page forms and uploads also done with AJAX, no need to restore form values after submits as the page does not refresh.

No HTML layout in Javascript

Javascript files should not contain HTML code, those only provide functionality and have nothing to do with HTML rendering. When Javascropt has to append HTML content to a page it either gets it from the page itself or asks the server to provide the template which is then populated with parameters. The altered HTML snippet can now be inserted into the page.

No hardcoded text

Text should be served from the database. JSP uses a tag library, Freemarker uses directives and Javascript uses the special controller to retrieve text labels. Labels may have parameters which must be injected to generate complete text.

Merging CSS / Javascript

The system has means to merge many CSS / Javascript files into one big CSS or Javascript. This allows to define style and scripts for different components in separate files and then merge those together to reduce the count of browser requests. It also allows to overwrite any file and then merge it instead of the original part providing different style or functionality for the replaced part.

Serving resources

Resources such as CSS, Javascript and graphics come from the server. The system has special controllers to fetch the resources from the database or WAR package, apply logic such as merging, set proper headers and then send back the result.