@openneuro/app 4.2.0 → 4.2.4

package/src/scripts/datalad/routes/dataset-content.jsx

@@ -1,198 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { Link, Redirect } from 'react-router-dom'
-import { useCookies } from 'react-cookie'
-import EditDescriptionField from '../fragments/edit-description-field.jsx'
-import Helmet from 'react-helmet'
-import { pageTitle } from '../../resources/strings'
-import DatasetTitle from '../fragments/dataset-title.jsx'
-import DatasetUploaded from '../fragments/dataset-uploaded.jsx'
-import DatasetModified from '../fragments/dataset-modified.jsx'
-import DatasetAuthors from '../fragments/dataset-authors.jsx'
-import DatasetSummary from '../fragments/dataset-summary.jsx'
-import DatasetAnalytics from '../fragments/dataset-analytics.jsx'
-import DatasetProminentLinks from '../fragments/dataset-prominent-links.jsx'
-import DatasetFiles from '../fragments/dataset-files.jsx'
-import DatasetGitHash from '../fragments/dataset-git-hash.jsx'
-import DatasetGitAccess from '../fragments/dataset-git-access.jsx'
-import DatasetReadme from '../fragments/dataset-readme.jsx'
-import DatasetDescription from '../dataset/dataset-description.jsx'
-import Validation from '../validation/validation.jsx'
-import EditReadme from '../fragments/edit-readme.jsx'
-import IncompleteDataset from '../fragments/incomplete-dataset.jsx'
-import LoggedIn from '../../authentication/logged-in.jsx'
-import ErrorBoundary from '../../errors/errorBoundary.jsx'
-import {
-  getProfile,
-  hasEditPermissions,
-} from '../../refactor_2021/authentication/profile.js'
-import styled from '@emotion/styled'
-import { Media } from '../../styles/media'
-import { MobileClass } from './mobile-class'
-
-const MarginBottomDiv = styled.div`
-  margin-bottom: 0.5em;
-`
-
-export const HasBeenPublished = ({
-  isPrivate,
-  datasetId,
-  hasDraftChanges,
-  hasSnapshot,
-}) =>
-  isPrivate ? (
-    hasSnapshot ? (
-      <MarginBottomDiv className="alert alert-warning">
-        <strong>This dataset has not been published!</strong>{' '}
-        <Link to={`/datasets/${datasetId}/publish`}>Publish this dataset</Link>{' '}
-        to make all snapshots available publicly.
-      </MarginBottomDiv>
-    ) : (
-      <MarginBottomDiv className="alert alert-warning">
-        <strong>This dataset has not been published!</strong> Before it can be
-        published, please{' '}
-        <Link to={`/datasets/${datasetId}/snapshot`}>create a snapshot</Link>.
-      </MarginBottomDiv>
-    )
-  ) : hasDraftChanges ? (
-    <MarginBottomDiv className="alert alert-warning">
-      <strong>This dataset has been published!</strong> There are currently
-      unsaved changes to this Draft. Changes made here become public when you
-      <Link to={`/datasets/${datasetId}/snapshot`}>
-        {' create a new snapshot.'}
-      </Link>
-    </MarginBottomDiv>
-  ) : (
-    <MarginBottomDiv className="alert alert-success">
-      <strong>{'This dataset has been published! '}</strong>
-      You can make changes to this Draft page, then
-      <Link to={`/datasets/${datasetId}/snapshot`}>
-        {' create a new snapshot '}
-      </Link>
-      to make them public.
-    </MarginBottomDiv>
-  )
-
-HasBeenPublished.propTypes = {
-  isPrivate: PropTypes.bool,
-  datasetId: PropTypes.string,
-  hasDraftChanges: PropTypes.bool,
-  hasSnapshot: PropTypes.bool,
-}
-
-/**
- * Data routing for the main dataset query to display/edit components
- */
-export const DatasetContent = ({ dataset }) => {
-  const [cookies] = useCookies()
-  const user = getProfile(cookies)
-  const hasEdit =
-    (user && user.admin) ||
-    hasEditPermissions(dataset.permissions, user && user.sub)
-  const hasDraftChanges =
-    dataset.snapshots.length === 0 ||
-    dataset.draft.head !==
-      dataset.snapshots[dataset.snapshots.length - 1].hexsha
-
-  return (
-    <span className="is-dataset">
-      <LoggedIn>
-        <Helmet>
-          <title>
-            {dataset.draft.description.Name} - Dataset - {pageTitle}
-          </title>
-          <meta name="description" content={dataset.draft.readme} />
-        </Helmet>
-        <HasBeenPublished
-          isPrivate={!dataset.public}
-          datasetId={dataset.id}
-          hasDraftChanges={hasDraftChanges}
-          hasSnapshot={!!dataset.snapshots.length}
-        />
-        <MobileClass>
-          <EditDescriptionField
-            datasetId={dataset.id}
-            field="Name"
-            description={dataset.draft.description}
-            editMode={hasEdit}>
-            <DatasetTitle title={dataset.draft.description.Name} />
-          </EditDescriptionField>
-          <DatasetUploaded
-            uploader={dataset.uploader}
-            created={dataset.created}
-          />
-          <DatasetModified modified={dataset.draft.modified} />
-          {dataset.draft.id && (
-            <DatasetAuthors authors={dataset.draft.description.Authors} />
-          )}
-          <DatasetAnalytics
-            downloads={dataset.analytics.downloads}
-            views={dataset.analytics.views}
-          />
-          <Media greaterThanOrEqual="medium">
-            <DatasetProminentLinks dataset={dataset} />
-          </Media>
-          <Media at="small">
-            <Validation datasetId={dataset.id} issues={dataset.draft.issues} />
-          </Media>
-          <DatasetSummary
-            datasetId={dataset.id}
-            summary={dataset.draft.summary}
-          />
-          <h2>README</h2>
-          <ErrorBoundary subject={'error in dataset readme component'}>
-            <EditReadme
-              datasetId={dataset.id}
-              content={dataset.draft.readme}
-              hasEdit={hasEdit}>
-              <DatasetReadme content={dataset.draft.readme} />
-            </EditReadme>
-          </ErrorBoundary>
-          <DatasetDescription
-            datasetId={dataset.id}
-            description={dataset.draft.description}
-            editMode={hasEdit}
-          />
-        </MobileClass>
-        <MobileClass>
-          <Media greaterThanOrEqual="medium">
-            {dataset.draft.files.length === 0 ? (
-              <IncompleteDataset datasetId={dataset.id} />
-            ) : (
-              <Validation
-                datasetId={dataset.id}
-                issues={dataset.draft.issues}
-              />
-            )}
-          </Media>
-          {hasEdit && (
-            <DatasetGitAccess datasetId={dataset.id} worker={dataset.worker} />
-          )}
-          <DatasetFiles
-            datasetId={dataset.id}
-            datasetName={dataset.draft.description.Name}
-            files={dataset.draft.files}
-            editMode={hasEdit}
-            datasetPermissions={dataset.permissions}
-          />
-          <DatasetGitHash gitHash={dataset.draft.head} />
-        </MobileClass>
-      </LoggedIn>
-      {dataset.snapshots && !hasEdit && (
-        <Redirect
-          to={`/datasets/${dataset.id}/versions/${
-            dataset.snapshots.length &&
-            dataset.snapshots[dataset.snapshots.length - 1].tag
-          }`}
-        />
-      )}
-    </span>
-  )
-}
-
-DatasetContent.propTypes = {
-  dataset: PropTypes.object,
-  client: PropTypes.object,
-}
-
-export default DatasetContent

