Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Create upload history sidebar components #413

Closed
reefdog opened this issue Nov 18, 2023 · 0 comments · Fixed by #443
Closed

Create upload history sidebar components #413

reefdog opened this issue Nov 18, 2023 · 0 comments · Fixed by #443
Assignees
@reefdog

Comments

@reefdog
Copy link
Contributor

reefdog commented Nov 18, 2023 •
edited
Loading

Users will be able to view a history of their bulk uploads (see #365 for full context):

Upload History

We will need three states: Processing, Error, and Complete.

  • Processing's icon should be a rotating animation
  • Relative times (e.g., "2 minutes ago") should be actual <time> elements
  • File size should be reported in nearest sensible unit (no decimals for KB; one decimal for MB; two decimals for GB)
  • Error state does not currently report detailed error state; I'm still mulling on that

For the scope of this issue, we can assume what's shown here captures the full component need. Future features (like the ability to click on components to load detail in a panel) will come in separate/later issues.
@reefdog reefdog self-assigned this Nov 18, 2023
This was referenced Nov 18, 2023
Closed
Closed
@reefdog reefdog mentioned this issue Nov 29, 2023
Merged
reefdog added a commit that referenced this issue Nov 30, 2023
@reefdog
Add BulkUploadList components
7c48273 
Issue #413 Create upload history sidebar components
@reefdog reefdog mentioned this issue Nov 30, 2023
Merged
5 tasks
reefdog added a commit that referenced this issue Dec 2, 2023
@reefdog
Add BulkUploadList components
785d030 
Issue #413 Create upload history sidebar components
reefdog added a commit that referenced this issue Dec 2, 2023
@reefdog
Add BulkUploadList components
91b8dc3 
Issue #413 Create upload history sidebar components
jasonaowen pushed a commit that referenced this issue Dec 4, 2023
@reefdog @jasonaowen
Add BulkUploadList components
83ab2d4 
Issue #413 Create upload history sidebar components
reefdog added a commit that referenced this issue Dec 6, 2023
@reefdog
Add BulkUploadList components
ab68d61 
This commit adds the `BulkUploadList` and `BulkUploadListItem`
components and associated stories.

Issue #413 Create upload history sidebar components
@slifty slifty assigned jasonaowen and unassigned jasonaowen Dec 13, 2023
reefdog added a commit that referenced this issue Dec 13, 2023
@reefdog
Display bulk upload history item timestamps nicely
0d85b14 
This commit adds two new utility methods for working with datetimes, and
modifies the `BulkUploadListItem` component to generate `<time>`
elements that:

1. display the time in relative terms (“2 minutes ago”, “1 day ago”)
2. include the time in fixed terms as a tooltip using the `title` attr
3. include the ISO 8601 timestamp in the `datetime` attribute in
   accordance with the `<time>` element spec

Issue #413 Create upload history sidebar components
This was referenced Jan 3, 2024
Open
Closed
reefdog added a commit that referenced this issue Jan 17, 2024
@reefdog
Add BulkUploadList components
e472954 
This commit adds the `BulkUploadList` and `BulkUploadListItem`
components and associated stories.

Issue #413 Create upload history sidebar components
reefdog added a commit that referenced this issue Jan 17, 2024
@reefdog
Display bulk upload history item timestamps nicely
122433a 
This commit adds two new utility methods for working with datetimes, and
modifies the `BulkUploadListItem` component to generate `<time>`
elements that:

1. display the time in relative terms (“2 minutes ago”, “1 day ago”)
2. include the time in fixed terms as a tooltip using the `title` attr
3. include the ISO 8601 timestamp in the `datetime` attribute in
   accordance with the `<time>` element spec

Issue #413 Create upload history sidebar components
reefdog added a commit that referenced this issue Jan 18, 2024
@reefdog
Remove file size stub from BulkUploadListItem
8cce39a 
We will add this back once API support exists for it.

Issue #413 Create upload history sidebar components
reefdog added a commit that referenced this issue Jan 18, 2024
@reefdog @jasonaowen
Remove file size stub from BulkUploadListItem
d3be92b 
We will add this back once API support exists for it.

Issue #413 Create upload history sidebar components

Co-authored-by: Jason Owen <jasonaowen@opentechstrategies.com>
reefdog added a commit that referenced this issue Jan 19, 2024
@reefdog
Refactor BulkUploadListItem before adding fileSize
0cfcc31 
This refactor makes it easier to support optional metadata, e.g. the
future fileSize which may be `null`, which should be omitted from the
interface when missing.

Issue #413 Create upload history sidebar components
reefdog added a commit that referenced this issue Jan 19, 2024
@reefdog
Add humanizeByteCount utility method
bc1851e 
This method formats bytes into friendlier KB/MB/etc. units.

Notably, this uses intuitive decimal units (1000 bytes per kilobyte)
rather than binary units (1024 bytes per kilobyte).

Issue #413 Create upload history sidebar components
reefdog added a commit that referenced this issue Jan 19, 2024
@reefdog
Add fileSize to BulkUploadListItem component
6212bc8 
Issue #413 Create upload history sidebar components
Issue #414 Populate file history sidebar
reefdog added a commit that referenced this issue Jan 23, 2024
@reefdog
Display bulk upload history item timestamps nicely
039e3b5 
This commit adds two new utility methods for working with datetimes, and
modifies the `BulkUploadListItem` component to generate `<time>`
elements that:

1. display the time in relative terms (“2 minutes ago”, “1 day ago”)
2. include the time in fixed terms as a tooltip using the `title` attr
3. include the ISO 8601 timestamp in the `datetime` attribute in
   accordance with the `<time>` element spec

To support this, it also adds the DayJS date parsing/manipulation
library.

Issue #413 Create upload history sidebar components
reefdog added a commit that referenced this issue Jan 23, 2024
@reefdog @jasonaowen
Remove file size stub from BulkUploadListItem
91e3327 
We will add this back once API support exists for it.

Issue #413 Create upload history sidebar components

Co-authored-by: Jason Owen <jasonaowen@opentechstrategies.com>
reefdog added a commit that referenced this issue Jan 23, 2024
@reefdog
Refactor BulkUploadListItem before adding fileSize
efbccff 
This refactor makes it easier to support optional metadata, e.g. the
future fileSize which may be `null`, which should be omitted from the
interface when missing.

Issue #413 Create upload history sidebar components
reefdog added a commit that referenced this issue Jan 23, 2024
@reefdog
Add humanizeByteCount utility method
87a1a38 
This method formats bytes into friendlier KB/MB/etc. units.

Notably, this uses intuitive decimal units (1000 bytes per kilobyte)
rather than binary units (1024 bytes per kilobyte).

Issue #413 Create upload history sidebar components
reefdog added a commit that referenced this issue Jan 23, 2024
@reefdog
Add fileSize to BulkUploadListItem component
f885358 
Issue #413 Create upload history sidebar components
Issue #414 Populate file history sidebar
reefdog added a commit that referenced this issue Jan 23, 2024
@reefdog
Add BulkUploadList components
58be395 
This commit adds the `BulkUploadList` and `BulkUploadListItem`
components and associated stories.

This also required adding the DayJS library (for handling dates and
times better) and the pretty-bytes library (for better display of file
sizes, e.g. “10.1MB”).

Issue #413 Create upload history sidebar components
reefdog added a commit that referenced this issue Jan 23, 2024
@reefdog
Add BulkUploadList components
231523d 
This commit adds the `BulkUploadList` and `BulkUploadListItem`
components and associated stories.

This also required adding the DayJS library (for handling dates and
times better) and the pretty-bytes library (for better display of file
sizes, e.g. “10.1MB”).

Issue #413 Create upload history sidebar components
reefdog added a commit that referenced this issue Jan 23, 2024
@reefdog
Add BulkUploadList components
99379e7 
This commit adds the `BulkUploadList` and `BulkUploadListItem`
components and associated stories.

This also required adding the DayJS library (for handling dates and
times better) and the pretty-bytes library (for better display of file
sizes, e.g. “10.1MB”).

Issue #413 Create upload history sidebar components
reefdog added a commit that referenced this issue Jan 24, 2024
@reefdog
Add BulkUploadList components
1de2e70 
This commit adds the `BulkUploadList` and `BulkUploadListItem`
components and associated stories.

This also required adding the DayJS library (for handling dates and
times better) and the pretty-bytes library (for better display of file
sizes, e.g. “10.1MB”).

Issue #413 Create upload history sidebar components
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@reefdog reefdog

Labels
None yet
Projects
Phase 2
Status: Done & Cleared
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Add BulkUpload history components PhilanthropyDataCommons/front-end
2 participants
@reefdog @jasonaowen