Interface frame
We need to implement the same frame for the interface on every page. For this we will implement the following modules as a wrapper for every html page view we are to create. We will follow the UI Guidelines for the style of the page.
Header
In the header we will include a name for the page on the left and on the Right the name of the user and other user management information that will be added with time. It will also include the next module - the menu.
Menu
The menu will be foldable at the most left of the screen. With in its default case showing only the icons of the sections and the logo at the top of it. Upon hovering over, it will expand and show the names of the sections. The current section is to be highlighted. And its sub links to be open and displayed. On every section you can click and it will expand with its sub links. If there are no sub links the section itself will be the link. Anylink is to open the requested page. The sections are to be stored in the database with its icon and title and if it is a main section or sub link. Sub Links will need to have a field for which section they belong. Some links will have the option for a new record. It will be a + icon at the right most of the row for the link. We will need to store this url in the database for when it is applicable. It will only be shown if such url exists
Footer
The footer is to wrap up any open html tags from the header for where the content must be and to have the end of page assets that are required. Some other functionalities may be added with time to it.