@openneuro/app 4.1.0 → 4.2.1

package/src/scripts/admin/__tests__/__snapshots__/exports.spec.jsx.snap

@@ -1,112 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Dashboard my datasets renders successfully 1`] = `
-<ApolloProvider
-  client={Object {}}
->
-  <AdminExports>
-    <HelmetWrapper
-      defer={true}
-      encodeSpecialCharacters={true}
-    >
-      <SideEffect(NullComponent)
-        defer={true}
-        encodeSpecialCharacters={true}
-        title={
-          Array [
-            "Admin Dashboard - ",
-            "OpenNeuro",
-          ]
-        }
-        titleAttributes={Object {}}
-      >
-        <NullComponent
-          defer={true}
-          encodeSpecialCharacters={true}
-          title={
-            Array [
-              "Admin Dashboard - ",
-              "OpenNeuro",
-            ]
-          }
-          titleAttributes={Object {}}
-        />
-      </SideEffect(NullComponent)>
-    </HelmetWrapper>
-    <div
-      className="dataset-form"
-    >
-      <div
-        className="col-lg-12 dataset-form-header"
-      >
-        <div
-          className="form-group"
-        >
-          <label>
-            Admin: Remote Exports
-          </label>
-        </div>
-      </div>
-      <div
-        className="col-xs-4"
-      >
-        <Styled(div)>
-          <div
-            className="css-1dh3mm"
-          >
-            <Styled(button)
-              className="btn-modal-action"
-              onClick={[Function]}
-            >
-              <button
-                className="btn-modal-action css-j2kih8"
-                onClick={[Function]}
-              >
-                Run Export
-              </button>
-            </Styled(button)>
-            <Divider
-              text="or"
-            >
-              <Styled(div)>
-                <div
-                  className="css-1pxgmwj"
-                >
-                  <Styled(div)>
-                    <div
-                      className="css-1ugzf6a"
-                    />
-                  </Styled(div)>
-                  <Styled(p)>
-                    <p
-                      className="css-1ti3dpn"
-                    >
-                      or
-                    </p>
-                  </Styled(p)>
-                  <Styled(div)>
-                    <div
-                      className="css-1ugzf6a"
-                    />
-                  </Styled(div)>
-                </div>
-              </Styled(div)>
-            </Divider>
-            <Styled(button)
-              className="btn-blue"
-              onClick={[Function]}
-            >
-              <button
-                className="btn-blue css-j2kih8"
-                onClick={[Function]}
-              >
-                View Export Logs
-              </button>
-            </Styled(button)>
-          </div>
-        </Styled(div)>
-      </div>
-    </div>
-  </AdminExports>
-</ApolloProvider>
-`;

package/src/scripts/admin/__tests__/exports.spec.jsx

@@ -1,15 +0,0 @@
-import React from 'react'
-import { mount } from 'enzyme'
-import { ApolloProvider } from '@apollo/client'
-import Exports from '../../datalad/routes/admin-exports.jsx'
-
-describe('Dashboard', () => {
-  it('my datasets renders successfully', () => {
-    const wrapper = mount(
-      <ApolloProvider client={{}}>
-        <Exports />
-      </ApolloProvider>,
-    )
-    expect(wrapper).toMatchSnapshot()
-  })
-})

package/src/scripts/admin/__tests__/users.spec.jsx

@@ -1,15 +0,0 @@
-import React from 'react'
-import { shallow } from 'enzyme'
-import { UsersQueryResult } from '../users.jsx'
-
-describe('Admin users tab', () => {
-  describe('UsersQueryResult component', () => {
-    it('should not crash in a loading state', () => {
-      expect(() => {
-        shallow(
-          <UsersQueryResult loading={true} data={null} refetch={jest.fn()} />,
-        )
-      }).not.toThrowError()
-    })
-  })
-})

package/src/scripts/admin/admin.jsx

@@ -1,53 +0,0 @@
-// dependencies -------------------------------------------------------
-
-import React from 'react'
-import { Redirect, Switch, Route, NavLink } from 'react-router-dom'
-import Users from './users.jsx'
-import FlaggedFiles from './flagged-files.jsx'
-import LoggedIn from '../authentication/logged-in.jsx'
-
-class Dashboard extends React.Component {
-  // life cycle events --------------------------------------------------
-
-  render() {
-    return (
-      <LoggedIn>
-        <div className="admin route-wrapper">
-          <div className="inner-route clearfix">
-            <div className="col-xs-12">
-              <ul className="nav nav-pills tabs">
-                <li>
-                  <NavLink to="/admin/users" className="btn-tab">
-                    Users
-                  </NavLink>
-                </li>
-                <li>
-                  <NavLink to="/admin/flagged-files" className="btn-tab">
-                    Flagged Files
-                  </NavLink>
-                </li>
-              </ul>
-              <Switch>
-                <Redirect path="/admin" to="/admin/users" exact />
-                <Route
-                  name="users"
-                  path="/admin/users"
-                  exact
-                  component={Users}
-                />
-                <Route
-                  name="flaggedFiles"
-                  path="/admin/flagged-files"
-                  exact
-                  component={FlaggedFiles}
-                />
-              </Switch>
-            </div>
-          </div>
-        </div>
-      </LoggedIn>
-    )
-  }
-}
-
-export default Dashboard

package/src/scripts/admin/flagged-files.jsx

@@ -1,178 +0,0 @@
-// dependencies -------------------------------------------------------
-
-import React, { useState } from 'react'
-import PropTypes from 'prop-types'
-import { useQuery } from '@apollo/client'
-import { gql } from '@apollo/client'
-import Helmet from 'react-helmet'
-import Spinner from '../common/partials/spinner.jsx'
-import { Link } from 'react-router-dom'
-import { pageTitle } from '../resources/strings.js'
-import { unescapePath } from '../file-tree/file-tree.jsx'
-
-export const FLAGGED_FILES = gql`
-  query flaggedFiles($flagged: Boolean, $deleted: Boolean) {
-    flaggedFiles(flagged: $flagged, deleted: $deleted) {
-      datasetId
-      snapshot
-      filepath
-      flagger {
-        name
-        email
-      }
-    }
-  }
-`
-
-const FlaggedFilesContainer = () => {
-  const [includeFlagged, setIncludeFlagged] = useState(true)
-  const [includeDeleted, setIncludeDeleted] = useState(false)
-  const { data, loading, error } = useQuery(FLAGGED_FILES, {
-    variables: { flagged: includeFlagged, deleted: includeDeleted },
-    errorPolicy: 'all',
-  })
-  return (
-    <FlaggedFiles
-      {...{
-        includeFlagged,
-        setIncludeFlagged,
-        includeDeleted,
-        setIncludeDeleted,
-        loading,
-        data,
-      }}
-    />
-  )
-}
-
-const FlaggedFiles = ({
-  includeFlagged,
-  setIncludeFlagged,
-  includeDeleted,
-  setIncludeDeleted,
-  loading,
-  data,
-}) => (
-  <>
-    <Helmet>
-      <title>Admin Dashboard - {pageTitle}</title>
-    </Helmet>
-    <div className="dashboard-dataset-teasers fade-in admin-users clearfix">
-      <div className="header-wrap clearfix">
-        <div className="col-sm-12">
-          <h2>Flagged Annexed Files</h2>
-        </div>
-      </div>
-
-      <div className="filters-sort-wrap clearfix">
-        <span>
-          <div className="filters">
-            <label>Filter By:</label>
-            <button
-              className={includeFlagged ? 'active' : null}
-              onClick={() => setIncludeFlagged(prev => !prev)}>
-              <span className="filter-flagged">
-                <i
-                  className={
-                    includeFlagged ? 'fa fa-check-square-o' : 'fa fa-square-o'
-                  }
-                />{' '}
-                Flagged
-              </span>
-            </button>
-            <button
-              className={includeDeleted ? 'active' : null}
-              onClick={() => setIncludeDeleted(prev => !prev)}>
-              <span className="filter-deleted">
-                <i
-                  className={
-                    includeDeleted ? 'fa fa-check-square-o' : 'fa fa-square-o'
-                  }
-                />{' '}
-                Deleted
-              </span>
-            </button>
-          </div>
-        </span>
-      </div>
-
-      <div>
-        <div className="col-xs-12 users-panel-wrap">
-          <div className="fade-in user-panel-header clearfix">
-            <div className="col-xs-2 user-col">
-              <label>Dataset : Snapshot</label>
-            </div>
-            <div className="col-xs-7 user-col">
-              <label>File</label>
-            </div>
-            <div className="col-xs-3 user-col">
-              <label>Flagged By</label>
-            </div>
-          </div>
-          {loading && <Spinner active message="Loading..." />}
-          {data &&
-            (data.flaggedFiles.length ? (
-              data.flaggedFiles.map((flaggedFile, key) => (
-                <FlaggedItem {...flaggedFile} key={key} />
-              ))
-            ) : (
-              <h4>No Results Found</h4>
-            ))}
-        </div>
-      </div>
-    </div>
-  </>
-)
-
-FlaggedFiles.propTypes = {
-  includeFlagged: PropTypes.bool,
-  setIncludeFlagged: PropTypes.func,
-  includeDeleted: PropTypes.bool,
-  setIncludeDeleted: PropTypes.func,
-  loading: PropTypes.bool,
-  data: PropTypes.object,
-}
-
-const datasetUrlPath = (datasetId, snapshot) =>
-  `/datasets/${datasetId}${snapshot === 'HEAD' ? '' : `/versions/${snapshot}`}`
-
-const FlaggedItem = ({
-  datasetId,
-  snapshot,
-  filepath,
-  flagger: { name, email },
-}) => {
-  return (
-    <div className="fade-in user-panel clearfix panel panel-default">
-      <div className="col-xs-2 user-col">
-        <h3>
-          <Link to={datasetUrlPath(datasetId, snapshot)}>
-            <i className="fa fa-link" aria-hidden="true" /> {datasetId}
-            {' : '}
-            {snapshot}
-          </Link>
-        </h3>
-      </div>
-      <div className="col-xs-7 user-col middle">
-        <h3>
-          <div className="filepath">
-            <span>{unescapePath(filepath)}</span>
-          </div>
-        </h3>
-      </div>
-      <div className="col-xs-3 user-col middle">
-        <h3 className="user-name">{name}</h3>
-        <h3 className="user-email">{email}</h3>
-      </div>
-    </div>
-  )
-}
-
-FlaggedItem.propTypes = {
-  datasetId: PropTypes.string,
-  snapshot: PropTypes.string,
-  filepath: PropTypes.string,
-  flagger: PropTypes.object,
-}
-
-export default FlaggedFilesContainer

package/src/scripts/admin/user-fragment.ts

@@ -1,14 +0,0 @@
-import { gql } from '@apollo/client'
-
-export const USER_FRAGMENT = gql`
-  fragment userFields on User {
-    id
-    name
-    email
-    provider
-    admin
-    created
-    lastSeen
-    blocked
-  }
-`

package/src/scripts/admin/user-tools.tsx

@@ -1,83 +0,0 @@
-import React, { FC, ReactElement } from 'react'
-import { gql } from '@apollo/client'
-import { Mutation } from '@apollo/client/react/components'
-import WarnButton from '../common/forms/warn-button.jsx'
-import { getProfile } from '../refactor_2021/authentication/profile.js'
-import { useCookies } from 'react-cookie'
-import { USER_FRAGMENT } from './user-fragment'
-
-interface UserToolsProps {
-  user: Record<string, unknown>
-  refetch: () => Record<string, unknown>
-}
-
-export const SET_ADMIN = gql`
-  mutation ($id: ID!, $admin: Boolean!) {
-    setAdmin(id: $id, admin: $admin) {
-      ...userFields
-    }
-  }
-  ${USER_FRAGMENT}
-`
-
-export const SET_BLOCKED = gql`
-  mutation ($id: ID!, $blocked: Boolean!) {
-    setBlocked(id: $id, blocked: $blocked) {
-      ...userFields
-    }
-  }
-  ${USER_FRAGMENT}
-`
-
-export const UserTools: FC<UserToolsProps> = ({ user, refetch }) => {
-  const [cookies] = useCookies()
-  const adminIcon = user.admin ? 'fa-check-square-o' : 'fa-square-o'
-  const blacklistIcon = user.blocked ? 'fa-check-square-o' : 'fa-square-o'
-
-  if (user.id !== getProfile(cookies).sub) {
-    return (
-      <div className="col-xs-3 last dataset-tools-wrap-admin">
-        <div className="tools clearfix">
-          <div className="tool">
-            <Mutation
-              mutation={SET_ADMIN}
-              variables={{ id: user.id, admin: !user.admin }}>
-              {(setAdmin): ReactElement => (
-                <WarnButton
-                  message="Admin"
-                  icon={adminIcon}
-                  action={(cb): void => {
-                    setAdmin().then(() => {
-                      refetch()
-                      cb()
-                    })
-                  }}
-                />
-              )}
-            </Mutation>
-          </div>
-          <div className="tool">
-            <Mutation
-              mutation={SET_BLOCKED}
-              variables={{ id: user.id, blocked: !user.blocked }}>
-              {(setBlocked): ReactElement => (
-                <WarnButton
-                  message="Block"
-                  icon={blacklistIcon}
-                  action={(cb): void => {
-                    setBlocked().then(() => {
-                      refetch()
-                      cb()
-                    })
-                  }}
-                />
-              )}
-            </Mutation>
-          </div>
-        </div>
-      </div>
-    )
-  } else {
-    return null
-  }
-}

package/src/scripts/admin/users.jsx

@@ -1,224 +0,0 @@
-// dependencies -------------------------------------------------------
-
-import React from 'react'
-import PropTypes from 'prop-types'
-import { Query } from '@apollo/client/react/components'
-import { gql } from '@apollo/client'
-import parseISO from 'date-fns/parseISO'
-import formatDistanceToNow from 'date-fns/formatDistanceToNow'
-import Input from '../common/forms/input.jsx'
-import Spinner from '../common/partials/spinner.jsx'
-import { formatDate } from '../utils/date.js'
-import Helmet from 'react-helmet'
-import { pageTitle } from '../resources/strings.js'
-import { UserTools } from './user-tools'
-import { USER_FRAGMENT } from './user-fragment'
-
-export const GET_USERS = gql`
-  query {
-    users {
-      ...userFields
-    }
-  }
-  ${USER_FRAGMENT}
-`
-
-export const UsersQueryResult = ({ loading, data, refetch }) => {
-  if (loading) {
-    return <Spinner active message="Loading users" />
-  } else {
-    return (
-      <Users loading={loading} users={data.users || []} refetch={refetch} />
-    )
-  }
-}
-
-export const UsersQuery = () => (
-  <Query query={GET_USERS}>{UsersQueryResult}</Query>
-)
-
-UsersQueryResult.propTypes = {
-  loading: PropTypes.bool,
-  data: PropTypes.object,
-  refetch: PropTypes.func,
-}
-
-class Users extends React.Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      stringFilter: null,
-      adminFilter: false,
-      blacklistFilter: false,
-    }
-  }
-
-  // life cycle events --------------------------------------------------
-  render() {
-    const users = this.props.users.map((user, index) => {
-      const adminBadge = user.admin ? 'Admin' : null
-      const userEmail = user.hasOwnProperty('email') ? user.email : user.id
-      if (this.state.adminFilter && !user.admin) {
-        return null
-      }
-      if (this.state.stringFilter) {
-        const stringFilter = this.state.stringFilter.toLowerCase()
-        if (
-          !(
-            user.email.toLowerCase().includes(stringFilter) ||
-            user.name.toLowerCase().includes(stringFilter)
-          )
-        ) {
-          return null
-        }
-      }
-      return (
-        <div
-          className="fade-in user-panel clearfix panel panel-default"
-          key={index}>
-          <div className="col-xs-4 user-col">
-            <h3>
-              <div className="userName">
-                <span>{user.name}</span>
-                <div className="badge">{adminBadge}</div>
-              </div>
-            </h3>
-          </div>
-          <div className="col-xs-3 user-col middle">
-            <h3 className="user-email">{userEmail}</h3>
-          </div>
-          <div className="col-xs-2 user-col middle">
-            <h3 className="user-provider">{user.provider}</h3>
-          </div>
-          <UserTools user={user} refetch={this.props.refetch} />
-          {this._userSummary(user)}
-        </div>
-      )
-    })
-    return (
-      <>
-        <Helmet>
-          <title>Admin Dashboard - {pageTitle}</title>
-        </Helmet>
-        <div className="dashboard-dataset-teasers fade-in admin-users clearfix">
-          <div className="header-wrap clearfix">
-            <div className="col-sm-9">
-              <h2>Current Users</h2>
-            </div>
-            <div className="col-sm-3">
-              <Input
-                className="pull-right"
-                placeholder="Search Name or Email"
-                onChange={e => this.setState({ stringFilter: e.target.value })}
-              />
-            </div>
-          </div>
-
-          <div className="filters-sort-wrap clearfix">
-            <span>
-              <div className="filters">
-                <label>Filter By:</label>
-                <button
-                  className={this.state.adminFilter ? 'active' : null}
-                  onClick={() =>
-                    this.setState({ adminFilter: !this.state.adminFilter })
-                  }>
-                  <span className="filter-admin">
-                    <i
-                      className={
-                        this.state.adminFilter
-                          ? 'fa fa-check-square-o'
-                          : 'fa fa-square-o'
-                      }
-                    />{' '}
-                    Admin
-                  </span>
-                </button>
-                <button
-                  className={this.state.blacklistFilter ? 'active' : null}
-                  onClick={() =>
-                    this.setState({
-                      blacklistFilter: !this.state.blacklistFilter,
-                    })
-                  }>
-                  <span className="filter-admin">
-                    <i
-                      className={
-                        this.state.blacklistFilter
-                          ? 'fa fa-check-square-o'
-                          : 'fa fa-square-o'
-                      }
-                    />{' '}
-                    Blocked
-                  </span>
-                </button>
-              </div>
-            </span>
-          </div>
-
-          <div>
-            <div className="col-xs-12 users-panel-wrap">
-              <div className="fade-in user-panel-header clearfix">
-                <div className="col-xs-4 user-col">
-                  <label>User</label>
-                </div>
-                <div className="col-xs-3 user-col">
-                  <label>Email</label>
-                </div>
-                <div className="col-xs-2 user-col">
-                  <label>Provider</label>
-                </div>
-                <div className="col-xs-3 user-col">
-                  <label>Actions</label>
-                </div>
-              </div>
-
-              {users.filter(u => u !== null).length ? users : this._noResults()}
-            </div>
-          </div>
-        </div>
-      </>
-    )
-  }
-
-  // custom methods -----------------------------------------------------
-
-  _noResults() {
-    return this.state.loading ? (
-      <Spinner active message="Loading users" />
-    ) : (
-      <h4>No Results Found</h4>
-    )
-  }
-
-  _userSummary(user) {
-    const lastLogin = user.lastlogin ? user.lastlogin : user.created
-    const created = user.created
-    return (
-      <div className="panel-heading">
-        <div className="minimal-summary">
-          <div className="summary-data">
-            <span>
-              <b>Signed Up:</b> {formatDate(created)} -{' '}
-              {formatDistanceToNow(parseISO(created))} ago
-            </span>
-          </div>
-          <div className="summary-data">
-            <span>
-              <b>Last Signed In:</b> {formatDate(lastLogin)} -{' '}
-              {formatDistanceToNow(parseISO(lastLogin))} ago
-            </span>
-          </div>
-        </div>
-      </div>
-    )
-  }
-}
-
-Users.propTypes = {
-  users: PropTypes.array,
-  loading: PropTypes.bool,
-  refetch: PropTypes.func,
-}
-
-export default UsersQuery