nflow-explorer
User Interface for nFlow.
nflow-explorer is now part of nFlow repository. This repository is no longer updated.
Screenshots
![]() |
![]() |
|---|---|
![]() |
![]() |
Demo
http://bank.nflow.io/nflow/explorer/
Quick Start
Install Node.js and then:
$ sudo npm -g install grunt-cli karma bower
$ npm install
$ bower install
$ grunt
$ grunt serve
Naming Conventions
| Category | Convention | Example |
|---|---|---|
| folder name | lisp-case | src/app/front-page |
| file name | camelCase | frontPage.js |
| angular module | camelCase | angular.module('nflowExplorer.frontPage', ... |
| angular controller | PascalCase | .controller('FrontPageCtrl', ... |
| angular directive | camelCase | .directive('workflowExecutorTable', ... |
| angular service | PascalCase | .factory('ManageWorkflow', ... |
Overall Directory Structure
nflow-explorer/
|- dist/
|- src/
| |- app/
| | |- <app logic>
| |- external/
| | |- <third-party libraries: customized or not available on Bower>
| |- images/
| | |- <static image files>
| |- styles/
| | |- main.scss
|- test/
|- bower_components/
|- .bowerrc
|- bower.json
|- Gruntfile.js
|- package.json
dist/- release is built into this directory.src/- our application sources. Read more »test/- test sources and configuration. Read more »bower_components/- third-party libraries. Bower will install packages here. Anything added to this directory will need to be manually added tosrc/index.htmlandtest/karma.conf.jsto be picked up by the build system..bowerrc- the Bower configuration file. This tells Bower to install components into thebower_components/directory.bower.json- this is our project configuration for Bower and it contains the list of Bower dependencies we need.Gruntfile.js- our build script.package.json- metadata about the app, used by NPM and our build script. Our NPM dependencies are listed here.
Running test
Unit tests
grunt test
Integration tests:
First install webdriver:
node_modules/protractor/bin/webdriver-manager update
Running tests
grunt itest



