-
Notifications
You must be signed in to change notification settings - Fork 0
Dashboard
The dashboard is the new hub system for the 2019 Eastern Edge user interface. It is a one page application which displays html pages inside it.
The dashboard consist of some very key elements/modules.
-
Side Bar - The side bar consists of the dashboard's navigation. When different pages are loaded, their navigation buttons are inserted into the sidebar automatically. All navigation is located inside
div#nav. -
Page Body - This is where the loaded content for each page goes. Denoted as
div#pageBody. When a page is loaded this div is emptied and then the inner html is set to the html of the page. This allows page navigation without physically navigating the browser to a new url. -
Spinner - This is a simple bootstrap spinner that is used to indicate if the dashboard is loading any content or not. The spinner can be accessed by
#loadingSpinner -
External Header - The dashboard also allows navigation to pages outside the dashboard (another url). The dashboard header is inserted into external pages as a way to navigate back to the dashboard form the external page.
The dashboard is designed to be modular and easily accessible. Pages are indicated in the dashboard.json file.
© Memorial University Eastern Edge Robotics - www.easternedgerobotics.com