next conflicts 14504-users-admin-panel
authorPawel Kowalczyk <pawel.kowalczyk@contractors.roche.com>
Fri, 7 Dec 2018 10:05:13 +0000 (11:05 +0100)
committerPawel Kowalczyk <pawel.kowalczyk@contractors.roche.com>
Fri, 7 Dec 2018 10:05:13 +0000 (11:05 +0100)
Feature #14504

Arvados-DCO-1.1-Signed-off-by: Pawel Kowalczyk <pawel.kowalczyk@contractors.roche.com>

14 files changed:
1  2 
src/index.tsx
src/routes/route-change-handlers.ts
src/routes/routes.ts
src/store/advanced-tab/advanced-tab.ts
src/store/navigation/navigation-action.ts
src/store/project-panel/project-panel-middleware-service.ts
src/store/store.ts
src/store/users/user-panel-middleware-service.ts
src/store/workbench/workbench-actions.ts
src/store/workflow-panel/workflow-middleware-service.ts
src/views-components/context-menu/context-menu.tsx
src/views-components/main-app-bar/account-menu.tsx
src/views-components/main-content-bar/main-content-bar.tsx
src/views/workbench/workbench.tsx

diff --combined src/index.tsx
index 87af8f1deb5ecd8b22e2ce270e27f48c8569c582,c33ef7c1e4a18630a04f9c76627e24131fc1f56b..8f702af164bdabc1945ca99d42f9bb7742c0af5c
@@@ -5,31 -5,31 +5,31 @@@
  import * as React from 'react';
  import * as ReactDOM from 'react-dom';
  import { Provider } from "react-redux";
 -import { MainPanel } from './views/main-panel/main-panel';
 -import './index.css';
 +import { MainPanel } from '~/views/main-panel/main-panel';
 +import '~/index.css';
  import { Route, Switch } from 'react-router';
  import createBrowserHistory from "history/createBrowserHistory";
  import { History } from "history";
 -import { configureStore, RootStore } from './store/store';
 +import { configureStore, RootStore } from '~/store/store';
  import { ConnectedRouter } from "react-router-redux";
 -import { ApiToken } from "./views-components/api-token/api-token";
 -import { initAuth } from "./store/auth/auth-action";
 -import { createServices } from "./services/services";
 +import { ApiToken } from "~/views-components/api-token/api-token";
 +import { initAuth } from "~/store/auth/auth-action";
 +import { createServices } from "~/services/services";
  import { MuiThemeProvider } from '@material-ui/core/styles';
 -import { CustomTheme } from './common/custom-theme';
 -import { fetchConfig } from './common/config';
 -import { addMenuActionSet, ContextMenuKind } from './views-components/context-menu/context-menu';
 -import { rootProjectActionSet } from "./views-components/context-menu/action-sets/root-project-action-set";
 -import { projectActionSet } from "./views-components/context-menu/action-sets/project-action-set";
 -import { resourceActionSet } from './views-components/context-menu/action-sets/resource-action-set';
 -import { favoriteActionSet } from "./views-components/context-menu/action-sets/favorite-action-set";
 -import { collectionFilesActionSet } from './views-components/context-menu/action-sets/collection-files-action-set';
 -import { collectionFilesItemActionSet } from './views-components/context-menu/action-sets/collection-files-item-action-set';
 -import { collectionFilesNotSelectedActionSet } from './views-components/context-menu/action-sets/collection-files-not-selected-action-set';
 -import { collectionActionSet } from './views-components/context-menu/action-sets/collection-action-set';
 -import { collectionResourceActionSet } from './views-components/context-menu/action-sets/collection-resource-action-set';
 -import { processActionSet } from './views-components/context-menu/action-sets/process-action-set';
 -import { loadWorkbench } from './store/workbench/workbench-actions';
 +import { CustomTheme } from '~/common/custom-theme';
 +import { fetchConfig } from '~/common/config';
 +import { addMenuActionSet, ContextMenuKind } from '~/views-components/context-menu/context-menu';
 +import { rootProjectActionSet } from "~/views-components/context-menu/action-sets/root-project-action-set";
 +import { projectActionSet } from "~/views-components/context-menu/action-sets/project-action-set";
 +import { resourceActionSet } from '~/views-components/context-menu/action-sets/resource-action-set';
 +import { favoriteActionSet } from "~/views-components/context-menu/action-sets/favorite-action-set";
 +import { collectionFilesActionSet } from '~/views-components/context-menu/action-sets/collection-files-action-set';
 +import { collectionFilesItemActionSet } from '~/views-components/context-menu/action-sets/collection-files-item-action-set';
 +import { collectionFilesNotSelectedActionSet } from '~/views-components/context-menu/action-sets/collection-files-not-selected-action-set';
 +import { collectionActionSet } from '~/views-components/context-menu/action-sets/collection-action-set';
 +import { collectionResourceActionSet } from '~/views-components/context-menu/action-sets/collection-resource-action-set';
 +import { processActionSet } from '~/views-components/context-menu/action-sets/process-action-set';
 +import { loadWorkbench } from '~/store/workbench/workbench-actions';
  import { Routes } from '~/routes/routes';
  import { trashActionSet } from "~/views-components/context-menu/action-sets/trash-action-set";
  import { ServiceRepository } from '~/services/services';
