Bootstrap template ================== `pantra` represents Single Page Web Application (SPA). Every login is starting from **Main** component, which is putted on **bootstrap** template. This template collects all styles, `pantra` engine JavaScripts and visual side effects, and prepare application viewport. It is located in :doc:`components directory ` by default. Location can be changed by `BOOTSTRAP_FILENAME` :doc:`setting `. #. Initial Web page title. #. `all.js` - engine's minified JavaScripts (30k) #. `` - engine starting point #. CSS styles: * `normalize.css` - simple style normalization (*do I need it?*) * `basic.css` - contains `pantra` simple CSS `bootstrap-inspired `__ framework * `global.css` - contains all :ref:`component styles ` for common components * `{{app}}.local.css` - contains all styles for app-specific components (binding later) #. `
` - container to load `Main` component and initial content before component is loaded. #. `
` - visual indicator of online status #. `` - simple SVG animation for busy-status It uses very limited set of templating features, just allowing several variables inserted with double curve brackets:: {{VAR_NAME}} * `APP_TITLE` - :doc:`preconfigured ` common application title * `WEB_PATH` - :doc:`preconfigured ` app domain name (blank by default) * `INSTANCE_ID` - unique ID generated on app start - can be used for JS and CSS files versioning on development * `LOCAL_ID` - unique identifier of your session saved in your browser (localStorage) * `TAB_ID` - unique identifier of your session running in a specific browser tab (sessionStorage) Sample: .. code-block:: pantra :caption: bootstrap.html {{APP_TITLE}}
Initialization...