diff --git a/docs/stories/EPIC-Label/TF-1639-user-can-manage-labels.md b/docs/stories/EPIC-Label/TF-1639-user-can-manage-labels.md new file mode 100644 index 000000000..f3c855b73 --- /dev/null +++ b/docs/stories/EPIC-Label/TF-1639-user-can-manage-labels.md @@ -0,0 +1,72 @@ +# Summary + +* [Related EPIC](#related-epic) +* [Definition](#definition) +* [Screenshots](#screenshots) +* [Misc](#misc) + +## Related EPIC + +https://github.com/linagora/tmail-flutter/issues/1638 + +## Definition +### UC1. View label list in the left panel +- Given that I am a Tmail user and I have logged in successfully +- On the left panel, I can see a new category: Label +- Under this category, I can see list of label that I have created: + - Each label contain a tag icon with color, and label’s name +- If currently there is no label, there will be a text: No label under category’s name + +![image](https://user-images.githubusercontent.com/68209176/226865639-544eb439-a3a4-4d7c-9401-4d3ea026d8f8.png) + +![image](https://user-images.githubusercontent.com/68209176/226865809-ee148cc0-8ea5-4f8d-8023-b963e5112ea4.png) + + +#### UC2. Create a new label +- Next to category “Label” in the left panel, I can see a Create button +- I click on this button, there will be a popup displayed. I need to fill in: + - Field “Name: Input label’s name. This is mandatory field and the max length of label name is as same as max length of mailbox’s name +- Color: I can select a color for the label from a color palette. Default is no color. +- After inputting name and selecting the color for the new label, I click button Save, the system will validate: + - If the field “Name’ is blank, there will be an error message: “This field is required.” + - If there is existing label with the same name, there will be an toast message: “ A label with this name already exists” +- If there is no error, new label will be created and it appears in label list in left panel with selected color. + + +![image](https://user-images.githubusercontent.com/68209176/226866143-e99884e7-db1e-46e6-918b-b1b539e7cea0.png) + +![image](https://user-images.githubusercontent.com/68209176/226866188-a40d43d6-460f-4972-85be-114b69ceb9d7.png) + +![image](https://user-images.githubusercontent.com/68209176/227886707-d7319f9d-4d0e-4ed1-a834-9ef9a19320d7.png) + + + +#### UC3. Edit a label +- I click on three-dot button of a label in left panel, a list of actions is shown: Open in new tab, Edit and Delete +- I select Edit, the popup of label will be displayed: +- The popup is as same as popup when I create the label +- Name of label is displayed but I cannot edit this name +- I can only select another color for this label then click button Save +- The new color is update for the label and all the messages that have this label will be updated with new color too. + +![image](https://user-images.githubusercontent.com/68209176/227483148-6d3edee7-7b10-4248-a12c-724bbc4c5a14.png) + + +![image](https://user-images.githubusercontent.com/68209176/226866412-3d5aca75-e290-4bb4-a8b5-676577571ef0.png) + + + + +[Back to Summary](#summary) + +## Screenshots + +None + +[Back to Summary](#summary) + +## Misc + +None + +[Back to Summary](#summary)