Skip to content

Conversation

@bobbai00
Copy link
Contributor

@bobbai00 bobbai00 commented Feb 25, 2024

This PR introduces the GUI of datasets. Users can view datasets, create new dataset/dataset version, and preview files in datasets across different versions. For the webserver part of the dataset, see #2391 .

Features

1. Browser all accessible datasets

2024-02-25 11 14 32

2. View Dataset Details

2024-02-25 09 04 49

3. Create a new Dataset

2024-02-25 11 21 59

4. Create a new Dataset Version

2024-02-25 11 23 18

Components

1. Common Components

One common components are introduced:

  • files-uploader
    this component provides the encapsulation of file uploading logics. It uses ngx-file-drop, which allows directories to be dragged and dropped, and pertain the complete file tree structure of the uploaded directories:
Screenshot 2024-02-25 at 8 38 38 AM

2. Dataset-centric Components

Several dataset-related components are introduced. Their structures are as follow:

user-dataset // folder of datasets
  - user-dataset.component // components to render a list of datasets, one of the tabs on the left
  - user-dataset-list-item // component to render dataset as a list item
  - user-dataset-explorer // folder, includes components that display the details of datasets
     - user-dataset-file-renderer // component to render the preview of files of different MIME formats
     - user-dataset-version-creator // component that is used to create new dataset/dataset version
     - user-dataset-version-filetree // component to render the file tree of dataset versions
     - user-dataset-explorer.component // component to provide the full view of a dataset, including versions switch, file preview
  • user-dataset & user-dataset-list-item
Screenshot 2024-02-25 at 11 24 42 AM
  • user-dataset-explorer
Screenshot 2024-02-25 at 11 25 44 AM
  • user-dataset-file-renderer
Screenshot 2024-02-25 at 11 26 09 AM
  • user-dataset-version-creator
Screenshot 2024-02-25 at 11 26 35 AM
  • user-dataset-version-filetree
Screenshot 2024-02-25 at 11 28 34 AM

Other fix

  • full text search of datasets is refactored based on new full text search framework
  • some backend dataset APIs are fixed

@bobbai00 bobbai00 added the gui label Feb 25, 2024
@bobbai00 bobbai00 self-assigned this Feb 25, 2024
@bobbai00 bobbai00 changed the title Jiadong introduce dataset gui Introduce Dataset GUI Feb 25, 2024
@bobbai00 bobbai00 force-pushed the jiadong-introduce-dataset-gui branch from 437f0f9 to 8d0ebe6 Compare February 26, 2024 18:57
@bobbai00 bobbai00 force-pushed the jiadong-introduce-dataset-gui branch 2 times, most recently from 277229c to 498e9df Compare February 27, 2024 01:55
@bobbai00 bobbai00 force-pushed the jiadong-introduce-dataset-gui branch from 73a012a to afd8e6c Compare February 27, 2024 02:09
@bobbai00 bobbai00 merged commit 5e2b4bb into master Feb 27, 2024
@bobbai00 bobbai00 deleted the jiadong-introduce-dataset-gui branch February 27, 2024 02:44
bobbai00 added a commit that referenced this pull request Mar 25, 2024
This PR fixes the issues brought by #2413 that all packages sources are
npm instead of yarn.

## How the fix is done

Since when packages are from yarn's source, the `NzTreeModule` is not
working for unknown reasons. I re-wrote the file tree component using
angular-tree-component.
@Yicong-Huang Yicong-Huang added frontend Changes related to the frontend GUI and removed gui labels Jul 6, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

frontend Changes related to the frontend GUI

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants