| /* |
| * Licensed to the Apache Software Foundation (ASF) under one or more |
| * contributor license agreements. See the NOTICE file distributed with |
| * this work for additional information regarding copyright ownership. |
| * The ASF licenses this file to You 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. |
| */ |
| |
| import headerTemplate from 'app/primitives/ui-grid-header/index.tpl.pug'; |
| |
| import columnDefs from './column-defs'; |
| import categories from './categories'; |
| |
| const rowTemplate = `<div |
| ng-repeat="(colRenderIndex, col) in colContainer.renderedColumns track by col.uid" |
| ui-grid-one-bind-id-grid="rowRenderIndex + '-' + col.uid + '-cell'" |
| class="ui-grid-cell" |
| ng-class="{ 'ui-grid-row-header-cell': col.isRowHeader }" |
| role="{{col.isRowHeader ? 'rowheader' : 'gridcell'}}" |
| ui-grid-cell/>`; |
| |
| const treeAggregationFinalizerFn = function(agg) { |
| return agg.rendered = agg.value; |
| }; |
| |
| export default class IgniteListOfRegisteredUsersCtrl { |
| static $inject = ['$scope', '$state', '$filter', 'User', 'uiGridGroupingConstants', 'uiGridPinningConstants', 'IgniteAdminData', 'IgniteNotebookData', 'IgniteConfirm', 'IgniteActivitiesUserDialog']; |
| |
| constructor($scope, $state, $filter, User, uiGridGroupingConstants, uiGridPinningConstants, AdminData, NotebookData, Confirm, ActivitiesUserDialog) { |
| const $ctrl = this; |
| |
| const dtFilter = $filter('date'); |
| |
| $ctrl.groupBy = 'user'; |
| |
| $ctrl.selected = []; |
| |
| $ctrl.params = { |
| startDate: new Date(), |
| endDate: new Date() |
| }; |
| |
| $ctrl.uiGridPinningConstants = uiGridPinningConstants; |
| $ctrl.uiGridGroupingConstants = uiGridGroupingConstants; |
| |
| User.read().then((user) => $ctrl.user = user); |
| |
| const becomeUser = () => { |
| const user = this.gridApi.selection.legacyGetSelectedRows()[0]; |
| |
| AdminData.becomeUser(user._id) |
| .then(() => User.load()) |
| .then(() => $state.go('default-state')) |
| .then(() => NotebookData.load()); |
| }; |
| |
| const removeUser = () => { |
| const user = this.gridApi.selection.legacyGetSelectedRows()[0]; |
| |
| Confirm.confirm(`Are you sure you want to remove user: "${user.userName}"?`) |
| .then(() => AdminData.removeUser(user)) |
| .then(() => { |
| const i = _.findIndex($ctrl.gridOptions.data, (u) => u._id === user._id); |
| |
| if (i >= 0) { |
| $ctrl.gridOptions.data.splice(i, 1); |
| $ctrl.gridApi.selection.clearSelectedRows(); |
| } |
| |
| $ctrl.adjustHeight($ctrl.gridOptions.data.length); |
| |
| return $ctrl._refreshRows(); |
| }); |
| }; |
| |
| const toggleAdmin = () => { |
| const user = this.gridApi.selection.legacyGetSelectedRows()[0]; |
| |
| if (user.adminChanging) |
| return; |
| |
| user.adminChanging = true; |
| |
| AdminData.toggleAdmin(user) |
| .finally(() => { |
| $ctrl._updateSelected(); |
| |
| user.adminChanging = false; |
| }); |
| }; |
| |
| const showActivities = () => { |
| const user = this.gridApi.selection.legacyGetSelectedRows()[0]; |
| |
| return new ActivitiesUserDialog({ user }); |
| }; |
| |
| const companiesExcludeFilter = (renderableRows) => { |
| if (_.isNil($ctrl.params.companiesExclude)) |
| return renderableRows; |
| |
| _.forEach(renderableRows, (row) => { |
| row.visible = _.isEmpty($ctrl.params.companiesExclude) || |
| row.entity.company.toLowerCase().indexOf($ctrl.params.companiesExclude.toLowerCase()) === -1; |
| }); |
| |
| return renderableRows; |
| }; |
| |
| $ctrl.actionOptions = [ |
| { |
| action: 'Become this user', |
| click: becomeUser.bind(this), |
| available: true |
| }, |
| { |
| action: 'Revoke admin', |
| click: toggleAdmin.bind(this), |
| available: true |
| }, |
| { |
| action: 'Grant admin', |
| click: toggleAdmin.bind(this), |
| available: false |
| }, |
| { |
| action: 'Remove user', |
| click: removeUser.bind(this), |
| available: true |
| }, |
| { |
| action: 'Activity detail', |
| click: showActivities.bind(this), |
| available: true |
| } |
| ]; |
| |
| $ctrl._userGridOptions = { |
| columnDefs, |
| categories |
| }; |
| |
| $ctrl.gridOptions = { |
| data: [], |
| |
| columnDefs, |
| categories, |
| |
| treeRowHeaderAlwaysVisible: true, |
| headerTemplate, |
| columnVirtualizationThreshold: 30, |
| rowTemplate, |
| rowHeight: 46, |
| selectWithCheckboxOnly: true, |
| suppressRemoveSort: false, |
| enableFiltering: true, |
| enableSelectAll: true, |
| enableRowSelection: true, |
| enableFullRowSelection: true, |
| enableColumnMenus: false, |
| multiSelect: false, |
| modifierKeysToMultiSelect: true, |
| noUnselect: false, |
| fastWatch: true, |
| exporterSuppressColumns: ['actions'], |
| exporterCsvColumnSeparator: ';', |
| rowIdentity: (row) => row._id, |
| getRowIdentity: (row) => row._id, |
| onRegisterApi: (api) => { |
| $ctrl.gridApi = api; |
| |
| api.selection.on.rowSelectionChanged($scope, $ctrl._updateSelected.bind($ctrl)); |
| api.selection.on.rowSelectionChangedBatch($scope, $ctrl._updateSelected.bind($ctrl)); |
| |
| api.core.on.filterChanged($scope, $ctrl._filteredRows.bind($ctrl)); |
| api.core.on.rowsVisibleChanged($scope, $ctrl._filteredRows.bind($ctrl)); |
| |
| api.grid.registerRowsProcessor(companiesExcludeFilter, 50); |
| |
| $scope.$watch(() => $ctrl.gridApi.grid.getVisibleRows().length, (rows) => $ctrl.adjustHeight(rows)); |
| $scope.$watch(() => $ctrl.params.companiesExclude, () => $ctrl.gridApi.grid.refreshRows()); |
| } |
| }; |
| |
| /** |
| * @param {{startDate: number, endDate: number}} params |
| */ |
| const reloadUsers = (params) => { |
| AdminData.loadUsers(params) |
| .then((data) => { |
| $ctrl.gridOptions.data = data; |
| |
| $ctrl.companies = _.values(_.groupBy(data, 'company')); |
| $ctrl.countries = _.values(_.groupBy(data, 'countryCode')); |
| |
| $ctrl._refreshRows(); |
| }); |
| }; |
| |
| const filterDates = _.debounce(() => { |
| const sdt = $ctrl.params.startDate; |
| const edt = $ctrl.params.endDate; |
| |
| $ctrl.gridOptions.exporterCsvFilename = `web_console_users_${dtFilter(sdt, 'yyyy_MM')}.csv`; |
| |
| const startDate = Date.UTC(sdt.getFullYear(), sdt.getMonth(), 1); |
| const endDate = Date.UTC(edt.getFullYear(), edt.getMonth() + 1, 1); |
| |
| reloadUsers({ startDate, endDate }); |
| }, 250); |
| |
| $scope.$watch(() => $ctrl.params.startDate, filterDates); |
| $scope.$watch(() => $ctrl.params.endDate, filterDates); |
| } |
| |
| adjustHeight(rows) { |
| // Add header height. |
| const height = Math.min(rows, 11) * 48 + 78; |
| |
| this.gridApi.grid.element.css('height', height + 'px'); |
| |
| this.gridApi.core.handleWindowResize(); |
| } |
| |
| _filteredRows() { |
| const filtered = _.filter(this.gridApi.grid.rows, ({ visible}) => visible); |
| const entities = _.map(filtered, 'entity'); |
| |
| this.filteredRows = entities; |
| } |
| |
| _updateSelected() { |
| const ids = this.gridApi.selection.legacyGetSelectedRows().map(({ _id }) => _id).sort(); |
| |
| if (ids.length) { |
| const user = this.gridApi.selection.legacyGetSelectedRows()[0]; |
| const other = this.user._id !== user._id; |
| |
| this.actionOptions[1].available = other && user.admin; |
| this.actionOptions[2].available = other && !user.admin; |
| |
| this.actionOptions[0].available = other; |
| this.actionOptions[3].available = other; |
| } |
| |
| if (!_.isEqual(ids, this.selected)) |
| this.selected = ids; |
| } |
| |
| _refreshRows() { |
| if (this.gridApi) { |
| this.gridApi.grid.refreshRows() |
| .then(() => this.selected.length && this._updateSelected()); |
| } |
| } |
| |
| groupByUser() { |
| this.groupBy = 'user'; |
| |
| this.gridApi.grouping.clearGrouping(); |
| this.gridApi.selection.clearSelectedRows(); |
| |
| _.forEach(_.filter(this.gridApi.grid.columns, {name: 'company'}), (col) => { |
| this.gridApi.pinning.pinColumn(col, this.uiGridPinningConstants.container.NONE); |
| }); |
| |
| _.forEach(_.filter(this.gridApi.grid.columns, {name: 'country'}), (col) => { |
| this.gridApi.pinning.pinColumn(col, this.uiGridPinningConstants.container.NONE); |
| }); |
| |
| this.gridOptions.categories = categories; |
| } |
| |
| groupByCompany() { |
| this.groupBy = 'company'; |
| |
| this.gridApi.grouping.clearGrouping(); |
| this.gridApi.selection.clearSelectedRows(); |
| |
| _.forEach(this.gridApi.grid.columns, (col) => { |
| col.enableSorting = true; |
| |
| if (col.colDef.type !== 'number') |
| return; |
| |
| this.gridApi.grouping.aggregateColumn(col.colDef.name, this.uiGridGroupingConstants.aggregation.SUM); |
| col.customTreeAggregationFinalizerFn = treeAggregationFinalizerFn; |
| }); |
| |
| this.gridApi.grouping.aggregateColumn('user', this.uiGridGroupingConstants.aggregation.COUNT); |
| _.forEach(_.filter(this.gridApi.grid.columns, {name: 'user'}), (col) => { |
| col.customTreeAggregationFinalizerFn = treeAggregationFinalizerFn; |
| }); |
| |
| this.gridApi.grouping.aggregateColumn('lastactivity', this.uiGridGroupingConstants.aggregation.MAX); |
| _.forEach(_.filter(this.gridApi.grid.columns, {name: 'lastactivity'}), (col) => { |
| col.customTreeAggregationFinalizerFn = treeAggregationFinalizerFn; |
| }); |
| |
| this.gridApi.grouping.groupColumn('company'); |
| _.forEach(_.filter(this.gridApi.grid.columns, {name: 'company'}), (col) => { |
| col.customTreeAggregationFinalizerFn = (agg) => agg.rendered = agg.groupVal; |
| }); |
| |
| // Pinning left company. |
| _.forEach(_.filter(this.gridApi.grid.columns, {name: 'company'}), (col) => { |
| this.gridApi.pinning.pinColumn(col, this.uiGridPinningConstants.container.LEFT); |
| }); |
| |
| // Unpinning country. |
| _.forEach(_.filter(this.gridApi.grid.columns, {name: 'country'}), (col) => { |
| this.gridApi.pinning.pinColumn(col, this.uiGridPinningConstants.container.NONE); |
| }); |
| |
| const _categories = _.cloneDeep(categories); |
| // Cut company category. |
| const company = _categories.splice(3, 1)[0]; |
| company.selectable = false; |
| |
| // Add company as first column. |
| _categories.unshift(company); |
| this.gridOptions.categories = _categories; |
| } |
| |
| groupByCountry() { |
| this.groupBy = 'country'; |
| |
| this.gridApi.grouping.clearGrouping(); |
| this.gridApi.selection.clearSelectedRows(); |
| |
| _.forEach(this.gridApi.grid.columns, (col) => { |
| col.enableSorting = true; |
| |
| if (col.colDef.type !== 'number') |
| return; |
| |
| this.gridApi.grouping.aggregateColumn(col.colDef.name, this.uiGridGroupingConstants.aggregation.SUM); |
| col.customTreeAggregationFinalizerFn = treeAggregationFinalizerFn; |
| }); |
| |
| this.gridApi.grouping.aggregateColumn('user', this.uiGridGroupingConstants.aggregation.COUNT); |
| _.forEach(_.filter(this.gridApi.grid.columns, {name: 'user'}), (col) => { |
| col.customTreeAggregationFinalizerFn = treeAggregationFinalizerFn; |
| }); |
| |
| this.gridApi.grouping.aggregateColumn('lastactivity', this.uiGridGroupingConstants.aggregation.MAX); |
| _.forEach(_.filter(this.gridApi.grid.columns, {name: 'lastactivity'}), (col) => { |
| col.customTreeAggregationFinalizerFn = treeAggregationFinalizerFn; |
| }); |
| |
| this.gridApi.grouping.groupColumn('country'); |
| _.forEach(_.filter(this.gridApi.grid.columns, {name: 'country'}), (col) => { |
| col.customTreeAggregationFinalizerFn = (agg) => agg.rendered = agg.groupVal; |
| }); |
| |
| // Pinning left country. |
| _.forEach(_.filter(this.gridApi.grid.columns, {name: 'country'}), (col) => { |
| this.gridApi.pinning.pinColumn(col, this.uiGridPinningConstants.container.LEFT); |
| }); |
| |
| // Unpinning country. |
| _.forEach(_.filter(this.gridApi.grid.columns, {name: 'company'}), (col) => { |
| this.gridApi.pinning.pinColumn(col, this.uiGridPinningConstants.container.NONE); |
| }); |
| |
| const _categories = _.cloneDeep(categories); |
| // Cut company category. |
| const country = _categories.splice(4, 1)[0]; |
| country.selectable = false; |
| |
| // Add company as first column. |
| _categories.unshift(country); |
| this.gridOptions.categories = _categories; |
| } |
| } |
