Implement new Pills component into TagsSelector.vue
'front/src/components/library/TagsSelector.vue' already has a jquery api call to reveive all tags. As we want to use the new 'front/src/components/ui/Pills.vue' (#2091 (closed)) here, we could also replace jquery.
Acceptance criteria:
- "As a user editing existing or to be uploaded tracks, I want to use the tags selector dropdown to choose from all existing tags on the pod by clicking on the caret on the right (48px width) and also be able to create new ones by clicking in the scaling Input after all selected tags with blinking cursor indicating that I can write. If there are no tags, I want to click anywhere on the left side of the caret. Only after hitting "enter", ",", "space" or "tab" the pill around the tag should appear with an bi-x icon right next to it, that removes the tag when I click it. I also want to remove a tag with "backspace" or "delete"."
- "As a user wanting to filter all artists, albums or podcasts by tags, I want to select tags from the dropdown by clicking on the caret on the right side (48px wide). If I select a tag, it appears as pill with a bi-x icon right next to it, so I can remove it again. I also want to be able to write custom tags by clicking anywhere left side of the caret and seeing a blinking cursor indicating to write. When I start typing I want to see the dropdown with tags filtered while I am typing, so i can choose from existing tags instead of looking for tags that dont exist. I dont want to be able to commit a non existing tag. If I click on a tag from the dropdown, or if i type an existing tag correctly and hitting "enter", "space", "," or "tab", I want to then see a pill around the tag with a bi-x icon next to it to delete it. I want to be able to continue typing, or click on the caret to select more tags. I also want to remove a tag with "backspace" or "delete". I want to see my search results filtered after each selected tag, because it is not intuitive to click on the searchbutton that is part of the other input next to it."
Edited by Arne Bollinger