Skip to content

Commit

Permalink
Fixes #1008
Browse files Browse the repository at this point in the history
  • Loading branch information
@Sigfried
Sigfried committed Dec 9, 2024
1 parent 7ba38f7 commit 0007e1d
Show file tree
Hide file tree
Showing 3 changed files with 83 additions and 85 deletions.
5 changes: 0 additions & 5 deletions frontend/src/App.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -139,11 +139,6 @@ textarea {
margin: 3px;
}

.info-block {
font-family: "Roboto", sans-serif;
padding: 0 20px;
}

/* from floating-ui popover sandbox:
https://codesandbox.io/s/distracted-swirles-jo1pvu?file=/src/styles.css:59-312
*/
Expand Down
159 changes: 81 additions & 78 deletions frontend/src/components/AboutPage.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -444,86 +444,89 @@ export const PRE = (props) => (
</Typography>
);

export let DOCS = {};
DOCS.blank_search_intro = (
<>
<h1>Welcome to VS-Hub! Beta version {VERSION}</h1>
<p style={{paddingLeft: '12px', paddingRight: '130px'}}>
VS-Hub is a tool for comparing, analyzing, updating, and creating concept
sets. At the current time it only handles concept sets in the N3C Enclave,
but is charted to expand beyond N3C in the near future.
</p>
<h2>Within VS-Hub you can:</h2>
export function BlankSearchIntro() {

<div style={{paddingLeft: '12px', paddingRight: '130px'}}>
<p>
<strong>CSET SEARCH</strong>
</p>
<ul>
<LI>
Perform searches for existing concept sets currently in the N3C
Enclave.
</LI>
</ul>

<p>
<strong>CSET COMPARISON</strong>
</p>
<ul>
<LI>Compare selected concept sets.</LI>
<LI>
Add and remove concepts by reviewing and selecting concept mappings,
descendants, exclusions.
</LI>
<LI>
Export JSON of modified concept set. (Required in order to put
changes
in Enclave, for now.)
</LI>
</ul>
return (
<div style={{position: 'relative', minHeight: '100vh'}}>
<div style={{paddingBottom: '60px', paddingLeft: '20px'}}>
<h1>Welcome to VS-Hub! Beta version {VERSION}</h1>
<p style={{paddingLeft: '12px', paddingRight: '130px'}}>
VS-Hub is a tool for comparing, analyzing, updating, and creating
concept
sets. At the current time it only handles concept sets in the N3C
Enclave,
but is charted to expand beyond N3C in the near future.
</p>
<h2>Within VS-Hub you can:</h2>

<p>
<strong>LOAD A LIST OF CONCEPT SETS (codeset_ids)</strong>
</p>
<LoadCodesetIds containingPage="OMOPConceptSet"/>
<div style={{paddingLeft: '12px', paddingRight: '130px'}}>
<p>
<strong>CSET SEARCH</strong>
</p>
<ul>
<LI>
Perform searches for existing concept sets currently in the
N3C
Enclave.
</LI>
</ul>

{/*
<p><strong>UPLOAD CSV</strong>
<ul>
<LI>
With a single CSV, you can create (i) a new version to an existing concept set, e.g. to
add/delete concepts or change metadata, and (ii) coming soon: upload a completely new concept set ("concept set
container").
</LI>
</ul>
</p>
*/}
<p>
<strong>CSET COMPARISON</strong>
</p>
<ul>
<LI>Compare selected concept sets.</LI>
<LI>
Add and remove concepts by reviewing and selecting concept
mappings,
descendants, exclusions.
</LI>
<LI>
Export JSON of modified concept set. (Required in order to put
changes
in Enclave, for now.)
</LI>
</ul>

<p>
<strong>HELP/ABOUT</strong>
</p>
<ul>
<LI>
Learn more about VS-Hub and review the step by step <Link
to="/about">“How To” section</Link>.
</LI>
<LI>Provide feedback by creating a <a
href="https://github.com/jhu-bids/termhub/issues/new/choose"
target="_blank" rel="noopener noreferrer">GitHub issue.</a></LI>
<LI>
Let us know of any bug or a poor user experience, or share a feature
request.
</LI>
</ul>
</div>
<div style={{position: 'absolute', top: window.innerHeight - 40 + 'px'}}>
&#169; Johns Hopkins University 2023. Available open source on{' '}
<a href="https://github.com/jhu-bids/TermHub">GitHub</a> under a{' '}
<a href="https://github.com/jhu-bids/TermHub/blob/develop/LICENSE">
GPL 3 License
</a>
.
<p>
<strong>LOAD A LIST OF CONCEPT SETS (codeset_ids)</strong>
</p>
<LoadCodesetIds containingPage="OMOPConceptSet"/>
<p>
<strong>HELP/ABOUT</strong>
</p>
<ul>
<LI>
Learn more about VS-Hub and review the step by step <Link
to="/about">“How To” section</Link>.
</LI>
<LI>Provide feedback by creating a <a
href="https://github.com/jhu-bids/termhub/issues/new/choose"
target="_blank" rel="noopener noreferrer">GitHub
issue.</a></LI>
<LI>
Let us know of any bug or a poor user experience, or share a
feature
request.
</LI>
</ul>
</div>
{/* Copyright notice */}
<div style={{
position: 'fixed',
bottom: 0,
left: 0,
width: '100%',
height: '40px',
backgroundColor: 'white',
paddingLeft: '20px',
borderTop: '1px solid #eee'
}}>
&#169; Johns Hopkins University 2023, 2024. Available open source on{' '}
<a href="https://github.com/jhu-bids/TermHub">GitHub</a> under a{' '}
<a href="https://github.com/jhu-bids/TermHub/blob/develop/LICENSE">GPL 3 License</a>.
</div>
</div>
</div>
</>
);

)
}
4 changes: 2 additions & 2 deletions frontend/src/components/Csets.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ import { get, keyBy, orderBy, difference, isNumber, isEmpty, flatten } from 'lod
import Card from '@mui/material/Card';
import CardContent from '@mui/material/CardContent';
import Typography from '@mui/material/Typography';
import { DOCS } from './AboutPage';
import { BlankSearchIntro } from './AboutPage';
import { useDataGetter, getResearcherIdsFromCsets } from '../state/DataGetter';
import {useCids, useCodesetIds} from '../state/AppState';

Expand Down Expand Up @@ -341,7 +341,7 @@ export function ConceptSetsPage () {
return (
<>
<CsetSearch {...props} />
<div className="info-block">{DOCS.blank_search_intro}</div>
<BlankSearchIntro/>
</>
);
}
Expand Down

0 comments on commit 0007e1d

Please sign in to comment.