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.

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

MBS-10742: Show right number of hidden events #1449

Merged
merged 1 commit into from Apr 15, 2020

Conversation

reosarevok
Copy link
Member

@reosarevok reosarevok commented Apr 3, 2020

Fix MBS-10742

The number being printed in "show {n} more" was events.length - COLLAPSE_THRESHOLD, but in fact the code prints two events before the collapse and one after - 3, not the 4 for COLLAPSE_THRESHOLD.

This moves the numbers to (easier to understand) constants, and then ensures we show the right number of events.

@reosarevok reosarevok added the Bug Bugs that should be checked/fixed soonish label Apr 3, 2020
Copy link
Member

@mwiencek mwiencek left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks like root/static/scripts/common/components/WorkArtists.js needs fixing too, since the code was copied from here.

@@ -123,7 +123,7 @@ const ReleaseEvents = ({
title={l('Show all release events')}
>
{bracketedText(texp.l('show {n} more', {
n: events.length - COLLAPSE_THRESHOLD,
n: events.length - 3,
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'd still keep the constant though, just with the offset correction added:

Suggested change
n: events.length - 3,
n: events.length - COLLAPSE_THRESHOLD + 1,

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I didn't because it seemed arbitrary, but maybe? If anything, it'd feel better to have events.length - (COLLAPSE_THRESHOLD - 2 + 1), since that's what we actually do. But I'll make the suggested change for now :)

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I can see what you mean. That might be more clear, particularly if we had a named constant for the 2 like COLLAPSE_MIN or something. I'd mainly just like that if we changed COLLAPSE_THRESHOLD and nothing else, the code would still work. :)

@reosarevok
Copy link
Member Author

WorkArtists is fine, since it doesn't cut before or after. It just shows COLLAPSE_THRESHOLD artists and then the text.

@reosarevok reosarevok force-pushed the MBS-10742 branch 2 times, most recently from 9d577c2 to d77abdc Compare April 14, 2020 10:58
@@ -17,7 +17,9 @@ import isDateEmpty from '../utility/isDateEmpty';

import EntityLink from './EntityLink';

const COLLAPSE_THRESHOLD = 4;
const TO_TRIGGER_COLLAPSE = 4;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

But if you have TO_SHOW_BEFORE and TO_SHOW_AFTER, I'm not sure this makes sense to configure separately - I'd think you should just do const TO_TRIGGER_COLLAPSE = TO_SHOW_BEFORE + TO_SHOW_AFTER + 1 below (or + 2 rather, since you want to hide at least two, and since that's technically the "trigger," but you'll need to change > to >= below too in that case).

Comment on lines 132 to 134
{buildReleaseEventRow(
events[events.length - TO_SHOW_AFTER],
abbreviated,
)}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This needs to be changed to use a slice like TO_SHOW_BEFORE has, 'cause right now this does/means something different (an offset of a single item from the end)

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think it should be fine now!

The number being printed in "show {n} more" was
events.length - COLLAPSE_THRESHOLD, but in fact the code prints
two events before the collapse and one after - 3, not the 4
for COLLAPSE_THRESHOLD.

This moves the numbers to (easier to understand) constants, and then
ensures we show the right number of events.
@reosarevok reosarevok merged commit 435d0e5 into metabrainz:master Apr 15, 2020
@reosarevok reosarevok deleted the MBS-10742 branch April 15, 2020 04:53
yvanzo added a commit that referenced this pull request Apr 18, 2020
* master:
  Update POT files using the production database
  Update translations from Transifex
  MBS-10391: Convert Add Release Group edit to React (#1423)
  MBS-10677: Return entity types for WS entities in rels and ACs (#1415)
  Bump tablesorter to 2.31.3 (#1465)
  Clarify nominated days in cron scripts
  MBS-10546: Export search indexes dump to FTP
  MBS-10755: Validate Musik-Sammler.de URL rels (#1457)
  MBS-10740: Convert entity pair rel list to React
  MBS-10740: Convert rel attribute list page to React
  Use sortname instead of name in sortByEntityName when relevant
  Add missing sortByEntityName call to RecordingMerge
  Change sortByEntityName to use i18n/compare
  MBS-10741: Make "in use" pages consistent
  MBS-10740: Convert relationships in_use pages to React
  MBS-10742: Show right number of hidden events (#1449)
  Refactor: Remove unneeded $self from gpg_sign
  MBS-10740: Convert relationships index table to React
  MBS-10740: Convert relationships header to React
  MBS-10756: Remove link_order from rels sort (#1458)
  Standardise and improve merge page message
  MBS-10364: Convert work merge page to React
  MBS-10364: Convert series merge page to React
  MBS-10364: Convert RG merge page to React
  Don't use DescriptiveLink for place lists
  MBS-10364: Convert place merge page to React
  MBS-10364: Convert label merge page to React
  Ignore case for sorting entities being merged
  MBS-10364: Convert instrument merge page to React
  MBS-10364: Convert event merge page to React
  MBS-10364: Convert area merge page to React
  MBS-10719: Change Maybe to Optional on RemovePUID
  MBS-10751: Convert Remove PUID edit to React
yvanzo added a commit that referenced this pull request Apr 27, 2020
* master:
  Update POT files using the production database
  Regenerate yarn.lock
  Update translations from Transifex
  Bump shelljs to 0.8.3 and shell_quote to 1.7.2
  MBS-10772: Show top 5 genres and other tags on sidebar (#1468)
  Add a CSRF token test for the registration page
  MBS-10778: Add CSRF tokens to user/admin forms
  Add form_{posted,submitted}_and_valid to MusicBrainz::Server
  Remove unused subroutine
  Add React context for SanitizedCatalystContext
  Unhide and fix withCatalystContext errors
  Regenerate cpanfile.snapshot
  MBS-10717: Set SameSite=None on session cookie
  Update POT files using the production database
  Update translations from Transifex
  Add support for Traxsource URLs (#1476)
  Bump react to 16.13.1
  Bump flow-bin to 0.123.0
  Upgrade eslint and eslint plugins
  Add missing key prop to Fragment siblings (#1472)
  MBS-9086: Move most relationships away from area overview
  Return heading in fallback for Relationships table
  Update POT files using the production database
  Update translations from Transifex
  MBS-10391: Convert Add Release Group edit to React (#1423)
  MBS-10677: Return entity types for WS entities in rels and ACs (#1415)
  Disable flaky selenium test
  MBS-10359: Guess feat. adds bogus trailing join phrases
  Bump tablesorter to 2.31.3 (#1465)
  Clarify nominated days in cron scripts
  MBS-10546: Export search indexes dump to FTP
  MBS-10755: Validate Musik-Sammler.de URL rels (#1457)
  MBS-10740: Convert entity pair rel list to React
  MBS-10740: Convert rel attribute list page to React
  Use sortname instead of name in sortByEntityName when relevant
  Add missing sortByEntityName call to RecordingMerge
  Change sortByEntityName to use i18n/compare
  MBS-10741: Make "in use" pages consistent
  MBS-10740: Convert relationships in_use pages to React
  MBS-10742: Show right number of hidden events (#1449)
  Refactor: Remove unneeded $self from gpg_sign
  MBS-10740: Convert relationships index table to React
  MBS-10740: Convert relationships header to React
  MBS-10756: Remove link_order from rels sort (#1458)
  Standardise and improve merge page message
  MBS-10364: Convert work merge page to React
  MBS-10364: Convert series merge page to React
  MBS-10364: Convert RG merge page to React
  Don't use DescriptiveLink for place lists
  MBS-10364: Convert place merge page to React
  MBS-10364: Convert label merge page to React
  Ignore case for sorting entities being merged
  MBS-10364: Convert instrument merge page to React
  MBS-10364: Convert event merge page to React
  MBS-10364: Convert area merge page to React
  MBS-10719: Change Maybe to Optional on RemovePUID
  MBS-10751: Convert Remove PUID edit to React
  Eslint autofixes for flowtype/delimiter-dangle
  MBS-1921: Display edit link under annotations
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Bugs that should be checked/fixed soonish
Projects
None yet
3 participants