angular-sanji-window

You can define states and navigate between states in window.

• Requirements
• Browser Support
• Quick Install
• How to Use

Requirements

Sanji window UI is develped based on webpack and ES2015.

• angularjs
• angular-material
• angular-material-icons
• webpack
• babel
• babel-runtime

Browser Support

• Chrome
• Firefox
• Safari

Quick Install

npm install angular-sanji-window --save

This will copy the angular-sanji-window files into a node_modules folder, along with its dependencies.

How to Use

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>

Project Setup

npm install

Development

npm start

Release

npm run build