Categories and colors reordering when making changes in content

• Type: Story
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: Master
• Component/s: Content Dashboard
• Labels:
  • d_20_11
  • d_20_12
  • fc_21_01
• Epic Link: tango-graph-ux-improvements
• Sprint: TANGO | #48 DIS | Oct31-Nov13, TANGO | #49 DIS | Nov13-Nov27, TANGO | #50 DIS | Nov27-Dec11, TANGO | #53 DEV | Jan22-Feb05, TANGO | #54 DEV | Feb05-Feb19
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/98178 https://github.com/brianchandotcom/liferay-portal/pull/98260

Motivation

Currently the content audit graph is not persisting color and order of categories represented by the bars, so when some kind of category-related edition is made by the user, color assigned and order change, which is confusing for the user. With this story we want to make sure that colors and order assigned will persist through user's session no matter what happens with category assignment. Besides that, we want to get a specific color and order for "no category" assets that we included in the graph in the LPS-122872 story.

Design

See screenshot below.

Technical Requirements

Colors Relative order assigned to categories represented in the graph must remain during the user's session, for a given configuration, even if:

• assets affected by categories are edited (categories aggregated or eliminated)
• categories are edited (new ones are created or existing ones are eliminated)

Besides that, regarding "No category" assets:

• "No [VocabularyName] specified" check and bars have to be placed in the last position always, and show always the same color: last check (in the case of the  vocabulary 2), last grouping of bars (in the case of the vocabulary 1) and the last bar of each grouping in the vocabulary 1 (see screenshot below)

 Acceptance Criteria

• Given three Audience categories S1, S2 and S3 represented as blue check and bars (S1) in the first position, orange check and bars (S2) in the 2nd position and red check and bars (S3) in the 3rd position
• When the user add a S1 category to any web content by any means
• Then the colors and the relative ordering of categories remain the same

–

• Given three Audience categories S1, S2 and S3 represented as blue check and bars (S1) in the first position, orange check and bars (S2) in the 2nd position and red check and bars (S3) in the 3rd position
• When the user unassigns the S1 category from any web content 
• Then the colors and the relative ordering of categories remain the same

–

• Given three Audience categories S1, S2 and S3 represented as blue check and bars (S1) in the first position, orange check and bars (S2) in the 2nd position and red check and bars (S3) in the 3rd position
• When the user unassigns the S2 category from all web contents
• Then the colors and the relative ordering of S1 and S3 categories remain the same

–

• Given three Audience categories S1, S2 and S3 represented as blue check and bars (S1) in the first position, orange check and bars (S2) in the 2nd position and red check and bars (S3) in the 3rd position
• When the user creates a new category S4 and assign it to any web content
• Then the colors and the relative ordering of S1 and S3 categories remain the same, and new S4 category gets a new color

–

From LPS-125846:

• Given any number of web contents that have not an assigned category in the vocabulary represented in the first place in the graph (Vocab 2, checkboxes), but have an assigned category in the vocabulary represented in the X axis (Vocab 1)
• Then these contents will be represented by gray bars in each grouping corresponding to a category of vocabulary 2, and the gray bar will be always the last one in the grouping

–

• Given any number of web contents that have not an assigned category in the vocabulary represented by checkboxes (Vocab 2), but have an assigned category in the vocabulary represented in the X axis (Vocab 1)
• Then these contents will be represented by a "No [VocabularyName] specified" checkbox, that will be placed always in the last position and colored in grey

–

• Given any number of web contents that have not an assigned category in the vocabulary represented in the X axis (Vocab 1), but have an assigned category in the vocabulary represented above the graph (Vocab 2, checkboxes)
• Then these contents will be represented by a "No [VocabularyName] specified" label in the X axis, that will show the number of bars and assets corresponding with the number of categories and assets that have no correlate in the Vocab 1 and will be placed always in the last position

Test Scenarios

AC ID	Test Strategy	Test Scenarios	Is it covered by FrontEnd ? (JS-Unit)	Is it covered by BackEnd? (unit or integration)	Poshi?
01	Low	When there are the some categories created for the vocab1(X axis), they will always have the same colors and the same order during the user's session	NO	No
02	Medium	When any web content is assigned to a Vocab1's category, the colors and the relative ordering of categories remain the same	NO	No
03	Medium	When any web content is unassigned to a Vocab1's category, the colors and the relative ordering of categories remain the same	NO	No
04	Medium	When all the web content is unassigned from a Vocab1's category, the colors and the relative ordering of the rest of the categories remain the same	NO	No
05	Medium	When a new category is created and assigned to a web content, the colors and the relative ordering of categories remain the same and the new category gets a new color, positionated in the last position	NO	No
06	Medium	When the user configure the audit graph to have just one vocabulary, the colors and the relative ordering of the categories remain the same	NO	No
07	Medium	When the user add filters need to have only one vocabulary, the colors and the relative ordering of the categories remain the same	NO	No
08	Medium	When the user flip the audit graph axes, the colors and the relative ordering of the categories remain the same	NO	No
09	Medium	When the user uncheck any checkbox from the vocab2, the colors and the relative ordering of the categories remain the same	NO	No
09	Low	When there are web content represented by a gray bar, this gray bar will be always the last one in the grouping	NO	No
10	Low	When there are web content represented by a "No [VocabularyName] specified" checkbox, this checkbox will be always the last one in the grouping	NO	No