Git Product home page Git Product logo

labcas-ui's Introduction

labcas-ui

Readme and notes template is derived from Sean Kelly's EDRN P5 design.

Repository for the Laboratory Catalog and Archive Service (LabCAS) User Interface

This is the client side software for Labcas UI 2. It runs on labcas-dev.jpl.nasa.gov, edrn-labcas.jpl.nasa.gov, and mcl-labcas.jpl.nasa.gov with different environment files that defines what context LabCas UI 2 displays.

πŸš— Getting Started

For installation instructions, see INSTALL.rst.

Developer notes are in notes.rst.

πŸ“€ Software Environment

Since this software is purely a client UI built to interface with a Solr backend, it's written in HTML, CSS, and Jquery hosted in a apache server.

πŸ‘₯ Contributing

You can start by looking at the open issues, forking the project, and submitting a pull request. You can also contact us by email with suggestions.

πŸ”’ Versioning

We use the SemVer philosophy for versioning this software. For versions available, see the releases made on this project. We've been in development mode and will start versioning shortly.

πŸ‘©β€πŸŽ¨ Creators

The principal developer is:

  • David Liu

The QA team consists of:

To contact the team as a whole, email the Informatics Center.

πŸ“ƒ License

The project is licensed under the Apache version 2 license.

labcas-ui's People

Contributors

lucacinquini avatar nutjob4life avatar riverma avatar yuliujpl avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

labcas-ui's Issues

Modify file detail list "header"

For the file details:

  • remove the row of top boxes
  • show bread crumb links
  • include a download all button. Active on mouse-over to change to hand.

List of filters

First round of filters for search facets:

  • Discipline

  • Site/SiteID

  • PI/PI ID

  • Organ

  • Study/Study ID

  • Collaborative Group

  • Gender

Move home page Full Search box

  • Move the home page full search box to the middle of the page directly under LabCAS collections.

  • Remove the other search box from this page.

  • On all other pages have the search box in the upper right.

Link to Portal or KSDB

On browsing, link to portal when metadata contains id.
On editing or entering metadata link to KSDB where appropriate.

Searching

Allow user to search either using a search text box or using a facet search (see attached example).

  • User could use a generic search schema or select a specific schema (pathology, genomics, etc. that would have more specific metadata).

  • Search would return - Name, Type, Description, Thumbnail, Size

  • MouseOver/Click would show additional metadata.

  • Would be great to have a "shopping cart" where user could select files for download and place in "cart". Once in cart, allow to add/delete, then download

Advanced search

Add an advanced search icon to the left blue menu bar. Have this take user to the faceted search page.

  • David, i could not find a good icon for this from the icon page you sent me. Is it possible to have some sort of filter icon that's not on the list?

Change the "File box"

  • Change the "File Box" that displays in the header for the collection details, dataset details. Delete from the file details page.
  • Remove the update stat at the bottom of the box. For example, "Last day".

Upper right logout

Change the upper right logout icon to the name of the user that is logged in and when clicked allow them to select Logout.

Remove the users initials from the left menu bar.

Add datatype as metadata

Add datatype such as RNASeq, DICOM, Fastq, etc. to metadata.
Heather to research if this is possible. Will need Luca's help to implement.

Add to UI in a future version.

Dataset metadata order/hide fields

For Dataset level metadata modify the order of the following:
Dataset Name
Dataset Description
Lead PI
*Lead PI ID
Institution
*Institution ID
Species
Data Custodian
Dataset Version
ID

You can hide version and I think Collection Name and Collection ID should be shown in the top Collection Header Box.
*If possible can you concatenate the IDs to the end of the text in parenthesis? For example Lead PI: Dan Crichton (17). If we didn't have to display ID on a separate line it would save a lot of space.

Upload data/metadata

Allow user to upload data if size of data is not too big. This could be broken into 2 pieces if easier. Have a metadata form a user can complete and then have them upload? Or combine.

Change "Dataset Box"

Change the "Dataset Box" that displays in the header for the collection details and the dataset details.

  • Remove the update stat at the bottom of the box. For example, "In last hour".
    For the dataset details instead of showing the number of metadata items, display the dataset name. If that name is too long then truncate so it fits in the box.

Decrease white space in dataset list

On the collection page - decrease white space where datasets are listed (right side of page). Either decrease the spacing or make font bigger.

Favorite "Box" in header

In the header for the collection details and the dataset details:

  • Change the heart to a star icon (in all places - header box, side menu, etc.)
  • Remove the update stat at the bottom of the box. For example, "Update now"

In the header for the file details:

  • remove this box

Link to ProtocolID

Include link to Protocol ID on Collection and dataset details. This should link back to the protocol on the portal for either EDRN or MCL.

Improve download usability

  • When user clicks on download don't require re-authentication
  • Don't display error page. Stay on existing page.

Collection icon

Update the collection icon and make sure the icon is consistent on the left menu bar and the headers on the top of the details pages.

Attached is a possible idea.
Screen Shot 2020-01-09 at 4 23 12 PM

Collection Metadata Order and fields to hide

For Collection level metadata modify the order of the following:
Collection Name
Collection Description
Lead PI
*Lead PI ID
Institution
*Institution ID
Protocol Name
*Protocol ID
Discipline
Organ
*Organ ID
Collaborative Group
QA State
Consortium
Owner Principal
ID

  • you can hide version and I think Collection ID and ID are the same, so only need to display ID.
    *If possible can you concatenate the IDs to the end of the text in parenthesis? For example Lead PI: Dan Crichton (17). If we didn't have to display ID on a separate line it would save a lot of space.

Display thumbnails

Display thumbnails in file detail list when appropriate. Use the relative path.

Change "Collection Box" in top header

Change the "Collection Box" that is the header when you click on collection:

  • display high level metadata: Collection Name and Lead PI

  • remove #of collection details

  • remove update now

Public/Private data access

Allow users of a specific consortium (EDRN, MCL, CIB, etc.) to view data in LabCAS that is flagged as public.

Update CamelCase Labels

For all labels pulled from Solr. Update label from CamelCase to insert a space between the upper and lower case letters to separate the words.

Edit Metadata

Wait for new API from Asitang to update metadata...

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.