You can define states and navigate between states in window.
Sanji window UI is develped based on webpack and ES2015.
- angularjs
- angular-material
- angular-material-icons
- webpack
- babel
- babel-runtime
- Chrome
- Firefox
- Safari
npm install angular-sanji-window --save
This will copy the angular-sanji-window files into a node_modules
folder, along with its dependencies.
Load the script files in your application:
import sjWindow from 'angular-sanji-window';
angular.module('yourApp', [sjWindow]);
Define your states:
Note: You need to define default-state.
<sanji-window window-name="Ethernet">
<sanji-window-state state-name="sanji-info" default-state link-name="Information">
<div>This state is for showing ethernet information.</div>
</sanji-window-state>
<sanji-window-state state-name="sanji-edit" link-name="Settings" icon="settings">
<div>This state is for editing ethernet config.</div>
</sanji-window-state>
</sanji-window>
npm install
npm start
npm run build