apps/onlp-demo/src/main/resources/app/view/onlp/onlp.js

/*
 * Copyright 2015-present Open Networking Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/*
 ONOS GUI -- Onlp View Module
 */

(function () {
    'use strict';

    // injected references
    var $log, $scope, $location, tbs, fs, mast, wss, ns, prefs, is, ps;

    // internal state
    var nzFilter = true,
        showDelta = false,
        pStartY,
        pHeight,
        wSize;

    var keyBindings = {
    };

    var defaultOnlpPrefsState = {
    };

    var prefsState = {};

    function updatePrefsState(what, b) {
        prefsState[what] = b ? 1 : 0;
        prefs.setPrefs('onlp_prefs', prefsState);
    }

    function restoreConfigFromPrefs() {
        prefsState = prefs.asNumbers(
            prefs.getPrefs('onlp_prefs', defaultOnlpPrefsState)
        );

        $log.debug('ONLP - Prefs State:', prefsState);
    }

    angular.module('ovOnlp', [])
        .controller('OvOnlpCtrl', [
            '$log', '$scope', '$location',
            'TableBuilderService', 'FnService', 'MastService', 'WebSocketService',
            'NavService', 'PrefsService', 'IconService',
            'PanelService',

            function (_$log_, _$scope_, _$location_,
                      _tbs_, _fs_, _mast_, _wss_,
                      _ns_, _prefs_, _is_, _ps_) {
                var params;
                var tableApi;
                $log = _$log_;
                $scope = _$scope_;
                $location = _$location_;
                tbs = _tbs_;
                fs = _fs_;
                mast = _mast_;
                wss = _wss_;
                ns = _ns_;
                prefs = _prefs_;
                is = _is_;
                ps = _ps_;

                params = $location.search();

                $scope.deviceTip = 'Show device table';
                $scope.flowTip = 'Show flow view for this device';
                $scope.groupTip = 'Show group view for this device';
                $scope.meterTip = 'Show meter view for selected device';
                $scope.pipeconfTip = 'Show pipeconf view for selected device';

                if (params.hasOwnProperty('devId')) {
                    $scope.devId = params['devId'];
                }

                $scope.payloadParams = {
                    nzFilter: nzFilter,
                    showDelta: showDelta,
                };

                tableApi = tbs.buildTable({
                    scope: $scope,
                    tag: 'onlp',
                    query: params,
                });

                function filterToggleState() {
                    return {
                        nzFilter: nzFilter,
                        showDelta: showDelta,
                    };
                }

                $scope.nav = function (path) {
                    if ($scope.devId) {
                        ns.navTo(path, { devId: $scope.devId });
                    }
                };

                function getOperatorFromQuery(query) {

                    var operator = query.split(' '),
                        opFunc = null;

                    if (operator[0] === '>') {
                        opFunc = _.gt;
                    } else if (operator[0] === '>=') {
                        opFunc = _.gte;
                    } else if (operator[0] === '<') {
                        opFunc = _.lt;
                    } else if (operator[0] === '<=') {
                        opFunc = _.lte;
                    } else {
                        return {
                            operator: opFunc,
                            searchText: query,
                        };
                    }

                    return {
                        operator: opFunc,
                        searchText: operator[1],
                    };
                }

                $scope.customFilter = function (prop, val) {
                    if (!val) {
                        return;
                    }

                    var search = getOperatorFromQuery(val),
                        operator = search.operator,
                        searchText = search.searchText;

                    if (operator) {
                        return function (row) {
                            var queryBy = $scope.queryBy || '$';

                            if (queryBy !== '$') {
                                var rowValue = parseInt(row[$scope.queryBy].replace(/,/g, ''));
                                return operator(rowValue, parseInt(searchText)) ? row : null;
                            } else {
                                var keys = _.keysIn(row);

                                for (var i = 0, l = keys.length; i < l; i++) {
                                    var rowValue = parseInt(row[keys[i]].replace(/,/g, ''));
                                    if (operator(rowValue, parseInt(searchText))) {
                                        return row;
                                    }
                                }
                            }
                        };
                    } else {
                        var out = {};
                        out[$scope.queryBy || '$'] = $scope.query;
                        return out;
                    }
                };

                restoreConfigFromPrefs();

                $scope.$on('$destroy', function () {
                    dps.destroy();
                });

                $log.log('OvOnlpCtrl has been created');
            }]);
}());