Archipelago/WebHostLib/static/styles
Chris Wilson 5e3c5dedf3
WebHost: Massive overhaul of options pages (#2614)
* Implement support for option groups. WebHost options pages still need to be updated.

* Remove debug output

* In-progress conversion of player-options to Jinja rendering

* Support "Randomize" button without JS, transpile SCSS to CSS, include map file for later editors

* Un-alphabetize options, add default group name for item/location Option classes, implement more option types

* Re-flow UI generation to avoid printing rows with unsupported or invalid option types, add support for TextChoice options

* Support all remaining option types

* Rendering improvements and CSS fixes for prettiness

* Wrap options in a form, update button styles, fix labels, disable inputs where the default is random, nuke the JS

* Minor CSS tweaks, as recommended by the designer

* Hide JS-required elements in noscript tag. Add JS reactivity to range, named-range, and randomize buttons.

* Fix labels, add JS handling for TextChoice

* Make option groups collapsable

* PEP8 current option_groups progress (#2604)

* Make the python more PEP8 and remove unneeded imports

* remove LocationSet from `Item & Location Options` group

* It's ugly, but YAML generation is working

* Stop generating JSON files for player-options pages

* Do not include ItemDict entries whose values are zero

* Properly format yaml output

* Save options when form is submitted, load options on page load

* Fix options being omitted from the page if a group has an even number of options

* Implement generate-game, escape option descriptions

* Fix "randomize" checkboxes not properly setting YAML options to "random"

* Add a separator between item/location groups and items/locations in their respective lists

* Implement option presets

* Fix docs to detail what actually ended up happening

* implement option groups on webworld to allow dev sorting (#2616)

* Force extremely long item/location/option names with no spaces to text-wrap

* Fix "randomize" button being too wide in single-column display, change page header to include game name

* Update preset select to read "custom" when updating form inputs. Show error message if the user doesn't input a name

* Un-break weighted-options, add option group names to weighted options

* Nuke weighted-options. Set up framework to rebuild it in Jinja.

* Generate styles with scss, remove styles which will be replaced, add placeholders for worlds

* Support Toggle, DefaultOnToggle, and Choice options in weighted-options

* Implement expand/collapse without JS for worlds and option groups

* Properly style set options

* Implement Range and NamedRange. Also, CSS is hard.

* Add support for remaining option types. JS and backend still forthcoming.

* Add JS functionality for collapsing game divs, populating span values on range updates. Add <noscript> tag to warn users with JS disabled.

* Support showing/hiding game divs based on range value for game

* Add support for adding/deleting range rows

* Save settings to localStorage on form submission

* Save deleted options on form submission

* Break weighted-options into a per-game page.

- Break weighted-options into a per-game page
- Add "advanced options" links to supported games page
- Use details/summary tags on supported games, player-options, and weighted-options
- Fix bug preventing previously deleted rows from being removed on page load if JS is enabled
- Move route handling for options pages to options.py
- Remove world handling from weighted-options

* Implement loading previous settings from localStorage on page load if JS is enabled

* Weighted options can now generate YAML files and single-player games

* options pages now respect option visibility settings for simple and complex pages

* Remove `/weighted-settings` redirect, fix weighted-options link on player-options page

* Fix instance of AutoWorld not having access to proper `random`

* Catch instances of frozenset along with set

* Restore word-wrap in tooltips

* Fix word wrap in player-options labels

* Add `dedent` filter to help with formatting tooltips in player-options

* Do not change the ordering of keys when printing yaml files

* Move necessary import out of conditional statement

* Expand only the first option group by default on both options pages

* Respect option visibility when generating yaml template files

* Swap to double quotes

* Replace instances of `/weighted-settings` with `/weighted-options`, swap out incomplete links

* Strip newlines and spaces after applying dedent filter

* Fix documentation for option groups

* Update site map

* Update various docs

* Sort OptionSet lists alphabetically

* Minor style tweak

* Fix extremely long text overflowing tooltips

* Convert player-options to use CSS grid instead of tables

* Do not display link to weighted-options page on supported games if the options page is an external link

* Update worlds/AutoWorld.py

Bugfix by @alwaysintreble

Co-authored-by: Aaron Wagener <mmmcheese158@gmail.com>

* Fix NamedRange options not being properly set if a preset it loaded

* Move option-presets route into options.py

* Include preset name in YAML if not "default" and not "custom"

* Removed macros for PlandoBosses and DefaultOnToggle, as they were handled by their parent classes

* Fix not disabling custom inputs when the randomize button is clicked

* Only sort OptionList and OptionSet valid_keys if they are unordered

* Quick style fixes for player-settings to give `select` elements `text-overflow: ellipsis` and increase base size of left-column

* Prevent showing a horizontal scroll bar on player-options if the browser width was beneath a certain threshold

* Fix a bug in weighted-options which prevented inputting a negative value for new range inputs

---------

Co-authored-by: Aaron Wagener <mmmcheese158@gmail.com>
2024-05-18 00:11:57 -04:00
..
playerOptions WebHost: Massive overhaul of options pages (#2614) 2024-05-18 00:11:57 -04:00
themes [WebHost] Unify style and behavior of popover and mobile menus (#1596) 2023-03-27 00:12:10 -04:00
weightedOptions WebHost: Massive overhaul of options pages (#2614) 2024-05-18 00:11:57 -04:00
404.css Add subdirectory handling for zelda3, factorio, and minecraft. Add generic 404 page. 2021-06-14 19:35:02 -04:00
check.css Updates all styles save for the tooltip and tracker, which are forthcoming. I just really wanted to commit all these changes. 2020-11-30 21:15:47 -05:00
checkResult.css Add sprite picker to start game page. Improve styles on verification page. Update global styles. 2020-12-04 05:30:03 -05:00
checksfinderTracker.css WebHost: Add a ChecksFinder tracker (#1333) 2023-03-05 14:17:04 +01:00
cookieNotice.css Slew of minor style adjustments 2020-12-05 15:37:31 -05:00
generate.css WebHost: allow newlines in data-tooltip (#921) 2022-08-20 18:58:46 -04:00
globalStyles.css WebHost: Massive overhaul of options pages (#2614) 2024-05-18 00:11:57 -04:00
hostGame.css Fix missing paging on /user-content 2020-12-05 14:59:29 -05:00
hostRoom.css hostRoom.css Changes (#957) 2022-10-06 17:53:20 -04:00
islandFooter.css Webhost: Add dropdown menus (#1553) 2023-03-23 22:11:39 -07:00
landing.css WebHost: link to stats from the use statistics directly on landing (#2242) 2023-10-02 20:52:58 -04:00
markdown.css WebHost: Massive overhaul of options pages (#2614) 2024-05-18 00:11:57 -04:00
minecraftTracker.css Website Style Upgrade (#353) 2022-03-28 20:12:17 -04:00
ootTracker.css Ocarina of Time 7.0 (#1277) 2022-12-11 04:11:40 +01:00
sc2Tracker.css SC2: Multi-campaign (#2954) 2024-03-15 17:33:03 +01:00
startPlaying.css Greatly improve the Start Playing page 2021-10-11 21:11:37 -04:00
stats.css Display multiple charts per row, reduce overall chart size 2022-04-20 14:30:36 -07:00
supermetroidTracker.css Website Style Upgrade (#353) 2022-03-28 20:12:17 -04:00
supportedGames.css WebHost: Massive overhaul of options pages (#2614) 2024-05-18 00:11:57 -04:00
tablepage.css Updates all styles save for the tooltip and tracker, which are forthcoming. I just really wanted to commit all these changes. 2020-11-30 21:15:47 -05:00
timespinnerTracker.css Timespinner: many new stuffs (#1433) 2023-02-19 21:22:30 +01:00
tooltip.css WebHost: Massive overhaul of options pages (#2614) 2024-05-18 00:11:57 -04:00
tracker.css WebHost: Refactor `tracker.py`, removal of dead code, and tweaks to layouts of some tracker pages. (#2438) 2023-11-18 12:29:35 -06:00
tracker__ALinkToThePast.css ALTTP: Updates to player-specific game tracker. (#3133) 2024-04-20 13:18:06 -05:00
tutorialLanding.css Website Style Upgrade (#353) 2022-03-28 20:12:17 -04:00
userContent.css [WebHost] Fix /user-content styles (#408) 2022-04-03 20:16:15 -04:00
viewSeed.css Fix bug in api wait_seed, fix styles on seed gen pages 2020-12-04 02:59:23 -05:00
waitSeed.css Fix bug in api wait_seed, fix styles on seed gen pages 2020-12-04 02:59:23 -05:00