[Tagging] Rename and delete an individual tag

[bradenmacdonald]

"As a global staff user (instance-level super admin), I can rename or delete individual tags in a taxonomy."

Acceptance Criteria

1. On the Taxonomy Detail Page, users with permission to edit the taxonomy (only global staff for now) should see this "three dots" menu for each tag with "Rename" and "Delete" as options:
   
2. Clicking rename will make the tag name editable in-place:
   
3. Pressing ENTER or clicking elsewhere on the page will save the new name and display a toast. Pressing ESC will cancel the rename.
   
4. If "Delete" is selected, this dialog will be shown:
   
5. But if some of the tags have subtags, this other dialog will be shown instead.
   
6. Upon confirmation, a toast is shown with a working Undo button.
   
7. The "Type DELETE to confirm" dialog needs to work in other languages ("Escribe BORRAR para confirmar")
8. Make sure the whole workflow is keyboard accessible.

Developer Notes

• Don't check "is the user global staff"; check "does the user have edit permission for this taxonomy" which in turn should be defined using a rule that only global staff have that permission.
• Screenshots above are for convenience - Figma is the most up-to-date source for mockups. The scale of UI elements seen in the screenshots above may be incorrect.

[ali-hugo]

@bradenmacdonald We have added a "save" and "cancel" button to the end of the row of the tag that is being edited (the save button remains disabled until the text has been edited):

Please update point 3 in the description to something like:
"Pressing ENTER or selecting the SAVE button will save the new name and display a toast. Pressing ESC or selecting the CANCEL button will cancel the rename".

Note that "clicking elsewhere on the page" no longer cancels the rename.

---

It might be worth mentioning what happens if the name change affects the tag's position alphabetically in the list i.e. the tag remains where it is currently until the page reloads or the user selects the sort icon next to the column title.

---

Let me know if there's anything else you need before the "pending UX changes" label can be removed from this issue.

[thelmick-unicon]

Gherkin style Acceptance Criteria

Feature: Rename an individual tag

As a user with permission to edit a taxonomy
The user wants to rename or delete individual tags in a taxonomy
So that taxonomy terms can be maintained without re-importing data

Users with edit permission see the tag actions menu

Given the user has permission to edit the taxonomy
And the user is viewing the Taxonomy Detail page
When the tag list is displayed
Then each tag displays a "three dots" actions menu
And the actions menu includes "Rename" and "Delete" (other options may also be listed, but these are the ones included in this feature)

Selecting Rename enables in-place editing for a tag

Given the user has permission to edit the taxonomy
And the user is viewing the Taxonomy Detail page
When the user selects "Rename" from a tag’s actions menu
Then the tag name becomes editable in-place
And Save and Cancel controls are displayed for the editable row
And the Save control is disabled until the tag name is changed

Renaming can be saved by pressing Enter or clicking Save

Given the user is editing a tag name in-place
When the user updates the tag name
And the user presses Enter
Or the user clicks the Save button
Then the new tag name is saved
And the updated tag name is displayed in the tag list
And a success toast message is displayed
And all uses of the tag within courses are updated

Renaming can be cancelled by pressing Esc or clicking Cancel

Given the user is editing a tag name in-place
When the user presses Esc
Or the user clicks the Cancel button
Then the rename action is cancelled
And the original tag name is displayed
And no toast message is displayed

Note: See all screenshots at the bottom of this comment.

Feature: Delete an individual tag

Selecting Delete shows a confirmation dialog for tags without sub-tags

Given the user has permission to edit the taxonomy
And the selected tag has no sub-tags
When the user selects "Delete" from the tag’s actions menu
Then a delete confirmation dialog is displayed
And the dialog requires the user to type "DELETE" to confirm
And the dialog includes Delete and Cancel controls

Selecting Delete shows a stronger confirmation dialog for tags with sub-tags

Given the user has permission to edit the taxonomy
And the selected tag has one or more sub-tags
When the user selects "Delete" from the tag’s actions menu
Then a delete confirmation dialog is displayed
And the dialog warns that sub-tags will also be deleted
And the dialog requires the user to type "DELETE WITH SUB-TAGS" to confirm
And the dialog includes Delete and Cancel controls

Confirming delete removes the tag and sub-tags.

Given the user is viewing a delete confirmation dialog
And the user has entered the required confirmation text
When the user confirms deletion
Then the tag is deleted
And any sub-tags are deleted
And a toast message is displayed confirming the deletion
And any use of the tag or sub-tag within a course is removed

The rename and delete workflow is keyboard accessible

Given the user is navigating the Taxonomy Detail page using a keyboard
When the user opens the tag actions menu
Then the user can navigate menu options using the keyboard
And the user can initiate Rename using the keyboard
And the user can initiate Delete using the keyboard
And the user can complete or cancel each workflow without using a mouse

Rename Screenshots of UI

Delete Screenshots of UI