package/src/scripts/datalad/routes/dataset-routes.jsx

@@ -1,162 +0,0 @@
-import React, { useEffect } from 'react'
-import PropTypes from 'prop-types'
-import { Route, Switch } from 'react-router-dom'
-import AdminDataset from './admin-datalad.jsx'
-import AdminExports from './admin-exports.jsx'
-import DatasetContent from './dataset-content.jsx'
-import SnapshotContent from './snapshot-content.jsx'
-import DownloadDataset from '../download/download-dataset.jsx'
-import Publish from './publish.jsx'
-import Share from './manage-permissions.jsx'
-import Snapshot from './snapshot.jsx'
-import FileDisplay from './file-display.jsx'
-import AddMetadata from '../mutations/add-metadata.jsx'
-import DeletePage from '../dataset/delete-page'
-import FourOFourPage from '../../errors/404page'
-
-const stubComponent = () => null
-
-const DatasetRoutes = ({ dataset, error }) => {
-  useEffect(() => {
-    if (error) {
-      throw error
-    }
-  }, [dataset, error])
-
-  return (
-    <Switch>
-      <Route
-        name="dataset"
-        exact
-        path="/datasets/:datasetId"
-        render={() => <DatasetContent dataset={dataset} />}
-      />
-      <Route
-        name="download"
-        exact
-        path="/datasets/:datasetId/download"
-        component={DownloadDataset}
-      />
-      <Route
-        name="admin"
-        exact
-        path="/datasets/:datasetId/admin-datalad"
-        component={() => <AdminDataset dataset={dataset} />}
-      />
-      <Route
-        name="admin"
-        exact
-        path="/datasets/:datasetId/admin-exports"
-        component={() => <AdminExports dataset={dataset} />}
-      />
-      <Route
-        name="publish"
-        exact
-        path="/datasets/:datasetId/publish"
-        component={() => (
-          <Publish datasetId={dataset.id} metadata={dataset.metadata} />
-        )}
-      />
-      <Route
-        name="snapshot-create"
-        exact
-        path="/datasets/:datasetId/snapshot"
-        component={() => (
-          <Snapshot
-            datasetId={dataset.id}
-            snapshots={dataset.snapshots}
-            issues={dataset.draft.issues}
-            description={dataset.draft.description}
-          />
-        )}
-      />
-      <Route
-        name="share"
-        exact
-        path="/datasets/:datasetId/share"
-        component={() => (
-          <Share datasetId={dataset.id} permissions={dataset.permissions} />
-        )}
-      />
-      <Route
-        name="fileEdit"
-        exact
-        path="/datasets/:datasetId/file-edit"
-        component={stubComponent}
-      />
-      <Route
-        path="/datasets/:datasetId/file-display/:filePath"
-        render={({
-          match: {
-            params: { datasetId, filePath },
-          },
-        }) => {
-          return <FileDisplay datasetId={datasetId} filePath={filePath} />
-        }}
-      />
-      {/* Snapshot routes */}
-      <Route
-        exact
-        path="/datasets/:datasetId/versions/:tag"
-        render={({
-          match: {
-            params: { tag },
-          },
-        }) => {
-          return <SnapshotContent dataset={dataset} tag={tag} />
-        }}
-      />
-      <Route
-        name="snapshot-download"
-        exact
-        path="/datasets/:datasetId/versions/:snapshotId/download"
-        component={DownloadDataset}
-      />
-      <Route
-        path="/datasets/:datasetId/versions/:snapshotTag/file-display/:filePath"
-        render={({
-          match: {
-            params: { datasetId, filePath, snapshotTag },
-          },
-        }) => {
-          return (
-            <FileDisplay
-              datasetId={datasetId}
-              snapshotTag={snapshotTag}
-              filePath={filePath}
-            />
-          )
-        }}
-      />
-      <Route
-        name="metadata"
-        exact
-        path="/datasets/:datasetId/metadata"
-        component={() => <AddMetadata dataset={dataset} />}
-      />
-      <Route
-        name="delete"
-        exact
-        path="/datasets/:datasetId/delete"
-        component={() => <DeletePage dataset={dataset} />}
-      />
-      <Route
-        path="*"
-        component={() => (
-          <FourOFourPage
-            redirectRoute={`/datasets/${dataset.id}`}
-            redirectRouteName="the dataset page"
-            theme="dataset"
-          />
-        )}
-      />
-    </Switch>
-  )
-}
-
-DatasetRoutes.propTypes = {
-  dataset: PropTypes.object,
-  error: PropTypes.object,
-}
-
-export default DatasetRoutes

