iguazio.dashboard-controls 1.0.13 → 1.1.1

package/src/igz_controls/components/multiple-checkboxes/multiple-checkboxes.component.js

@@ -171,7 +171,7 @@ such restriction.
             controller: IgzMultipleCheckboxes
         });
 
-    function IgzMultipleCheckboxes(lodash) {
+    function IgzMultipleCheckboxes($document, $element, $scope, lodash) {
         var ctrl = this;
 
         var LABEL_PATH_DEFAULT = 'label';
@@ -192,6 +192,8 @@ such restriction.
 
         ctrl.$onInit = onInit;
         ctrl.$onChanges = onChanges;
+        ctrl.$postLink = postLink;
+        ctrl.$onDestroy = onDestroy;
 
         ctrl.addItem = addItem;
         ctrl.onApply = onApply;
@@ -364,6 +366,19 @@ such restriction.
             }
         }
 
+        /**
+         * Post linking method
+         */
+        function postLink() {
+            $document.on('click', unselectDropdown);
+        }
+
+        /**
+         * Destructor method
+         */
+        function onDestroy() {
+            $document.off('click', unselectDropdown);
+        }
         //
         // Public methods
         //
@@ -447,10 +462,14 @@ such restriction.
          */
         function onSearchInputChange(searchData) {
             if (lodash.isEmpty(searchData) || lodash.isNil(searchData)) {
-                lodash.forEach(ctrl.optionList, function (group) {
-                    lodash.forEach(group.options, function (option) {
-                        lodash.set(option, 'filtered', false);
-                    });
+                lodash.forEach(ctrl.optionList, function (item) {
+                    if (ctrl.groups) {
+                        lodash.forEach(item.options, function (option) {
+                            lodash.set(option, 'filtered', false)
+                        });
+                    } else {
+                        lodash.set(item, 'filtered', false);
+                    }
                 });
             } else {
                 lodash.forEach(ctrl.optionList, function (item) {
@@ -559,6 +578,21 @@ such restriction.
                 lodash.forEach(ctrl.optionList, function (option) {
                     option.checked = lodash.includes(ctrl.ngModelCtrl.$viewValue, option.value);
                 });
+                ctrl.isAllItemsChecked = ctrl.optionList.every(function (option) {
+                    return option.checked;
+                });
+            }
+        }
+
+        /**
+         * Handle click on the document and not on the dropdown field and close the dropdown
+         * @param {Object} e - event
+         */
+        function unselectDropdown(e) {
+            if ($element.find(e.target).length === 0) {
+                $scope.$evalAsync(function () {
+                    ctrl.isDropdownOpened = false;
+                });
             }
         }
     }

package/src/igz_controls/services/control-panel-logs-data.service.js

@@ -0,0 +1,203 @@
+(function () {
+    'use strict';
+
+    angular.module('iguazio.dashboard-controls')
+        .factory('ControlPanelLogsDataService', ControlPanelLogsDataService);
+
+    function ControlPanelLogsDataService($q, lodash, ElasticsearchService) {
+        return {
+            entriesPaginated: search,
+            logsPaginated: logsWidthReplicas
+        };
+
+        //
+        // Public methods
+        //
+
+        /**
+         * Get latest log entries with replicas
+         * @param {number} page - current page
+         * @param {number} perPage - max items count on a page
+         * @param {Object} queryParams - additional parameters
+         * @param {string} queryParams.query - search query text
+         * @param {string} queryParams.timeFrame - selected time period to show results for
+         * @param {string} [queryParams.lastEntryTimestamp] - time stamp of the last item in a list, used with auto
+         *     update
+         * @returns {Promise} array of log entries
+         */
+        function logsWidthReplicas(page, perPage, queryParams) {
+            return search(page, perPage, queryParams, true)
+        }
+
+        /**
+         * Get latest log entries
+         * @param {number} page - current page
+         * @param {number} perPage - max items count on a page
+         * @param {Object} queryParams - additional parameters
+         * @param {string} queryParams.query - search query text
+         * @param {string} queryParams.timeFrame - selected time period to show results for
+         * @param {string} [queryParams.lastEntryTimestamp] - time stamp of the last item in a list, used with auto
+         * @param {boolean} withReplicas - determines if replicas should be requested
+         *     update
+         * @returns {Promise} array of log entries
+         */
+        function search(page, perPage, queryParams, withReplicas) {
+            // if Search is called in scope of autoupdate, only new entries should be shown
+            // so `lastEntryTimestamp` variable is used
+            var searchFrom = queryParams.lastEntryTimestamp;
+            var searchTo = 'now';
+            // but if there was no items in the list, use timeFrameParam
+
+            if (!searchFrom) {
+                if (queryParams.timeFrame) {
+                    searchFrom = 'now-' + queryParams.timeFrame;
+                } else {
+                    searchFrom = queryParams.customTimeFrame.from
+                    searchTo =  lodash.get(queryParams, 'customTimeFrame.to', 'now')
+                }
+            }
+
+            var config = {
+                index: 'filebeat*',
+                body: {
+                    query: {
+                        bool: {
+                            must: [
+                                {
+                                    range: {
+                                        '@timestamp': {
+                                            gte: searchFrom,
+                                            lte: searchTo
+                                        }
+                                    }
+                                }
+                            ]
+                        }
+                    },
+                    sort: [
+                        {
+                            '@timestamp': 'desc'
+                        }
+                    ]
+                }
+            };
+
+            if (withReplicas) {
+                config.body.aggs = {
+                    'distinct_pod_names': {
+                        terms: {
+                            field: 'kubernetes.pod.name',
+                            size: 100000
+                        }
+                    }
+                };
+            }
+
+            // If query text was set, add proper items to config
+            if (!lodash.isEmpty(queryParams.query)) {
+                config.body.query.bool.must.push({
+                    query_string: {
+                        query: queryParams.query,
+                        analyze_wildcard: true,
+                        default_field: '*'
+                    }
+                });
+            }
+
+            // Add perPage only if user navigates from page to page
+            // Pagination should not be used in auto update
+            if (!lodash.isNull(perPage)) {
+                lodash.defaults(config, {
+                    size: perPage,
+                    from: page * perPage
+                });
+            }
+
+            return ElasticsearchService.search(config)
+                .then(function (response) {
+                    // Saved log entry can be found in `_source` property
+                    // For now all additional data from Elasticsearch is not used, so only entries are returned
+                    var logs = lodash.map(response.hits.hits, '_source');
+                    var replicas = lodash.get(response, 'aggregations.distinct_pod_names.buckets', []).map(function (replica) {
+                        return replica.key;
+                    });
+
+                    // Total records count is received from Elasticsearch,
+                    // but Paginator expects pages count, so we need to calculate it
+                    logs.total_logs_count = lodash.get(response, 'hits.total.value', 0);
+                    logs.total_pages = Math.ceil(lodash.get(response, 'hits.total.value', 0) / perPage);
+
+                    if (withReplicas) {
+                        logs.replicas = replicas;
+                    }
+
+                    return logs;
+                })
+                .catch(function (err) {
+                    console.log(err);
+
+                    return $q.reject(err);
+                });
+        }
+
+        /**
+         * Mocks the real search function without the need for a running Elasticsearch service, for development
+         * purposes.
+         * @returns {Promise.<Array.<Object>>} a promise resolving to an array of mocked log entries.
+         */
+        function searchMocked(page, perPage, queryParams, withReplicas) {
+            var mock = {
+                levels: [
+                    'debug',
+                    'INFO',
+                    'warn',
+                    'WARNING',
+                    'ERROR'
+                ],
+                names: [
+                    'docker-registry-s1b0j6wn6s-gl3bp',
+                    'framesd-jgx8uftz60',
+                    'grafana-tffz8965jk-vw08z',
+                    'jupyter-3ie700eg7l-ukz5g',
+                    'nuclio-1k5fvxzp32',
+                    'webapi-nq74spt3zw'
+                ]
+            };
+
+            var logs = Array.from({ length: perPage }, function () {
+                return lodash.omit({
+                    '@timestamp': new Date(),
+                    name: lodash.sample(mock.names),
+                    level: lodash.sample(mock.levels),
+                    message: 'message message message message message message message message',
+                    more: 'more more more more more more more more more more more more'
+                }, lodash.sample([false, true]) ? 'more' : '');
+            });
+            const replicas = ['nuclio-dashboard-f9f78c6dd-8scqs',
+                'nuclio-controller-54fc6d9cbf-lfhln',
+                'nuclio-mm-app-project-n-v1-serving-3-544ccc46b-qjlpk',
+                'nuclio-mm-non-v3io-project2-serving-func0-cccf69fb9-rfvs5',
+                'nuclio-fraud-demo-2-normal-user-transaction-fraud-6fc949f956zrf',
+                'nuclio-llm-monitoring-intro-llm-monit-7dcd4cfcb5-tc4dq',
+                'nuclio-mm-ilan-project-agg-app-cfc597969-6xkw5',
+                'nuclio-mm-app-project-n-v222-model-monitoring-controller-5gbfqf',
+                'nuclio-mm-ilan-project-const-app-65f7749cdf-gzfvl',
+                'nuclio-mm-app-project-model-monitoring-controller-845b685cx2gvf',
+                'nuclio-mm-app-project-n-v1-model-monitoring-controller-b7bv9wwq',
+                'nuclio-mm-app-project-v1-model-monitoring-controller-bf8b6vgm8s',
+                'nuclio-tutorial-normal-user-model-monitoring-controller-6c4gfcv'
+            ];
+
+            logs.total_pages = 30000 / perPage;
+            logs.total_logs_count = 30000;
+
+            if (withReplicas) {
+                logs.replicas = replicas;
+            }
+
+            console.info(queryParams);
+
+            return $q.when(logs);
+        }
+    }
+}());

package/src/nuclio/common/components/deploy-log/deploy-log.component.js

@@ -29,7 +29,7 @@ such restriction.
     function NclDeployLogController(lodash) {
         var ctrl = this;
 
-        ctrl.scrollCofig = {
+        ctrl.scrollConfig = {
             advanced: {
                 updateOnContentResize: true
             },

package/src/nuclio/common/services/export.service.js

@@ -23,6 +23,7 @@ such restriction.
     function ExportService($i18next, $q, $timeout, $window, i18next, lodash, DialogsService, YamlService) {
         return {
             exportFunction: exportFunction,
+            exportLogs: exportLogs,
             getFunctionConfig: getFunctionConfig,
             exportProject: exportProject,
             exportProjects: exportProjects
@@ -43,6 +44,18 @@ such restriction.
             downloadExportedFunction(blob, version.metadata.name);
         }
 
+        /**
+         * Creates artificial link and starts downloading of exported file.
+         * Downloaded file will be saved in user's default folder for downloads.
+         * @param {Object} logs
+         * @param {string} name
+         */
+        function exportLogs(logs, name) {
+            var blob = prepareBlobObject(logs);
+
+            downloadExportedFile(blob, name, 'log');
+        }
+
         /**
          * Returns function config
          * @param {Object} version
@@ -141,17 +154,18 @@ such restriction.
         //
 
         /**
-         * Creates artificial link and starts downloading of exported function.
-         * Downloaded .yaml file will be saved in user's default folder for downloads.
-         * @param {Blob} data - exported function config parsed to YAML
+         * Creates artificial link and starts downloading of exported file.
+         * Downloaded file will be saved in user's default folder for downloads.
+         * @param {Blob} data - exported file config parsed to YAML
          * @param {string} fileName - name of the file
+         * @param {string} extension - extension of the file
          */
-        function downloadExportedFunction(data, fileName) {
+        function downloadExportedFile(data, fileName, extension) {
             var url = $window.URL.createObjectURL(data);
             var link = document.createElement('a');
 
             link.href = url;
-            link.download = fileName + '.yaml';
+            link.download = fileName + '.' + extension;
             document.body.appendChild(link);
 
             $timeout(function () {
@@ -161,6 +175,15 @@ such restriction.
             });
         }
 
+        /**
+         * Downloads function yaml
+         * @param {Blob} data - exported function config parsed to YAML
+         * @param {string} fileName - name of the file
+         */
+        function downloadExportedFunction(data, fileName) {
+            downloadExportedFile(data, fileName, 'yaml');
+        }
+
         /**
          * Prepare function data
          * @param {Object} version