Merge branch 'master' into 13854-tags-card

refs #13854

Arvados-DCO-1.1-Signed-off-by: Janicki Artur <artur.janicki@contractors.roche.com>

diff --cc src/services/services.ts
index f56a30f7183245f13f493701a1440d30129c8597,9e1adbf6e4e20d8a1f59637ae4a02f356905dc18..87c668f2ae4ca3ff3e9b36e0f6bb16d3c51a96e8
--- 1/src/services/services.ts
--- 2/src/services/services.ts
+++ b/src/services/services.ts
@@@ -8,11 -8,9 +8,10 @@@ import { ProjectService } from "./proje
  import { LinkService } from "./link-service/link-service";
  import { FavoriteService } from "./favorite-service/favorite-service";
  import { AxiosInstance } from "axios";
- import { CommonResourceService } from "../common/api/common-resource-service";
- import { Resource } from "../models/resource";
  import { CollectionService } from "./collection-service/collection-service";
 +import { TagService } from "./tag-service/tag-service";
  import Axios from "axios";
+ import { CollectionFilesService } from "./collection-files-service/collection-files-service";
  
  export interface ServiceRepository {
      apiClient: AxiosInstance;
@@@ -22,8 -20,8 +21,9 @@@
      projectService: ProjectService;
      linkService: LinkService;
      favoriteService: FavoriteService;
-     collectionService: CommonResourceService<Resource>;
 +    tagService: TagService;
+     collectionService: CollectionService;
+     collectionFilesService: CollectionFilesService;
  }
  
  export const createServices = (baseUrl: string): ServiceRepository => {
@@@ -36,8 -34,8 +36,9 @@@
      const linkService = new LinkService(apiClient);
      const favoriteService = new FavoriteService(linkService, groupsService);
      const collectionService = new CollectionService(apiClient);
-     
 +    const tagService = new TagService(linkService);
+     const collectionFilesService = new CollectionFilesService(collectionService);
+ 
      return {
          apiClient,
          authService,
@@@ -46,6 -44,6 +47,7 @@@
          linkService,
          favoriteService,
          collectionService,
-         tagService
++        tagService,
+         collectionFilesService
      };
  };

diff --cc src/store/collection-panel/collection-panel-action.ts
index f9994d734e375da7e7c2ee185ceba4787e8a7d50,ee95590c064446d3d614c2bc2b9640f293bf8aba..f2774f6fb384f2d72256e57a93bd9cda92d71493
--- 1/src/store/collection-panel/collection-panel-action.ts
--- 2/src/store/collection-panel/collection-panel-action.ts
+++ b/src/store/collection-panel/collection-panel-action.ts
@@@ -6,10 -6,10 +6,12 @@@ import { unionize, ofType, UnionOf } fr
  import { Dispatch } from "redux";
  import { ResourceKind } from "../../models/resource";
  import { CollectionResource } from "../../models/collection";