package/src/scripts/datalad/routes/file-display.jsx

@@ -1,84 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import FileView from '../../file-tree/file-view.jsx'
-import { apiPath } from '../../file-tree/file.jsx'
-import styled from '@emotion/styled'
-import { Media } from '../../styles/media'
-
-const PathBreadcrumb = styled.span`
-  font-size: 18px;
-  color: #777;
-  text-transform: uppercase;
-`
-
-/**
- * Create dataset -> dir -> filename breadcrumbs
- */
-export const FileDisplayBreadcrumb = ({ filePath }) => {
-  const tokens = filePath.split(':')
-  return (
-    <>
-      {tokens.map((token, index) => {
-        if (token === tokens.slice(-1)[0]) {
-          return (
-            <span className="display-file" key={index}>
-              {' '}
-              <i className="fa fa-file-o" /> {token}
-            </span>
-          )
-        } else {
-          return (
-            <span className="display-file" key={index}>
-              {' '}
-              <i className="fa fa-folder-open-o" /> {token}
-            </span>
-          )
-        }
-      })}
-    </>
-  )
-}
-
-FileDisplayBreadcrumb.propTypes = {
-  filePath: PropTypes.string,
-}
-
-const FileDisplay = ({ datasetId, snapshotTag = null, filePath }) => (
-  <div className="dataset-form display-file">
-    <div className="col-xs-12 display-file-content">
-      <div className="display-file-header">
-        <div className="form-group modal-title">
-          <span className="ds-primary display-file-path">
-            <PathBreadcrumb>
-              {datasetId}
-              <FileDisplayBreadcrumb filePath={filePath} />
-            </PathBreadcrumb>
-          </span>
-          <Media greaterThanOrEqual="medium">
-            <div className="modal-download btn-admin-blue">
-              <a href={apiPath(datasetId, snapshotTag, filePath)} download>
-                <i className="fa fa-download" /> Download
-              </a>
-            </div>
-          </Media>
-          <hr />
-        </div>
-      </div>
-      <div className="display-file-body">
-        <FileView
-          datasetId={datasetId}
-          snapshotTag={snapshotTag}
-          path={filePath}
-        />
-      </div>
-    </div>
-  </div>
-)
-
-FileDisplay.propTypes = {
-  datasetId: PropTypes.string,
-  filePath: PropTypes.string,
-  snapshotTag: PropTypes.string,
-}
-
-export default FileDisplay

