Collections UI

[LukeNexusMods]

Continue to implement the collections UI.

Focus on getting the download buttons working for free and premium.

The Install button should work The Download All button should work for premium users and direct free users to the website to subscribe.

The collections tab is added into the main app and is not WIP anymore.

Collections can be turned on and off in the sidebar. - later

@erri120 's Todo list:

• [x] Metadata to add to our entities as received by the GraphQL call:
  • [x] Add the number of times the collection has been downloaded. This is often referred to as the "total number of downloads" not to be confused with the number of downloadable files in the collection. (#2261)
  • [x] Add the category of the collection. (#2261)
  • [x] Add whether the collection contains any adult mods. (#2261)
• [ ] Collection Cards UI
  • [x] Change the number next to the download icon, which is supposed to show the amount of times the collection has been downloaded and not the number of downloads in the collection. (#2261)
  • [x] Add the category. (#2262)
  • [x] Add the adult status. (#2262)
  • [ ] #2279
  • [ ] Description is cut-off and doesn't show the full contents.
• [ ] Collection Download Page UI
  • [x] Change the number next to the download icon, which is supposed to show the amount of times the collection has been downloaded and not the number of downloads in the collection. (#2261)
  • [ ] Style the success rating based on the value using thresholds.
  • [x] Add revision number. (#2262)
  • [x] Add author user avatar image next to their username. (#2262)
  • [ ] Add "Nexus Mods" badge?
  • [x] Change tab title to the collection name. (#2262)
  • [x] Change tab icon to the collection icon. (#2262)
  • [x] Add tree for optional downloads. (#2262)
  • [ ] Hide tab area for required and optional tree switching if there are no optional downloads. (#2262)
  • [ ] Status:
  • [ ] Missing required mods: show text x of y required mods downloaded
  • [ ] All required mods downloaded: hide download button, change status to ready to install
  • [ ] Installing: hide download and install button, change status to installing...
  • [ ] Installed: hide download and install button, change status to ready to play
  • [ ] Download All button:
  • [ ] Premium:
    • [x] Automatically download all files (#2294)
  • [ ] Free:
    • [ ] Open modal with link to Upgrade to Premium
  • [ ] Install Button:
  • [ ] Install the collection
  • [ ] Tree:
  • [ ] Use hierarchical tree
  • [ ] Rows:
    • [ ] Style download button with status transitions
    • [ ] Have rows for installed items
• [ ] External files
  • [x] MD5 hash every locally added file (#2274)
  • [ ] After direct check, change download text to "Manual Download"

[insomnious]

Thresholds and Brushes for styling collection rating:

if rating >= 75
  `SuccessStrongBrush`
if rating >= 50
`WarningStrongBrush`
else
`DangerStrongBrush`