Add bare-bones Item Getting Guide page
TNT requested that we figure out ways to connect the dots between
people's intentions on DTI to their purchases in the NC Mall.
But rather than just slam ad links everywhere, our plan is to design an
actually useful feature about it: the "Item Getting Guide". It'll break
down items by how you can actually get them (NP economy, NC Mall,
retired NC, Dyeworks, etc), and we're planning some cute actions you
can take, like shortcuts for getting them onto trade wishlists or into
your NC Mall cart.
This is just a little demo version of the page, just breaking down
items specified in the URL into NC/NP/PB! Later we'll do more granular
breakdown than this, with more info and actions—and we'll also like,
link to it at all, which isn't the case yet! (The main way we expect
people to get here is by a "Get these items" button we'll add to the
outfit editor, but there might be other paths, too.)
2024-05-06 20:37:59 -07:00
|
|
|
- title "Item Getting Guide"
|
|
|
|
%h1#title Item Getting Guide
|
|
|
|
|
2024-05-14 00:09:27 -07:00
|
|
|
- if @nc_mall_items.present?
|
|
|
|
%h2 NC Mall items
|
2024-05-14 17:41:05 -07:00
|
|
|
:markdown
|
2024-05-14 16:03:35 -07:00
|
|
|
These items are available in the NC Mall right now! You can buy them
|
2024-05-14 17:41:05 -07:00
|
|
|
with Neocash, a special currency you can [purchase directly][nc]
|
|
|
|
from Neopets or redeem via [gift cards][gc].
|
|
|
|
|
|
|
|
[nc]: https://secure.nc.neopets.com/get-neocash
|
|
|
|
[gc]: https://secure.nc.neopets.com/nickcash-cards
|
2024-05-20 15:23:34 -07:00
|
|
|
%table.item-list
|
|
|
|
%thead
|
|
|
|
%tr
|
|
|
|
%td
|
|
|
|
%th
|
|
|
|
Total: #{@nc_mall_items.map(&:current_nc_price).sum} NC
|
|
|
|
(#{pluralize @nc_mall_items.size, "item"})
|
|
|
|
|
2024-05-20 16:15:46 -07:00
|
|
|
%td.actions-cell
|
|
|
|
%button{onclick: "alert('Todo!')"}
|
2024-05-21 18:12:40 -07:00
|
|
|
= cart_icon alt: ""
|
2024-05-20 15:23:34 -07:00
|
|
|
Buy all in NC Mall
|
|
|
|
%tbody
|
|
|
|
- @nc_mall_items.each do |item|
|
2024-05-21 18:48:29 -07:00
|
|
|
= render "item_list_row", item: do
|
|
|
|
%button{onclick: "alert('Todo!')"}
|
|
|
|
= cart_icon alt: ""
|
|
|
|
Buy (#{item.current_nc_price} NC)
|
Add bare-bones Item Getting Guide page
TNT requested that we figure out ways to connect the dots between
people's intentions on DTI to their purchases in the NC Mall.
But rather than just slam ad links everywhere, our plan is to design an
actually useful feature about it: the "Item Getting Guide". It'll break
down items by how you can actually get them (NP economy, NC Mall,
retired NC, Dyeworks, etc), and we're planning some cute actions you
can take, like shortcuts for getting them onto trade wishlists or into
your NC Mall cart.
This is just a little demo version of the page, just breaking down
items specified in the URL into NC/NP/PB! Later we'll do more granular
breakdown than this, with more info and actions—and we'll also like,
link to it at all, which isn't the case yet! (The main way we expect
people to get here is by a "Get these items" button we'll add to the
outfit editor, but there might be other paths, too.)
2024-05-06 20:37:59 -07:00
|
|
|
|
|
|
|
- if @np_items.present?
|
|
|
|
%h2 Neopoint items
|
2024-05-14 17:41:05 -07:00
|
|
|
:markdown
|
|
|
|
These items can be purchased with Neopoints. For less-expensive items,
|
|
|
|
check the [Shop Wizard][wiz] first. Otherwise, try the
|
|
|
|
[Trading Post][tp] or [Auction Genie][ag]. Dress to Impress doesn't
|
|
|
|
track Neopoint item prices, but other fansites do!
|
|
|
|
|
|
|
|
[wiz]: https://www.neopets.com/shops/wizard.phtml
|
|
|
|
[tp]: https://www.neopets.com/island/tradingpost.phtml?type=browse
|
|
|
|
[ag]: https://www.neopets.com/genie.phtml
|
2024-05-21 18:03:00 -07:00
|
|
|
%table.item-list
|
|
|
|
%thead
|
|
|
|
%td
|
|
|
|
%th{colspan: 2}
|
|
|
|
Total: #{pluralize @np_items.size, "item"}
|
|
|
|
%tbody
|
|
|
|
- @np_items.each do |item|
|
2024-05-21 18:48:29 -07:00
|
|
|
= render "item_list_row", item: do
|
|
|
|
= button_link_to "Shops", shop_wizard_url_for(item),
|
|
|
|
target: "_blank", icon: search_icon
|
|
|
|
= button_link_to "Trades", trading_post_url_for(item),
|
|
|
|
target: "_blank", icon: search_icon
|
Add bare-bones Item Getting Guide page
TNT requested that we figure out ways to connect the dots between
people's intentions on DTI to their purchases in the NC Mall.
But rather than just slam ad links everywhere, our plan is to design an
actually useful feature about it: the "Item Getting Guide". It'll break
down items by how you can actually get them (NP economy, NC Mall,
retired NC, Dyeworks, etc), and we're planning some cute actions you
can take, like shortcuts for getting them onto trade wishlists or into
your NC Mall cart.
This is just a little demo version of the page, just breaking down
items specified in the URL into NC/NP/PB! Later we'll do more granular
breakdown than this, with more info and actions—and we'll also like,
link to it at all, which isn't the case yet! (The main way we expect
people to get here is by a "Get these items" button we'll add to the
outfit editor, but there might be other paths, too.)
2024-05-06 20:37:59 -07:00
|
|
|
|
|
|
|
- if @pb_items.present?
|
2024-05-22 15:41:46 -07:00
|
|
|
%h2 Paint Brush items
|
2024-05-14 17:41:05 -07:00
|
|
|
:markdown
|
2024-05-22 15:41:46 -07:00
|
|
|
These items are part of a paint brush set. Once you paint your pet,
|
2024-05-14 17:41:05 -07:00
|
|
|
these items will be semi-permanently added to your Closet, even if your
|
|
|
|
pet changes color again! You can use this to mix-and-match styles for
|
|
|
|
"cross-paint" outfits.
|
2024-05-22 16:34:48 -07:00
|
|
|
- @pb_items_by_color.each do |color, items|
|
2024-05-22 16:59:36 -07:00
|
|
|
%table.item-list{"data-group-type": "bundle"}
|
2024-05-22 16:34:48 -07:00
|
|
|
%thead
|
2024-05-22 16:59:36 -07:00
|
|
|
%td.thumbnail-cell
|
|
|
|
- if color.pb_item_thumbnail_url?
|
|
|
|
= image_tag color.pb_item_thumbnail_url,
|
|
|
|
alt: "Item thumbnail for #{color.pb_item_name}"
|
2024-05-22 17:53:52 -07:00
|
|
|
- else
|
|
|
|
= image_tag pet_type_image_url(@pb_color_pet_types[color], size: :face),
|
|
|
|
srcset: ["#{pet_type_image_url(@pb_color_pet_types[color], size: :face_2x)} 2x"],
|
|
|
|
alt: @pb_color_pet_types[color].human_name
|
2024-05-22 16:34:48 -07:00
|
|
|
%th
|
|
|
|
#{color.pb_item_name || color.name.humanize}
|
|
|
|
(#{pluralize items.size, "item"})
|
|
|
|
%td.actions-cell
|
2024-05-22 16:59:36 -07:00
|
|
|
- if color.pb_item_name?
|
2024-05-22 15:41:46 -07:00
|
|
|
= button_link_to "Shops",
|
2024-05-22 16:34:48 -07:00
|
|
|
shop_wizard_url_for(color.pb_item_name),
|
2024-05-22 15:41:46 -07:00
|
|
|
target: "_blank", icon: search_icon
|
|
|
|
= button_link_to "Trades",
|
2024-05-22 16:34:48 -07:00
|
|
|
trading_post_url_for(color.pb_item_name),
|
2024-05-22 15:41:46 -07:00
|
|
|
target: "_blank", icon: search_icon
|
|
|
|
- else
|
|
|
|
.special-color-explanation
|
2024-05-22 16:34:48 -07:00
|
|
|
Get via Lab Ray, morphing potions, etc.
|
|
|
|
%tbody
|
|
|
|
- items.each do |item|
|
|
|
|
= render "item_list_row", item:
|
2024-05-14 00:09:27 -07:00
|
|
|
|
|
|
|
- if @other_nc_items.present?
|
2024-05-14 17:41:05 -07:00
|
|
|
%h2 Neocash items (Capsules, Dyeworks, events, retired, etc.)
|
|
|
|
:markdown
|
|
|
|
These items are part of the Neocash economy and can't be purchased with
|
|
|
|
Neopoints. We don't track all the details of how to get these items
|
|
|
|
right now! Sometimes they're available via packs or capsules or events
|
|
|
|
in the [NC Mall][mall]. Sometimes they're retired and can't be
|
|
|
|
purchased at all anymore, and can only be obtained via gifts or trades.
|
|
|
|
|
|
|
|
[mall]: https://ncmall.neopets.com/
|
2024-05-14 00:09:27 -07:00
|
|
|
= render @other_nc_items
|
2024-05-14 16:03:35 -07:00
|
|
|
|
|
|
|
- content_for :stylesheets do
|
|
|
|
= page_stylesheet_link_tag "items/sources"
|