package/src/scripts/datalad/routes/manage-permissions.jsx

@@ -1,128 +0,0 @@
-import React, { useState } from 'react'
-import PropTypes from 'prop-types'
-import { Link } from 'react-router-dom'
-import UpdateDatasetPermissions from '../mutations/update-permissions.jsx'
-import RemovePermissions from '../mutations/remove-permissions.jsx'
-
-const description = {
-  admin: 'Edit dataset and edit permissions',
-  rw: 'Edit dataset',
-  ro: 'View dataset',
-}
-
-export const PermissionRow = ({ datasetId, userId, userEmail, access }) => (
-  <tr>
-    <td className="col-xs-4">{userEmail}</td>
-    <td className="col-xs-2">{description[access]}</td>
-    <td className="col-xs-2">
-      <RemovePermissions datasetId={datasetId} userId={userId} />
-    </td>
-  </tr>
-)
-
-PermissionRow.propTypes = {
-  datasetId: PropTypes.string,
-  userId: PropTypes.string,
-  userEmail: PropTypes.string,
-  access: PropTypes.oneOf(['ro', 'rw', 'admin']),
-}
-
-export const ShareTable = ({ datasetId, permissions }) => (
-  <table className="table">
-    <thead>
-      <tr>
-        <th>Email</th>
-        <th>Access</th>
-        <th>Edit</th>
-      </tr>
-    </thead>
-    <tbody>
-      {permissions.userPermissions.map((perm, index) => (
-        <PermissionRow
-          datasetId={datasetId}
-          userId={perm.user.id}
-          userEmail={perm.user.email}
-          access={perm.level}
-          key={index}
-        />
-      ))}
-    </tbody>
-  </table>
-)
-
-ShareTable.propTypes = {
-  datasetId: PropTypes.string,
-  permissions: PropTypes.object,
-}
-
-const Share = ({ datasetId, permissions }) => {
-  const [userEmail, setUserEmail] = useState('')
-  const [access, setAccess] = useState('ro')
-
-  const readActive = access === 'ro' && 'active'
-  const writeActive = access === 'rw' && 'active'
-  const adminActive = access === 'admin' && 'active'
-
-  return (
-    <div className="dataset-form">
-      <div className="col-xs-12 dataset-form-header">
-        <div className="form-group">
-          <label>Share Dataset</label>
-        </div>
-        <hr />
-        <div className="col-xs-12 dataset-form-body">
-          <p>Dataset shared with:</p>
-          <ShareTable datasetId={datasetId} permissions={permissions} />
-          <p>
-            Enter a user&#39;s email address and select access level to share
-          </p>
-          <div className="input-group">
-            <input
-              className="form-control"
-              type="email"
-              value={userEmail}
-              onChange={e => setUserEmail(e.target.value)}
-            />
-            <div className="input-group-btn">
-              <button
-                className={`btn btn-default ${readActive}`}
-                onClick={() => setAccess('ro')}>
-                Read
-              </button>
-              <button
-                className={`btn btn-default ${writeActive}`}
-                onClick={() => setAccess('rw')}>
-                Read and Write
-              </button>
-              <button
-                className={`btn btn-default ${adminActive}`}
-                onClick={() => setAccess('admin')}>
-                Admin
-              </button>
-            </div>
-          </div>
-        </div>
-        <div className="col-xs-12 dataset-form-controls">
-          <div className="col-xs-12 modal-actions">
-            <Link to={`/datasets/${datasetId}`}>
-              <button className="btn-admin-blue">Return to Dataset</button>
-            </Link>
-            <UpdateDatasetPermissions
-              datasetId={datasetId}
-              userEmail={userEmail}
-              metadata={access}
-              done={() => setUserEmail('')}
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-Share.propTypes = {
-  datasetId: PropTypes.string,
-  permissions: PropTypes.object,
-}
-
-export default Share