# Clothing Booth Rework <style> table, td, th, tr { text-align: center; border: none!important; background-color: transparent!important; } </style> {%hackmd @ZeWaka/dark-theme %} ###### tags: `design-doc` `gooncode` [ToC] ## Project Brief - The Problems Since the merging of the TGUI clothing booth interface PR [#12782](https://github.com/goonstation/goonstation/pull/12782), I'm finally comfortable with moving on with the next stage of this project. Any feedback is welcome, and I'd love having a few extra pairs of hands to help me chip away at this. I've identified a few limitations with the clothing booth that could be worth rectifying. - The categories in which all the clothing items are sorted aren't at all consistent with each other. Instead of denoting which slot they fit into, their style, or how they relate to certain occasions (formal, casual), they're an eclectic mix. This isn't very intuitive to navigate at all. - For items that have numerous colour/style options available, an entry exists on the list for every single one which bloats the size of the stock list significantly; again leading to navigation problems. - The absolute worst case of this is the dress shirt and tie. An item entry exists for every combination of tie and bottom colour. - Items from the booth can only be selected and purchased one at a time, which may be a bit tedious especially with having to confirm every single purchase made with a separate button. There are also a few more trivial issues that could be easily fixed. - The booth only accepts cash; a holdover from when the goblin tailor lived inside. Since evicting them, it couldn't hurt to allow payments from card. - Even if we can pare down the list of items shown at any given time with more filters, a search bar would be great. - Once duplicates and similar items are eliminated, re-arranging them to be sorted alphabetically by the interface would also aid in navigation. - A few item's **player facing** names don't match up with the names they're assigned on the clothing booth list (barettes != hairclip). Doesn't matter what they're called in the object path or whatever, that's not important for players. ## Potential changes ### Major Things - ~~Re-organise `/datum/clothingbooth_item` into new categories that are consistent with each other; perhaps in terms of theme or such.~~ - No gods, no masters, no categories. Arbitrary categories must go! - If arbitrary categories are necessary, they should be pared down to a maximum of three; casual, formal, and costume. - Pare down the number of items shown in the list by collating items that have different child types together. - This will require a system for choosing styles post-selection. - Colour swatches my beloved. - ~~Allow for the selection of multiple items to be placed in a "shopping cart" which can all be purchased at once.~~ - ~~Ordering multiple items should place them all in a neat little bag or container so as not to spit them all out individually.~~ ### Minor Things - Add digital payment options. - Search, filtering, and sorting options. - Add a search bar; there may have to be a separate modal interface to allow searching through all the items available. - Adding tabs or toggle buttons to filter items by slot. - Allow sorting by alphabetical order, price, etc. - Fix the item naming issues. - Should be fixed by having singlet item entries name themselves at runtime. Multi-variant categories should still match their item's name as much as possible. ## Diagrams ### DisturbHerb Wireframe | ![UI wireframe by DisturbHerb#8888.](https://media.discordapp.net/attachments/1069523815018799177/1070413626776756294/image.png?width=942&height=677) | |:--:| | *A wireframe by DisturbHerb#8888, intended as the final goal as of 6 Feb 2023. Subject to change.* | ### Blackrep Sketch | ![UI wireframe by blackrep#9704.](https://media.discordapp.net/attachments/890226559691157524/1069488758707200021/image.png "UI diagram by blackrep#9704.") | |:--:| | *A wireframe by blackrep#9704 which was referred to extensively for the present TGUI interface.* |