@@@ -53,8 -53,8 +53,9 @@@ import { sshKeyActionSet } from '~/view
  import { keepServiceActionSet } from '~/views-components/context-menu/action-sets/keep-service-action-set';
  import { loadVocabulary } from '~/store/vocabulary/vocabulary-actions';
  import { virtualMachineActionSet } from '~/views-components/context-menu/action-sets/virtual-machine-action-set';
 +import { userActionSet } from '~/views-components/context-menu/action-sets/user-action-set';
  import { computeNodeActionSet } from '~/views-components/context-menu/action-sets/compute-node-action-set';
+ import { apiClientAuthorizationActionSet } from '~/views-components/context-menu/action-sets/api-client-authorization-action-set';
  
  console.log(`Starting arvados [${getBuildInfo()}]`);
  
@@@ -75,8 -75,8 +76,9 @@@ addMenuActionSet(ContextMenuKind.REPOSI
  addMenuActionSet(ContextMenuKind.SSH_KEY, sshKeyActionSet);
  addMenuActionSet(ContextMenuKind.VIRTUAL_MACHINE, virtualMachineActionSet);
  addMenuActionSet(ContextMenuKind.KEEP_SERVICE, keepServiceActionSet);
 +addMenuActionSet(ContextMenuKind.USER, userActionSet);
  addMenuActionSet(ContextMenuKind.NODE, computeNodeActionSet);
+ addMenuActionSet(ContextMenuKind.API_CLIENT_AUTHORIZATION, apiClientAuthorizationActionSet);
  
  fetchConfig()
      .then(({ config, apiHost }) => {
index 5b281b830dc1f38ac695a3ecf3e75afa7fa8e31e,a733e42f7e902a7aa912ff9482de9e000627b0b3..e2454d63ac1aea6eaa6d1ac0fcba9dc0e384dd4e
@@@ -31,8 -31,8 +31,9 @@@ const handleLocationChange = (store: Ro
      const sshKeysMatch = Routes.matchSshKeysRoute(pathname);
      const keepServicesMatch = Routes.matchKeepServicesRoute(pathname);
      const computeNodesMatch = Routes.matchComputeNodesRoute(pathname);
+     const apiClientAuthorizationsMatch = Routes.matchApiClientAuthorizationsRoute(pathname);
      const myAccountMatch = Routes.matchMyAccountRoute(pathname);
 +    const userMatch = Routes.matchUsersRoute(pathname);
  
      if (projectMatch) {
          store.dispatch(WorkbenchActions.loadProject(projectMatch.params.id));
          store.dispatch(WorkbenchActions.loadKeepServices);
      } else if (computeNodesMatch) {
          store.dispatch(WorkbenchActions.loadComputeNodes);
+     } else if (apiClientAuthorizationsMatch) {
+         store.dispatch(WorkbenchActions.loadApiClientAuthorizations);
      } else if (myAccountMatch) {
          store.dispatch(WorkbenchActions.loadMyAccount);
 +    }else if (userMatch) {
 +        store.dispatch(WorkbenchActions.loadUsers);
      }
  };
diff --combined src/routes/routes.ts
index dabb9bf579884824c35150e410a0cbe673cc862a,7f15a8de74bb52c47e67a5f1e608a1e3ab0df9cf..88dfd46951945928336079381035e70e1733ae07
@@@ -26,7 -26,7 +26,8 @@@ export const Routes = 
      MY_ACCOUNT: '/my-account',
      KEEP_SERVICES: `/keep-services`,
      COMPUTE_NODES: `/nodes`,
-     USERS: '/users'
++    USERS: '/users',
+     API_CLIENT_AUTHORIZATIONS: `/api_client_authorizations`
  };
  
  export const getResourceUrl = (uuid: string) => {
@@@ -86,10 -86,10 +87,10 @@@ export const matchSearchResultsRoute = 
  
  export const matchVirtualMachineRoute = (route: string) =>
      matchPath<ResourceRouteParams>(route, { path: Routes.VIRTUAL_MACHINES });
 -    
 +
  export const matchRepositoriesRoute = (route: string) =>
      matchPath<ResourceRouteParams>(route, { path: Routes.REPOSITORIES });
 -    
 +
  export const matchSshKeysRoute = (route: string) =>
      matchPath(route, { path: Routes.SSH_KEYS });
  
@@@ -99,8 -99,8 +100,11 @@@ export const matchMyAccountRoute = (rou
  export const matchKeepServicesRoute = (route: string) =>
      matchPath(route, { path: Routes.KEEP_SERVICES });
  
 +export const matchUsersRoute = (route: string) =>
 +    matchPath(route, { path: Routes.USERS });
 +
  export const matchComputeNodesRoute = (route: string) =>
      matchPath(route, { path: Routes.COMPUTE_NODES });
 -    matchPath(route, { path: Routes.API_CLIENT_AUTHORIZATIONS });
+ export const matchApiClientAuthorizationsRoute = (route: string) =>
++    matchPath(route, { path: Routes.API_CLIENT_AUTHORIZATIONS });
index 4da4d7e14ca233c437d99cc7bbd15e1aa26add08,a77ffcca8ca7c1b325937f0d6f7f5be98edd478c..851eb949a9a7036ce5e5231fd8aa280e7bbab61d
@@@ -14,14 -14,15 +14,15 @@@ import { CollectionResource } from '~/m
  import { ProjectResource } from '~/models/project';
  import { ServiceRepository } from '~/services/services';
  import { FilterBuilder } from '~/services/api/filter-builder';
+ import { ListResults } from '~/services/common-service/common-service';
  import { RepositoryResource } from '~/models/repositories';
  import { SshKeyResource } from '~/models/ssh-key';
  import { VirtualMachinesResource } from '~/models/virtual-machines';
  import { UserResource } from '~/models/user';
- import { ListResults } from '~/services/common-service/common-resource-service';
  import { LinkResource } from '~/models/link';
  import { KeepServiceResource } from '~/models/keep-services';
  import { NodeResource } from '~/models/node';
+ import { ApiClientAuthorization } from '~/models/api-client-authorization';
  
  export const ADVANCED_TAB_DIALOG = 'advancedTabDialog';
  
@@@ -74,8 -75,8 +75,9 @@@ enum ResourcePrefix 
      AUTORIZED_KEYS = 'authorized_keys',
      VIRTUAL_MACHINES = 'virtual_machines',
      KEEP_SERVICES = 'keep_services',
-     COMPUTE_NODES = 'nodes'
+     COMPUTE_NODES = 'nodes',
 +    USERS = 'users',
+     API_CLIENT_AUTHORIZATIONS = 'api_client_authorizations'
  }
  
  enum KeepServiceData {
      CREATED_AT = 'created_at'
  }
  
 +enum UserData {
 +    USER = 'user',
 +    USERNAME = 'username'
 +}
 +
  enum ComputeNodeData {
      COMPUTE_NODE = 'node',
      PROPERTIES = 'properties'
  }
  
- type AdvanceResourceKind = CollectionData | ProcessData | ProjectData | RepositoryData | SshKeyData | VirtualMachineData | KeepServiceData | ComputeNodeData | UserData;
+ enum ApiClientAuthorizationsData {
+     API_CLIENT_AUTHORIZATION = 'api_client_authorization',
+     DEFAULT_OWNER_UUID = 'default_owner_uuid'
+ }
 -type AdvanceResourceKind = CollectionData | ProcessData | ProjectData | RepositoryData | SshKeyData | VirtualMachineData | KeepServiceData | ComputeNodeData | ApiClientAuthorizationsData;
++type AdvanceResourceKind = CollectionData | ProcessData | ProjectData | RepositoryData | SshKeyData | VirtualMachineData | KeepServiceData | ComputeNodeData | ApiClientAuthorizationsData | UserData;
  type AdvanceResourcePrefix = GroupContentsResourcePrefix | ResourcePrefix;
- type AdvanceResponseData = ContainerRequestResource | ProjectResource | CollectionResource | RepositoryResource | SshKeyResource | VirtualMachinesResource | KeepServiceResource | NodeResource | UserResource | undefined;
 -type AdvanceResponseData = ContainerRequestResource | ProjectResource | CollectionResource | RepositoryResource | SshKeyResource | VirtualMachinesResource | KeepServiceResource | NodeResource | ApiClientAuthorization | undefined;
++type AdvanceResponseData = ContainerRequestResource | ProjectResource | CollectionResource | RepositoryResource | SshKeyResource | VirtualMachinesResource | KeepServiceResource | NodeResource | ApiClientAuthorization | UserResource | undefined;
  
  export const openAdvancedTabDialog = (uuid: string) =>
      async (dispatch: Dispatch<any>, getState: () => RootState, services: ServiceRepository) => {
                  });
                  dispatch<any>(initAdvancedTabDialog(advanceDataKeepService));
                  break;
 +            case ResourceKind.USER:
 +                const { resources } = getState();
 +                const data = getResource<UserResource>(uuid)(resources);
 +                const metadata = await services.linkService.list({
 +                    filters: new FilterBuilder()
 +                        .addEqual('headUuid', uuid)
 +                        .getFilters()
 +                });
 +                const advanceDataUser = advancedTabData({
 +                    uuid,
 +                    metadata,
 +                    user: '',
 +                    apiResponseKind: userApiResponse,
 +                    data,
 +                    resourceKind: UserData.USER,
 +                    resourcePrefix: ResourcePrefix.USERS,
 +                    resourceKindProperty: UserData.USERNAME,
 +                    property: data!.username
 +                });
 +                dispatch<any>(initAdvancedTabDialog(advanceDataUser));
 +                break;
              case ResourceKind.NODE:
                  const dataComputeNode = getState().computeNodes.find(node => node.uuid === uuid);
                  const advanceDataComputeNode = advancedTabData({
                  });
                  dispatch<any>(initAdvancedTabDialog(advanceDataComputeNode));
                  break;
+             case ResourceKind.API_CLIENT_AUTHORIZATION:
+                 const dataApiClientAuthorization = getState().apiClientAuthorizations.find(item => item.uuid === uuid);
+                 const advanceDataApiClientAuthorization = advancedTabData({
+                     uuid,
+                     metadata: '',
+                     user: '',
+                     apiResponseKind: apiClientAuthorizationApiResponse,
+                     data: dataApiClientAuthorization,
+                     resourceKind: ApiClientAuthorizationsData.API_CLIENT_AUTHORIZATION,
+                     resourcePrefix: ResourcePrefix.API_CLIENT_AUTHORIZATIONS,
+                     resourceKindProperty: ApiClientAuthorizationsData.DEFAULT_OWNER_UUID,
+                     property: dataApiClientAuthorization!.defaultOwnerUuid
+                 });
+                 dispatch<any>(initAdvancedTabDialog(advanceDataApiClientAuthorization));
+                 break;
              default:
                  dispatch(snackbarActions.OPEN_SNACKBAR({ message: "Could not open advanced tab for this resource.", hideDuration: 2000, kind: SnackbarKind.ERROR }));
          }
@@@ -492,30 -487,6 +514,30 @@@ const keepServiceApiResponse = (apiResp
      return response;
  };
  
 +const userApiResponse = (apiResponse: UserResource) => {
 +    const {
 +        uuid, ownerUuid, createdAt, modifiedAt, modifiedByClientUuid, modifiedByUserUuid,
 +        email, firstName, lastName, identityUrl, isActive, isAdmin, prefs, defaultOwnerUuid, username
 +    } = apiResponse;
 +    const response = `"uuid": "${uuid}",
 +"owner_uuid": "${ownerUuid}",
 +"created_at": "${createdAt}",
 +"modified_by_client_uuid": ${stringify(modifiedByClientUuid)},
 +"modified_by_user_uuid": ${stringify(modifiedByUserUuid)},
 +"modified_at": ${stringify(modifiedAt)},
 +"email": "${email}",
 +"first_name": "${firstName}",
 +"last_name": "${stringify(lastName)}",
 +"identity_url": "${identityUrl}",
 +"is_active": "${isActive},
 +"is_admin": "${isAdmin},
 +"prefs": "${stringifyObject(prefs)},
 +"default_owner_uuid": "${defaultOwnerUuid},
 +"username": "${username}"`;
 +
 +    return response;
 +};
 +
  const computeNodeApiResponse = (apiResponse: NodeResource) => {
      const {
          uuid, slotNumber, hostname, domain, ipAddress, firstPingAt, lastPingAt, jobUuid,
  "properties": "${JSON.stringify(properties, null, 4)}",
  "info": "${JSON.stringify(info, null, 4)}"`;
  
 -        uuid, ownerUuid, apiToken, apiClientId, userId, createdByIpAddress, lastUsedByIpAddress, 
+     return response;
+ };
+ const apiClientAuthorizationApiResponse = (apiResponse: ApiClientAuthorization) => {
+     const {
++        uuid, ownerUuid, apiToken, apiClientId, userId, createdByIpAddress, lastUsedByIpAddress,
+         lastUsedAt, expiresAt, defaultOwnerUuid, scopes, updatedAt, createdAt
+     } = apiResponse;
+     const response = `"uuid": "${uuid}",
+ "owner_uuid": "${ownerUuid}",
+ "api_token": "${stringify(apiToken)}",
+ "api_client_id": "${stringify(apiClientId)}",
+ "user_id": "${stringify(userId)}",
+ "created_by_ip_address": "${stringify(createdByIpAddress)}",
+ "last_used_by_ip_address": "${stringify(lastUsedByIpAddress)}",
+ "last_used_at": "${stringify(lastUsedAt)}",
+ "expires_at": "${stringify(expiresAt)}",
+ "created_at": "${stringify(createdAt)}",
+ "updated_at": "${stringify(updatedAt)}",
+ "default_owner_uuid": "${stringify(defaultOwnerUuid)}",
+ "scopes": "${JSON.stringify(scopes, null, 4)}"`;
      return response;
  };
index bae16891ffb4ec9016b64479ebd97b94b7dc6538,067a9ac487f0869e038c00b67cd75c8f1f9d2985..8d68a4b6856e4179260a95315eac5158f4c8a95f
@@@ -74,4 -74,4 +74,6 @@@ export const navigateToKeepServices = p
  
  export const navigateToComputeNodes = push(Routes.COMPUTE_NODES);
  
 -export const navigateToApiClientAuthorizations = push(Routes.API_CLIENT_AUTHORIZATIONS);
 +export const navigateToUsers = push(Routes.USERS);
++
++export const navigateToApiClientAuthorizations = push(Routes.API_CLIENT_AUTHORIZATIONS);
index 257fc04477e86ded783a5a164879af4949772c80,f2cc8a9229d8fbe3798a732e32172f76c18fa555..58f158772240019b1b3a9873546cfd7b61e39ed6
@@@ -7,32 -7,32 +7,32 @@@ import 
      dataExplorerToListParams,
      getDataExplorerColumnFilters,
      listResultsToDataExplorerItemsMeta
 -} from '../data-explorer/data-explorer-middleware-service';
 -import { ProjectPanelColumnNames, ProjectPanelFilter } from "~/views/project-panel/project-panel";
 -import { RootState } from "../store";
 +} from '~/store/data-explorer/data-explorer-middleware-service';
 +import { ProjectPanelColumnNames } from "~/views/project-panel/project-panel";
 +import { RootState } from "~/store/store";
  import { DataColumns } from "~/components/data-table/data-table";
  import { ServiceRepository } from "~/services/services";
  import { SortDirection } from "~/components/data-table/data-column";
  import { OrderBuilder, OrderDirection } from "~/services/api/order-builder";
  import { FilterBuilder, joinFilters } from "~/services/api/filter-builder";
  import { GroupContentsResource, GroupContentsResourcePrefix } from "~/services/groups-service/groups-service";
 -import { updateFavorites } from "../favorites/favorites-actions";
 -import { PROJECT_PANEL_CURRENT_UUID, IS_PROJECT_PANEL_TRASHED, projectPanelActions } from './project-panel-action';
 +import { updateFavorites } from "~/store/favorites/favorites-actions";
 +import { PROJECT_PANEL_CURRENT_UUID, IS_PROJECT_PANEL_TRASHED, projectPanelActions } from '~/store/project-panel/project-panel-action';
  import { Dispatch, MiddlewareAPI } from "redux";
  import { ProjectResource } from "~/models/project";
  import { updateResources } from "~/store/resources/resources-actions";
  import { getProperty } from "~/store/properties/properties";
 -import { snackbarActions, SnackbarKind } from '../snackbar/snackbar-actions';
 +import { snackbarActions, SnackbarKind } from '~/store/snackbar/snackbar-actions';
  import { progressIndicatorActions } from '~/store/progress-indicator/progress-indicator-actions.ts';
 -import { DataExplorer, getDataExplorer } from '../data-explorer/data-explorer-reducer';
 +import { DataExplorer, getDataExplorer } from '~/store/data-explorer/data-explorer-reducer';
- import { ListResults } from '~/services/common-service/common-resource-service';
+ import { ListResults } from '~/services/common-service/common-service';
 -import { loadContainers } from '../processes/processes-actions';
 +import { loadContainers } from '~/store/processes/processes-actions';
  import { ResourceKind } from '~/models/resource';
  import { getResource } from "~/store/resources/resources";
  import { CollectionResource } from "~/models/collection";
  import { resourcesDataActions } from "~/store/resources-data/resources-data-actions";
  import { getSortColumn } from "~/store/data-explorer/data-explorer-reducer";
 -import { serializeResourceTypeFilters } from '../resource-type-filters/resource-type-filters';
 +import { serializeResourceTypeFilters } from '~/store/resource-type-filters/resource-type-filters';
  
  export class ProjectPanelMiddlewareService extends DataExplorerMiddlewareService {
      constructor(private services: ServiceRepository, id: string) {
diff --combined src/store/store.ts
index 1862d6f0e42eb658ea5c564b54cc401ffc4e1586,eef047508274ba2bf6cba1f3be5e6534540b6111..2b0ada81afec1a8869a7629ccf89546a20982172
@@@ -46,9 -46,8 +46,10 @@@ import { resourcesDataReducer } from "~
  import { virtualMachinesReducer } from "~/store/virtual-machines/virtual-machines-reducer";
  import { repositoriesReducer } from '~/store/repositories/repositories-reducer';
  import { keepServicesReducer } from '~/store/keep-services/keep-services-reducer';
 +import { UserMiddlewareService } from '~/store/users/user-panel-middleware-service';
 +import { USERS_PANEL_ID } from '~/store/users/users-actions';
  import { computeNodesReducer } from '~/store/compute-nodes/compute-nodes-reducer';
+ import { apiClientAuthorizationsReducer } from '~/store/api-client-authorizations/api-client-authorizations-reducer';
  
  const composeEnhancers =
      (process.env.NODE_ENV === 'development' &&
@@@ -80,9 -79,6 +81,9 @@@ export function configureStore(history
      const workflowPanelMiddleware = dataExplorerMiddleware(
          new WorkflowMiddlewareService(services, WORKFLOW_PANEL_ID)
      );
 +    const userPanelMiddleware = dataExplorerMiddleware(
 +        new UserMiddlewareService(services, USERS_PANEL_ID)
 +    );
  
      const middlewares: Middleware[] = [
          routerMiddleware(history),
@@@ -92,8 -88,7 +93,8 @@@
          trashPanelMiddleware,
          searchResultsPanelMiddleware,
          sharedWithMePanelMiddleware,
 -        workflowPanelMiddleware
 +        workflowPanelMiddleware,
 +        userPanelMiddleware
      ];
      const enhancer = composeEnhancers(applyMiddleware(...middlewares));
      return createStore(rootReducer, enhancer);
@@@ -125,5 -120,6 +126,6 @@@ const createRootReducer = (services: Se
      virtualMachines: virtualMachinesReducer,
      repositories: repositoriesReducer,
      keepServices: keepServicesReducer,
-     computeNodes: computeNodesReducer
+     computeNodes: computeNodesReducer,
+     apiClientAuthorizations: apiClientAuthorizationsReducer
  });
index 2f60209368ffc48afd266216e28f97398fc769ff,0000000000000000000000000000000000000000..bc4bb130ae39797160eb3200c53adad51b30e101
mode 100644,000000..100644
--- /dev/null
@@@ -1,78 -1,0 +1,78 @@@
- import { ListResults } from '~/services/common-service/common-resource-service';
 +// Copyright (C) The Arvados Authors. All rights reserved.
 +//
 +// SPDX-License-Identifier: AGPL-3.0
 +
 +import { ServiceRepository } from '~/services/services';
 +import { MiddlewareAPI, Dispatch } from 'redux';
 +import { DataExplorerMiddlewareService, dataExplorerToListParams, listResultsToDataExplorerItemsMeta } from '~/store/data-explorer/data-explorer-middleware-service';
 +import { RootState } from '~/store/store';
 +import { snackbarActions, SnackbarKind } from '~/store/snackbar/snackbar-actions';
 +import { DataExplorer, getDataExplorer } from '~/store/data-explorer/data-explorer-reducer';
 +import { updateResources } from '~/store/resources/resources-actions';
 +import { FilterBuilder } from '~/services/api/filter-builder';
 +import { SortDirection } from '~/components/data-table/data-column';
 +import { OrderDirection, OrderBuilder } from '~/services/api/order-builder';
++import { ListResults } from '~/services/common-service/common-service';
 +import { userBindedActions } from '~/store/users/users-actions';
 +import { getSortColumn } from "~/store/data-explorer/data-explorer-reducer";
 +import { UserResource } from '~/models/user';
 +import { UserPanelColumnNames } from '~/views/user-panel/user-panel';
 +
 +export class UserMiddlewareService extends DataExplorerMiddlewareService {
 +    constructor(private services: ServiceRepository, id: string) {
 +        super(id);
 +    }
 +
 +    async requestItems(api: MiddlewareAPI<Dispatch, RootState>) {
 +        const state = api.getState();
 +        const dataExplorer = getDataExplorer(state.dataExplorer, this.getId());
 +        try {
 +            const response = await this.services.userService.list(getParams(dataExplorer));
 +            api.dispatch(updateResources(response.items));
 +            api.dispatch(setItems(response));
 +        } catch {
 +            api.dispatch(couldNotFetchUsers());
 +        }
 +    }
 +}
 +
 +export const getParams = (dataExplorer: DataExplorer) => ({
 +    ...dataExplorerToListParams(dataExplorer),
 +    order: getOrder(dataExplorer),
 +    filters: getFilters(dataExplorer)
 +});
 +
 +export const getFilters = (dataExplorer: DataExplorer) => {
 +    const filters = new FilterBuilder()
 +        .addILike("username", dataExplorer.searchValue)
 +        .getFilters();
 +    return filters;
 +};
 +
 +export const getOrder = (dataExplorer: DataExplorer) => {
 +    const sortColumn = getSortColumn(dataExplorer);
 +    const order = new OrderBuilder<UserResource>();
 +    if (sortColumn) {
 +        const sortDirection = sortColumn && sortColumn.sortDirection === SortDirection.ASC
 +            ? OrderDirection.ASC
 +            : OrderDirection.DESC;
 +        const columnName = sortColumn && sortColumn.name === UserPanelColumnNames.LAST_NAME ? "lastName" : "firstName";
 +        return order
 +            .addOrder(sortDirection, columnName)
 +            .getOrder();
 +    } else {
 +        return order.getOrder();
 +    }
 +};
 +
 +export const setItems = (listResults: ListResults<UserResource>) =>
 +    userBindedActions.SET_ITEMS({
 +        ...listResultsToDataExplorerItemsMeta(listResults),
 +        items: listResults.items.map(resource => resource.uuid),
 +    });
 +
 +const couldNotFetchUsers = () =>
 +    snackbarActions.OPEN_SNACKBAR({
 +        message: 'Could not fetch users.',
 +        kind: SnackbarKind.ERROR
 +    });
index d33bdafb656e4a49065b8c9d631d0220d840e932,fdc91f43d51fd9bfa8aaea918c258391ed06fe3b..bc5eac6c8bcaa41ea74ea96ab4de5aeb8163837a
@@@ -58,9 -58,8 +58,10 @@@ import { searchResultsPanelColumns } fr
  import { loadVirtualMachinesPanel } from '~/store/virtual-machines/virtual-machines-actions';
  import { loadRepositoriesPanel } from '~/store/repositories/repositories-actions';
  import { loadKeepServicesPanel } from '~/store/keep-services/keep-services-actions';
 +import { loadUsersPanel, userBindedActions } from '~/store/users/users-actions';
 +import { userPanelColumns } from '~/views/user-panel/user-panel';
  import { loadComputeNodesPanel } from '~/store/compute-nodes/compute-nodes-actions';
+ import { loadApiClientAuthorizationsPanel } from '~/store/api-client-authorizations/api-client-authorizations-actions';
  
  export const WORKBENCH_LOADING_SCREEN = 'workbenchLoadingScreen';
  
@@@ -80,6 -79,7 +81,6 @@@ const handleFirstTimeLoad = (action: an
          }
      };
  
 -
  export const loadWorkbench = () =>
      async (dispatch: Dispatch, getState: () => RootState) => {
          dispatch(progressIndicatorActions.START_WORKING(WORKBENCH_LOADING_SCREEN));
@@@ -94,7 -94,6 +95,7 @@@
                  dispatch(sharedWithMePanelActions.SET_COLUMNS({ columns: projectPanelColumns }));
                  dispatch(workflowPanelActions.SET_COLUMNS({ columns: workflowPanelColumns }));
                  dispatch(searchResultsPanelActions.SET_COLUMNS({ columns: searchResultsPanelColumns }));
 +                dispatch(userBindedActions.SET_COLUMNS({ columns: userPanelColumns }));
                  dispatch<any>(initSidePanelTree());
                  if (router.location) {
                      const match = matchRootRoute(router.location.pathname);
@@@ -132,10 -131,7 +133,10 @@@ export const loadProject = (uuid: strin
              const userUuid = services.authService.getUuid();
              dispatch(setIsProjectPanelTrashed(false));
              if (userUuid) {
 -                if (userUuid !== uuid) {
 +                if (extractUuidKind(uuid) === ResourceKind.USER && userUuid !== uuid) {
 +                    // Load another users home projects
 +                    dispatch(finishLoadingProject(uuid));
 +                } else if (userUuid !== uuid) {
                      const match = await loadGroupContentsResource({ uuid, userUuid, services });
                      match({
                          OWNED: async project => {
@@@ -406,7 -402,7 +407,7 @@@ export const loadVirtualMachines = hand
          await dispatch(loadVirtualMachinesPanel());
          dispatch(setBreadcrumbs([{ label: 'Virtual Machines' }]));
      });
 -    
 +
  export const loadRepositories = handleFirstTimeLoad(
      async (dispatch: Dispatch<any>) => {
          await dispatch(loadRepositoriesPanel());
@@@ -428,17 -424,16 +429,22 @@@ export const loadKeepServices = handleF
          await dispatch(loadKeepServicesPanel());
      });
  
 +export const loadUsers = handleFirstTimeLoad(
 +    async (dispatch: Dispatch<any>) => {
 +        await dispatch(loadUsersPanel());
 +        dispatch(setBreadcrumbs([{ label: 'Users' }]));
 +    });
 +
  export const loadComputeNodes = handleFirstTimeLoad(
      async (dispatch: Dispatch<any>) => {
          await dispatch(loadComputeNodesPanel());
      });
  
+ export const loadApiClientAuthorizations = handleFirstTimeLoad(
+     async (dispatch: Dispatch<any>) => {
+         await dispatch(loadApiClientAuthorizationsPanel());
+     });
  const finishLoadingProject = (project: GroupContentsResource | string) =>
      async (dispatch: Dispatch<any>) => {
          const uuid = typeof project === 'string' ? project : project.uuid;
index 000e9f5cb15a7e01fec16920fd01942259a015bd,2cd910bda106dc11b2976e24088120a0ec9913d3..6dbcf6ac8df1d5f6e28552b16a6c63451f9fc0c4
@@@ -14,8 -14,8 +14,8 @@@ import { SortDirection } from '~/compon
  import { WorkflowPanelColumnNames } from '~/views/workflow-panel/workflow-panel-view';
  import { OrderDirection, OrderBuilder } from '~/services/api/order-builder';
  import { WorkflowResource } from '~/models/workflow';
- import { ListResults } from '~/services/common-service/common-resource-service';
+ import { ListResults } from '~/services/common-service/common-service';
 -import { workflowPanelActions } from './workflow-panel-actions';
 +import { workflowPanelActions } from '~/store/workflow-panel/workflow-panel-actions';
  import { getSortColumn } from "~/store/data-explorer/data-explorer-reducer";
  
  export class WorkflowMiddlewareService extends DataExplorerMiddlewareService {
index 68a48ee3fdd5c4f5c2a3c6913a97ad101a718910,35298d0e1a2403d52cec788856fcdfb5ee439087..95a4a83f8c2cb8fa8073392348b7f32112a31d05
@@@ -55,6 -55,7 +55,7 @@@ const getMenuActionSet = (resource?: Co
  };
  
  export enum ContextMenuKind {
+     API_CLIENT_AUTHORIZATION = "ApiClientAuthorization",
      ROOT_PROJECT = "RootProject",
      PROJECT = "Project",
      RESOURCE = "Resource",
@@@ -73,6 -74,5 +74,6 @@@
      SSH_KEY = "SshKey",
      VIRTUAL_MACHINE = "VirtualMachine",
      KEEP_SERVICE = "KeepService",
 +    USER = "User",
      NODE = "Node"
  }
index 412f849703ff5dc54204b646823211c5f9549c42,415cba37c97b543da6ee41d4cb7dccce6f91a6c6..44b113df39e6b33a347bd661680d4af3312dae04
@@@ -12,9 -12,11 +12,12 @@@ import { logout } from '~/store/auth/au
  import { RootState } from "~/store/store";
  import { openCurrentTokenDialog } from '~/store/current-token-dialog/current-token-dialog-actions';
  import { openRepositoriesPanel } from "~/store/repositories/repositories-actions";
- import { navigateToSshKeys, navigateToKeepServices, navigateToComputeNodes, navigateToMyAccount } from '~/store/navigation/navigation-action';
+ import { 
+     navigateToSshKeys, navigateToKeepServices, navigateToComputeNodes,
+     navigateToApiClientAuthorizations, navigateToMyAccount
+ } from '~/store/navigation/navigation-action';
  import { openVirtualMachines } from "~/store/virtual-machines/virtual-machines-actions";
 +import { navigateToUsers } from '~/store/navigation/navigation-action';
  
  interface AccountMenuProps {
      user?: User;
@@@ -38,7 -40,7 +41,8 @@@ export const AccountMenu = connect(mapS
                  <MenuItem onClick={() => dispatch(openRepositoriesPanel())}>Repositories</MenuItem>
                  <MenuItem onClick={() => dispatch(openCurrentTokenDialog)}>Current token</MenuItem>
                  <MenuItem onClick={() => dispatch(navigateToSshKeys)}>Ssh Keys</MenuItem>
 +                <MenuItem onClick={() => dispatch(navigateToUsers)}>Users</MenuItem>
+                 { user.isAdmin && <MenuItem onClick={() => dispatch(navigateToApiClientAuthorizations)}>Api Tokens</MenuItem> }
                  { user.isAdmin && <MenuItem onClick={() => dispatch(navigateToKeepServices)}>Keep Services</MenuItem> }
                  { user.isAdmin && <MenuItem onClick={() => dispatch(navigateToComputeNodes)}>Compute Nodes</MenuItem> }
                  <MenuItem onClick={() => dispatch(navigateToMyAccount)}>My account</MenuItem>
index 7022fc5e3527b23470c107209ef074f9080c17c5,a3279e37730fcb4d874eb2f8605e8743e803d1e1..8c2e4ceda26a8f029b78492747942f86b92c1a17
@@@ -20,8 -20,8 +20,8 @@@ const isButtonVisible = ({ router }: Ro
      const pathname = router.location ? router.location.pathname : '';
      return !Routes.matchWorkflowRoute(pathname) && !Routes.matchVirtualMachineRoute(pathname) &&
          !Routes.matchRepositoriesRoute(pathname) && !Routes.matchSshKeysRoute(pathname) &&
-         !Routes.matchKeepServicesRoute(pathname) && !Routes.matchComputeNodesRoute(pathname) && 
-         !Routes.matchUsersRoute(pathname);
+         !Routes.matchKeepServicesRoute(pathname) && !Routes.matchComputeNodesRoute(pathname) &&
 -        !Routes.matchApiClientAuthorizationsRoute(pathname);
++        !Routes.matchApiClientAuthorizationsRoute(pathname) && !Routes.matchUsersRoute(pathname);
  };
  
  export const MainContentBar = connect((state: RootState) => ({
index e0ec14f13937bd6313524dff1f47916edd2a16ba,3cd040f78c6aeec4819c92dd5db500a1495ab9e0..70f2a2ddd207a7303851d542e999d589be24b175
@@@ -54,23 -54,24 +54,27 @@@ import { ProjectPropertiesDialog } fro
  import { RepositoriesPanel } from '~/views/repositories-panel/repositories-panel';
  import { KeepServicePanel } from '~/views/keep-service-panel/keep-service-panel';
  import { ComputeNodePanel } from '~/views/compute-node-panel/compute-node-panel';
+ import { ApiClientAuthorizationPanel } from '~/views/api-client-authorization-panel/api-client-authorization-panel';
  import { RepositoriesSampleGitDialog } from '~/views-components/repositories-sample-git-dialog/repositories-sample-git-dialog';
  import { RepositoryAttributesDialog } from '~/views-components/repository-attributes-dialog/repository-attributes-dialog';
  import { CreateRepositoryDialog } from '~/views-components/dialog-forms/create-repository-dialog';
  import { RemoveRepositoryDialog } from '~/views-components/repository-remove-dialog/repository-remove-dialog';
  import { CreateSshKeyDialog } from '~/views-components/dialog-forms/create-ssh-key-dialog';
  import { PublicKeyDialog } from '~/views-components/ssh-keys-dialog/public-key-dialog';
+ import { RemoveApiClientAuthorizationDialog } from '~/views-components/api-client-authorizations-dialog/remove-dialog';
  import { RemoveComputeNodeDialog } from '~/views-components/compute-nodes-dialog/remove-dialog';
  import { RemoveKeepServiceDialog } from '~/views-components/keep-services-dialog/remove-dialog';
  import { RemoveSshKeyDialog } from '~/views-components/ssh-keys-dialog/remove-dialog';
  import { RemoveVirtualMachineDialog } from '~/views-components/virtual-machines-dialog/remove-dialog';
+ import { AttributesApiClientAuthorizationDialog } from '~/views-components/api-client-authorizations-dialog/attributes-dialog';
  import { AttributesComputeNodeDialog } from '~/views-components/compute-nodes-dialog/attributes-dialog';
  import { AttributesKeepServiceDialog } from '~/views-components/keep-services-dialog/attributes-dialog';
  import { AttributesSshKeyDialog } from '~/views-components/ssh-keys-dialog/attributes-dialog';
  import { VirtualMachineAttributesDialog } from '~/views-components/virtual-machines-dialog/attributes-dialog';
 +import { UserPanel } from '~/views/user-panel/user-panel';
 +import { UserAttributesDialog } from '~/views-components/user-dialog/attributes-dialog';
 +import { CreateUserDialog } from '~/views-components/dialog-forms/create-user-dialog';
+ import { HelpApiClientAuthorizationDialog } from '~/views-components/api-client-authorizations-dialog/help-dialog';
  
  type CssRules = 'root' | 'container' | 'splitter' | 'asidePanel' | 'contentWrapper' | 'content';
  
@@@ -144,8 -145,8 +148,9 @@@ export const WorkbenchPanel 
                                  <Route path={Routes.REPOSITORIES} component={RepositoriesPanel} />
                                  <Route path={Routes.SSH_KEYS} component={SshKeyPanel} />
                                  <Route path={Routes.KEEP_SERVICES} component={KeepServicePanel} />
 +                                <Route path={Routes.USERS} component={UserPanel} />
                                  <Route path={Routes.COMPUTE_NODES} component={ComputeNodePanel} />
+                                 <Route path={Routes.API_CLIENT_AUTHORIZATIONS} component={ApiClientAuthorizationPanel} />
                                  <Route path={Routes.MY_ACCOUNT} component={MyAccountPanel} />
                              </Switch>
                          </Grid>
                  <DetailsPanel />
              </Grid>
              <AdvancedTabDialog />
+             <AttributesApiClientAuthorizationDialog />
              <AttributesComputeNodeDialog />
              <AttributesKeepServiceDialog />
              <AttributesSshKeyDialog />
              <CreateProjectDialog />
              <CreateRepositoryDialog />
              <CreateSshKeyDialog />
 +            <CreateUserDialog />
              <CurrentTokenDialog />
              <FileRemoveDialog />
              <FilesUploadCollectionDialog />
+             <HelpApiClientAuthorizationDialog />
              <MoveCollectionDialog />
              <MoveProcessDialog />
              <MoveProjectDialog />
              <ProcessCommandDialog />
              <ProcessInputDialog />
              <ProjectPropertiesDialog />
+             <RemoveApiClientAuthorizationDialog />
              <RemoveComputeNodeDialog />
              <RemoveKeepServiceDialog />
              <RemoveProcessDialog />
              <UpdateCollectionDialog />
              <UpdateProcessDialog />
              <UpdateProjectDialog />
 +            <UserAttributesDialog />
              <VirtualMachineAttributesDialog />
          </Grid>
      );