Adding menu item to sidebar or horizontal menu requires to edit two files: app/js/services.js to add the menu item in list, and app/js/app.js to setup the view for the menu item. If...
When you need to import external resources such as JavaScript or Stylesheets you should do this with the “resolve” object inside app.js in $stateProvider: You can load as...
Layout options are stored in cookies and provide an API to change them, but you can also apply manual configuration. To change layout settings open app/js/controllers.js and head to “MainCtrl“: ...
Controllers – Are the main part of the theme which handles the interactivity and provides with the data source and template files. Controllers are set up in app/js/controllers.js Directives – includes...
Usage: <horizontal-menu></horizontal-menu> Function: Will display the horizontal menu, search bar and user notifications. This should be added before “page-container” element and can be used only once.
Usage: <settings-pane></settings-pane> Function: Will include the user settings pane, add this markup to the beginning of the app (before “page-container” and horizontal menu element). Settings pane toggle function is: settingsPaneToggle();
Usage: <div class=”xe-widget xe-counter” xe-counter data-count=”.num” data-from=”0″ data-to=”99.9″ data-suffix=”%” data-duration=”2″></div> Function: Will start counting the specified “data-count” element right after is shown in the screen. For full options check Section 4.4
Usage: <sidebar-menu></sidebar-menu> Function: Will display the sidebar menu. The usage of this directive is inside app/tpls/app-body.html if you want to learn more.
Usage: Function: Will display the status update widget.
There are total of 29 directives included in this theme, for full list open this file app/js/directives.js to learn more detailed information and how are they implemented.