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.html
andtest/karma.conf.js
to 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