+ import { collectionPanelFilesAction } from "./collection-panel-files/collection-panel-files-actions";
+ import { createTree } from "../../models/tree";
  import { RootState } from "../store";
  import { ServiceRepository } from "../../services/services";
 +import { TagResource, TagProperty } from "../../models/tag";
 +import { snackbarActions } from "../snackbar/snackbar-actions";
  
  export const collectionPanelActions = unionize({
      LOAD_COLLECTION: ofType<{ uuid: string, kind: ResourceKind }>(),

diff --cc src/views/collection-panel/collection-panel.tsx
index aac5661e14fd3687c3909ee261d48bad0fd89a00,43423a62f2c66a56d759cf304ad122e98d2adcf8..489d28473b0803fe3887380c850186f05c707680
--- 1/src/views/collection-panel/collection-panel.tsx
--- 2/src/views/collection-panel/collection-panel.tsx
+++ b/src/views/collection-panel/collection-panel.tsx
@@@ -3,23 -3,21 +3,24 @@@
  // SPDX-License-Identifier: AGPL-3.0
  
  import * as React from 'react';
- import { 
-     StyleRulesCallback, WithStyles, withStyles, Card, 
-     CardHeader, IconButton, CardContent, Grid, Chip, TextField, Button
+ import {
+     StyleRulesCallback, WithStyles, withStyles, Card,
+     CardHeader, IconButton, CardContent, Grid, Chip
  } from '@material-ui/core';
 -import { connect } from 'react-redux';
 +import { connect, DispatchProp } from "react-redux";
  import { RouteComponentProps } from 'react-router';
  import { ArvadosTheme } from '../../common/custom-theme';
  import { RootState } from '../../store/store';
  import { MoreOptionsIcon, CollectionIcon, CopyIcon } from '../../components/icon/icon';
  import { DetailsAttribute } from '../../components/details-attribute/details-attribute';
  import { CollectionResource } from '../../models/collection';
+ import { CollectionPanelFiles } from '../../views-components/collection-panel-files/collection-panel-files';
  import * as CopyToClipboard from 'react-copy-to-clipboard';
 +import { TagResource } from '../../models/tag';
 +import { CollectionTagForm } from './collection-tag-form';
 +import { deleteCollectionTag } from '../../store/collection-panel/collection-panel-action';
  
 -type CssRules = 'card' | 'iconHeader' | 'tag' | 'copyIcon';
 +type CssRules = 'card' | 'iconHeader' | 'tag' | 'copyIcon' | 'value';
  
  const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
      card: {
@@@ -59,19 -51,16 +60,19 @@@ type CollectionPanelProps = CollectionP
  
  
  export const CollectionPanel = withStyles(styles)(
 -    connect((state: RootState) => ({ item: state.collectionPanel.item! }))(
 -        class extends React.Component<CollectionPanelProps> {
 +    connect((state: RootState) => ({ 
 +        item: state.collectionPanel.item, 
 +        tags: state.collectionPanel.tags 
 +    }))(
 +        class extends React.Component<CollectionPanelProps> { 
  
              render() {
 -                const { classes, item, onContextMenu } = this.props;
 +                const { classes, item, tags, onContextMenu } = this.props;
                  return <div>
                          <Card className={classes.card}>
-                             <CardHeader 
+                             <CardHeader
                                  avatar={ <CollectionIcon className={classes.iconHeader} /> }
-                                 action={ 
+                                 action={
                                      <IconButton
                                          aria-label="More options"
                                          onClick={event => onContextMenu(event, item)}>
@@@ -142,8 -111,3 +135,8 @@@
          }
      )
  );
- };
 +
 +const renderTagLabel = (tag: TagResource) => {
 +    const { properties } = tag;
 +    return `${properties.key}: ${properties.value}`;
++};

diff --cc src/views/workbench/workbench.tsx
index 8491d172249a657b8c7957ea3e8024a0e65a5907,3611d7b10fb12210f9573f9ebf2df41476d62693..69d809869995d3c3344a043b0901076ec9633add
--- 1/src/views/workbench/workbench.tsx
--- 2/src/views/workbench/workbench.tsx
+++ b/src/views/workbench/workbench.tsx
@@@ -34,13 -34,15 +34,14 @@@ import { ResourceKind } from '../../mod
  import { ContextMenu, ContextMenuKind } from "../../views-components/context-menu/context-menu";
  import { FavoritePanel } from "../favorite-panel/favorite-panel";
  import { CurrentTokenDialog } from '../../views-components/current-token-dialog/current-token-dialog';
--import { dataExplorerActions } from '../../store/data-explorer/data-explorer-action';
  import { Snackbar } from '../../views-components/snackbar/snackbar';
  import { favoritePanelActions } from '../../store/favorite-panel/favorite-panel-action';
  import { CreateCollectionDialog } from '../../views-components/create-collection-dialog/create-collection-dialog';
  import { CollectionPanel } from '../collection-panel/collection-panel';
 -import { loadCollection } from '../../store/collection-panel/collection-panel-action';
 +import { loadCollection, loadCollectionTags } from '../../store/collection-panel/collection-panel-action';
  import { getCollectionUrl } from '../../models/collection';
+ import { RemoveDialog } from '../../views-components/remove-dialog/remove-dialog';
+ import { RenameDialog } from '../../views-components/rename-dialog/rename-dialog';
  import { UpdateCollectionDialog } from '../../views-components/update-collection-dialog/update-collection-dialog.';
  import { AuthService } from "../../services/auth-service/auth-service";