├── .gitattributes
├── app
├── .buildignore
├── robots.txt
├── styles
│ ├── nv.d3.less
│ ├── widgets.less
│ ├── main.less
│ ├── bootstrap.less
│ └── themes
│ │ ├── cyborg.less
│ │ ├── default.less
│ │ ├── simplex.less
│ │ └── amelia.less
├── favicon.ico
├── images
│ ├── main_banner.png
│ ├── glyphicons-halflings.png
│ └── glyphicons-halflings-white.png
├── template
│ ├── percentage.html
│ ├── topics.html
│ └── widgetOptions.html
├── fonts
│ ├── glyphicons-halflings-regular.eot
│ ├── glyphicons-halflings-regular.ttf
│ └── glyphicons-halflings-regular.woff
├── views
│ ├── main.html
│ ├── simple.html
│ └── apps.html
├── settings.js
├── scripts
│ ├── controllers
│ │ ├── simple.js
│ │ ├── meteor.js
│ │ ├── topics.js
│ │ ├── widgetOptions.js
│ │ ├── apps.js
│ │ ├── serverdata.js
│ │ ├── rest.js
│ │ ├── main.js
│ │ └── discovery.js
│ ├── app.js
│ ├── services
│ │ ├── gateway.js
│ │ ├── widgets.js
│ │ ├── service.js
│ │ └── datamodel.js
│ └── vendor
│ │ ├── visibly.js
│ │ └── meteor-ddp.js
├── index.html
└── 404.html
├── start_dist.sh
├── start_dev.sh
├── dist
├── robots.txt
├── favicon.ico
├── images
│ ├── 570fe1a1.main_banner.png
│ ├── 5aa9bc32.glyphicons-halflings.png
│ └── 0220d123.glyphicons-halflings-white.png
├── template
│ ├── percentage.html
│ ├── topics.html
│ └── widgetOptions.html
├── views
│ ├── main.html
│ └── apps.html
├── fonts
│ ├── glyphicons-halflings-regular.eot
│ ├── glyphicons-halflings-regular.ttf
│ └── glyphicons-halflings-regular.woff
├── settings.js
├── index.html
└── 404.html
├── .bowerrc
├── forever_dev.js
├── .gitignore
├── docs
├── AngularJSDashboard.png
└── ProjectDependencies.png
├── dev_start.sh
├── .travis.yml
├── test
├── runner.html
├── spec
│ └── controllers
│ │ └── main.js
└── .jshintrc
├── .editorconfig
├── .jshintrc
├── config.js
├── app.js
├── bower.json
├── CONTRIBUTING.md
├── karma-e2e.conf.js
├── package.json
├── karma.conf.js
├── README.md
├── Gruntfile.js
└── LICENSE
/.gitattributes:
--------------------------------------------------------------------------------
1 | * text=auto
--------------------------------------------------------------------------------
/app/.buildignore:
--------------------------------------------------------------------------------
1 | *.coffee
--------------------------------------------------------------------------------
/start_dist.sh:
--------------------------------------------------------------------------------
1 | #!/bin/sh
2 | node app.js
--------------------------------------------------------------------------------
/start_dev.sh:
--------------------------------------------------------------------------------
1 | #!/bin/sh
2 | STATIC_DIR=/app node app.js
--------------------------------------------------------------------------------
/app/robots.txt:
--------------------------------------------------------------------------------
1 | # robotstxt.org
2 |
3 | User-agent: *
4 |
--------------------------------------------------------------------------------
/dist/robots.txt:
--------------------------------------------------------------------------------
1 | # robotstxt.org
2 |
3 | User-agent: *
4 |
--------------------------------------------------------------------------------
/.bowerrc:
--------------------------------------------------------------------------------
1 | {
2 | "directory": "app/bower_components"
3 | }
4 |
--------------------------------------------------------------------------------
/forever_dev.js:
--------------------------------------------------------------------------------
1 | #!/bin/sh
2 | export STATIC_DIR=/app
3 | forever start app.js
--------------------------------------------------------------------------------
/app/styles/nv.d3.less:
--------------------------------------------------------------------------------
1 | svg {
2 | width: auto;
3 | height: auto;
4 | }
5 |
--------------------------------------------------------------------------------
/app/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dtpublic/malhar-dashboard-webapp/HEAD/app/favicon.ico
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | .tmp
3 | .sass-cache
4 | .idea
5 | .DS_Store
6 | app/bower_components
7 |
--------------------------------------------------------------------------------
/dist/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dtpublic/malhar-dashboard-webapp/HEAD/dist/favicon.ico
--------------------------------------------------------------------------------
/app/images/main_banner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dtpublic/malhar-dashboard-webapp/HEAD/app/images/main_banner.png
--------------------------------------------------------------------------------
/docs/AngularJSDashboard.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dtpublic/malhar-dashboard-webapp/HEAD/docs/AngularJSDashboard.png
--------------------------------------------------------------------------------
/docs/ProjectDependencies.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dtpublic/malhar-dashboard-webapp/HEAD/docs/ProjectDependencies.png
--------------------------------------------------------------------------------
/app/images/glyphicons-halflings.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dtpublic/malhar-dashboard-webapp/HEAD/app/images/glyphicons-halflings.png
--------------------------------------------------------------------------------
/app/template/percentage.html:
--------------------------------------------------------------------------------
1 |
2 | Template from templateUrl
3 |
{{percentage}}
4 |
2 | Template from templateUrl
3 |
{{percentage}}
4 |
2 |
3 |
4 | Option Selected: {{value}}
5 |
6 |
2 |
Select Application to Load
3 |
Loading Applications...
4 |
5 |
6 |
2 |
Select Application to Load
3 |
Loading Applications...
4 |
5 |
6 |
2 |
3 |
4 |
5 |
8 |
9 |
12 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
{{topicSchema}}
22 |
23 |
24 |
25 |
26 |
27 |
30 |
2 |
3 |
4 |
5 |
8 |
9 |
12 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
{{topicSchema}}
22 |
23 |
24 |
25 |
26 |
27 |
30 |
{{percentage}}%
',
66 | style: {
67 | width: '30%'
68 | }
69 | },
70 | {
71 | name: 'URLtemplate',
72 | templateUrl: 'template/percentage.html'
73 | },
74 | {
75 | name: 'wt-pie-chart',
76 | style: {
77 | width: '350px',
78 | height: '350px'
79 | },
80 | attrs: {
81 | data: 'pieChartData'
82 | }
83 | }
84 | ];
85 |
86 |
87 | var defaultWidgets = _.map(widgetDefinitions, function (widgetDef) {
88 | return {
89 | name: widgetDef.name
90 | };
91 | });
92 |
93 | $scope.dashboardOptions = {
94 | widgetButtons: true,
95 | widgetDefinitions: widgetDefinitions,
96 | defaultWidgets: defaultWidgets
97 | };
98 |
99 | // random scope value (scope-watch widget)
100 | $interval(function () {
101 | $scope.randomValue = Math.random();
102 | }, 500);
103 |
104 | // percentage (gauge widget, progressbar widget)
105 | $scope.percentage = 5;
106 | $interval(function () {
107 | $scope.percentage = ($scope.percentage + 10) % 100;
108 | }, 1000);
109 |
110 | // nvd3-stacked-area-chart
111 | $scope.stackedAreaChartData = stackedAreaChartSampleData;
112 |
113 | $scope.xAxisTickFormat = function () {
114 | return function (d) {
115 | return d3.time.format('%x')(new Date(d));
116 | };
117 | };
118 |
119 | // pie chart
120 | $scope.pieChartData = pieChartSampleData;
121 |
122 | /*
123 | var pieChart = angular.copy(pieChartSampleData);
124 |
125 | $interval(function () { //TODO
126 | var a = pieChart[0];
127 | var b = pieChart[1];
128 | var sum = a.y + b.y;
129 | a.y = (a.y + 1) % sum;
130 | b.y = sum - a.y;
131 | $scope.pieChartData = angular.copy(pieChart);
132 | }, 500);
133 | */
134 |
135 | // external controls
136 | $scope.addWidget = function (directive) {
137 | $scope.dashboardOptions.addWidget({
138 | name: directive
139 | });
140 | };
141 |
142 | $scope.addWidgetScopeWatch = function () {
143 | $scope.dashboardOptions.addWidget({
144 | name: 'scope-watch',
145 | attrs: {
146 | value: 'randomValue'
147 | }
148 | });
149 | };
150 | });
--------------------------------------------------------------------------------
/app/scripts/controllers/discovery.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | angular.module('app')
4 | .controller('DiscoveryCtrl', function ($scope, $routeParams, webSocket, Gateway, settings,
5 | widgetDefs, notificationService) {
6 |
7 | $scope.dashboardOptions = {
8 | useLocalStorage: false, //TODO enable by default
9 | widgetButtons: true,
10 | widgetDefinitions: widgetDefs,
11 | settingsModalOptions: {
12 | optionsTemplateUrl: 'template/widgetOptions.html'
13 | }
14 | };
15 |
16 | Gateway.getTopics().then(function (topics) {
17 | if (!topics.length) { //TODO
18 | return;
19 | }
20 |
21 | topics = _.sortBy(topics, function (topic) {
22 | return (-topic.appStartedTime);
23 | });
24 |
25 | var appId;
26 |
27 | if ($routeParams.appId) {
28 | appId = $routeParams.appId;
29 | } else {
30 | appId = topics[0].appId;
31 | }
32 |
33 | var selTopic = _.findWhere(topics, { appId: appId });
34 |
35 | var appTopics = _.where(topics, { appId: appId });
36 |
37 | var widgets = [];
38 | function addWidget(widget) {
39 | widgets.push(widget);
40 | }
41 |
42 | var gaugeUsed = false;
43 |
44 | _.each(appTopics, function (topic) {
45 | var type = topic.schema.type;
46 |
47 | if (type === 'timeseries') {
48 | addWidget({
49 | name: 'Line Chart',
50 | title: 'Line Chart',
51 | dataModelOptions: {
52 | topic: topic.topic
53 | }
54 | });
55 | } else if (type === 'topN') {
56 | addWidget({
57 | name: 'TopN',
58 | title: 'Top N',
59 | dataModelOptions: {
60 | topic: topic.topic
61 | }
62 | });
63 | } else if (type === 'percentage') {
64 | if (!gaugeUsed) {
65 | addWidget({
66 | name: 'Gauge',
67 | title: 'Gauge',
68 | dataModelOptions: {
69 | topic: topic.topic
70 | }
71 | });
72 | gaugeUsed = true;
73 | } else {
74 | addWidget({
75 | name: 'Progressbar',
76 | title: 'Progressbar',
77 | dataModelOptions: {
78 | topic: topic.topic
79 | }
80 | });
81 | }
82 | } else if (type === 'piechart') {
83 | addWidget({
84 | name: 'Pie Chart',
85 | title: 'Pie Chart',
86 | dataModelOptions: {
87 | topic: topic.topic
88 | }
89 | });
90 | }
91 | });
92 |
93 | $scope.dashboardOptions.loadWidgets(widgets);
94 |
95 | notificationService.notify({
96 | title: 'Dashboard Loaded',
97 | text: 'Dashboard for application {name} ({id}) has been loaded.'
98 | .replace('{name}', selTopic.appName)
99 | .replace('{id}', selTopic.appId),
100 | type: 'success',
101 | delay: 5000,
102 | icon: false,
103 | history: false
104 | });
105 | });
106 |
107 | // initialize widgets with default topics
108 | var topicsPromise = Gateway.getTopics();
109 |
110 | $scope.$on('widgetAdded', function (event, widget) {
111 | event.stopPropagation();
112 |
113 | if (widget.dataModel && widget.dataModelOptions && widget.dataModelOptions.topic) {
114 | topicsPromise.then(function (topics) {
115 | var selTopic = widget.dataModelOptions.topic;
116 |
117 | var topic = null;
118 |
119 | if (selTopic) {
120 | topic = _.find(topics, function (topic) {
121 | return topic.topic === selTopic;
122 | });
123 | } else {
124 | var defaultTopic = widget.dataModelOptions.defaultTopic;
125 |
126 | topic = _.find(topics, function (topic) {
127 | return topic.name.indexOf(defaultTopic) >= 0;
128 | });
129 | }
130 |
131 | if (topic) {
132 | widget.dataModel.update(topic.topic);
133 | }
134 | });
135 | }
136 | });
137 | });
--------------------------------------------------------------------------------
/app/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
22 |
23 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
85 |
86 |
87 |
--------------------------------------------------------------------------------
/app/scripts/vendor/visibly.js:
--------------------------------------------------------------------------------
1 | /*!
2 | * visibly - v0.6 Aug 2011 - Page Visibility API Polyfill
3 | * http://github.com/addyosmani
4 | * Copyright (c) 2011 Addy Osmani
5 | * Dual licensed under the MIT and GPL licenses.
6 | *
7 | * Methods supported:
8 | * visibly.onVisible(callback)
9 | * visibly.onHidden(callback)
10 | * visibly.hidden()
11 | * visibly.visibilityState()
12 | * visibly.visibilitychange(callback(state));
13 | */
14 |
15 | ;(function () {
16 |
17 | window.visibly = {
18 | q: document,
19 | p: undefined,
20 | prefixes: ['webkit', 'ms','o','moz','khtml'],
21 | props: ['VisibilityState', 'visibilitychange', 'Hidden'],
22 | m: ['focus', 'blur'],
23 | visibleCallbacks: [],
24 | hiddenCallbacks: [],
25 | genericCallbacks:[],
26 | _callbacks: [],
27 | cachedPrefix:"",
28 | fn:null,
29 |
30 | onVisible: function (_callback) {
31 | if(typeof _callback == 'function' ){
32 | this.visibleCallbacks.push(_callback);
33 | }
34 | },
35 | onHidden: function (_callback) {
36 | if(typeof _callback == 'function' ){
37 | this.hiddenCallbacks.push(_callback);
38 | }
39 | },
40 | getPrefix:function(){
41 | if(!this.cachedPrefix){
42 | for(var l=0;b=this.prefixes[l++];){
43 | if(b + this.props[2] in this.q){
44 | this.cachedPrefix = b;
45 | return this.cachedPrefix;
46 | }
47 | }
48 | }
49 | },
50 |
51 | visibilityState:function(){
52 | return this._getProp(0);
53 | },
54 | hidden:function(){
55 | return this._getProp(2);
56 | },
57 | visibilitychange:function(fn){
58 | if(typeof fn == 'function' ){
59 | this.genericCallbacks.push(fn);
60 | }
61 |
62 | var n = this.genericCallbacks.length;
63 | if(n){
64 | if(this.cachedPrefix){
65 | while(n--){
66 | this.genericCallbacks[n].call(this, this.visibilityState());
67 | }
68 | }else{
69 | while(n--){
70 | this.genericCallbacks[n].call(this, arguments[0]);
71 | }
72 | }
73 | }
74 |
75 | },
76 | isSupported: function (index) {
77 | return ((this.cachedPrefix + this.props[2]) in this.q);
78 | },
79 | _getProp:function(index){
80 | return this.q[this.cachedPrefix + this.props[index]];
81 | },
82 | _execute: function (index) {
83 | if (index) {
84 | this._callbacks = (index == 1) ? this.visibleCallbacks : this.hiddenCallbacks;
85 | var n = this._callbacks.length;
86 | while(n--){
87 | this._callbacks[n]();
88 | }
89 | }
90 | },
91 | _visible: function () {
92 | window.visibly._execute(1);
93 | window.visibly.visibilitychange.call(window.visibly, 'visible');
94 | },
95 | _hidden: function () {
96 | window.visibly._execute(2);
97 | window.visibly.visibilitychange.call(window.visibly, 'hidden');
98 | },
99 | _nativeSwitch: function () {
100 | this[this._getProp(2) ? '_hidden' : '_visible']();
101 | },
102 | _listen: function () {
103 | try { /*if no native page visibility support found..*/
104 | if (!(this.isSupported())) {
105 | if (this.q.addEventListener) { /*for browsers without focusin/out support eg. firefox, opera use focus/blur*/
106 | window.addEventListener(this.m[0], this._visible, 1);
107 | window.addEventListener(this.m[1], this._hidden, 1);
108 | } else { /*IE <10s most reliable focus events are onfocusin/onfocusout*/
109 | if (this.q.attachEvent) {
110 | this.q.attachEvent('onfocusin', this._visible);
111 | this.q.attachEvent('onfocusout', this._hidden);
112 | }
113 | }
114 | } else { /*switch support based on prefix detected earlier*/
115 | this.q.addEventListener(this.cachedPrefix + this.props[1], function () {
116 | window.visibly._nativeSwitch.apply(window.visibly, arguments);
117 | }, 1);
118 | }
119 | } catch (e) {}
120 | },
121 | init: function () {
122 | this.getPrefix();
123 | this._listen();
124 | }
125 | };
126 |
127 | this.visibly.init();
128 | })();
129 |
--------------------------------------------------------------------------------
/dist/404.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Page Not Found :(
6 |
141 |
142 |
143 |
144 |
Not found :(
145 |
Sorry, but the page you were trying to view does not exist.
146 |
It looks like this was the result of either:
147 |
148 | - a mistyped address
149 | - an out-of-date link
150 |
151 |
154 |
155 |
144 |
Not found :(
145 |
Sorry, but the page you were trying to view does not exist.
146 |
It looks like this was the result of either:
147 |
148 | - a mistyped address
149 | - an out-of-date link
150 |
151 |
154 |
155 |