User:JosephK9/sandbox/toolbar 3.0



The website toolbar provides a consistent set of links to all the main pages on Habitica, making the site easier to navigate. Currently in its third iteration, the toolbar gives the player information about gold, gems, and subscription status and displays notifications for site news and chat messages.

For information on the navigation systems used in the mobile apps, see the iOS and Android app pages.

Toolbar 3.0
The tabs on the toolbar lead the player to different areas of the game. Each tab and its function is described in more detail in the wiki link(s) below.

If a tab has a drop-down menu option, it will have three horizontal bars on the side. Clicking the bars will open the menu, and clicking the bars again will close the menu.

Clicking the tab itself will take you to the default page for that tab.

{| style="width: 650px;" class="article-table" border="0" cellpadding="1" cellspacing="1"

Tasks
This tab has only one page, the main Tasks page.
 * [[File:Toolbar Task Tab.png]]

User
The pages under the User tab are:
 * Customize Avatar (default)
 * Backgrounds
 * Stats
 * Achievements
 * Profile
 * [[File:Toolbar User Tab.png]]

Social
The pages under the Social tab are:
 * Inbox
 * Tavern Chat (default)
 * Party
 * Guilds
 * Challenges
 * Hall of Heroes
 * Group Plans
 * [[File:Social menu.png]]

Inventory
The pages under the Inventory tab are:
 * Market (default)
 * Quests
 * Pets
 * Mounts
 * Equipment
 * Time Travelers
 * Seasonal Shop
 * [[File:Toolbar Inventory Tab.png]]

Data
The pages under the Data tab are:
 * Data Display Tool (default)
 * Export Data
 * [[File:Data display tool.png]]

Help
The Help tab contains the following links:
 * FAQ (default)
 * Over for New Users
 * Report a Bug
 * Ask a Question
 * Request a Feature
 * Contribute to Habitica
 * The Habitica Wiki
 * [[File:Help menu.png]]

Bailey
If Bailey the Town Crier has news, she will appear just to the left of gems in the toolbar. If there's no news, she may not appear, but can always be summoned. During events, Bailey may have a different appearance.
 * [[File:Bailey Alert.png]]

Gems
This shows how many gems you have. You can click on the icon in your toolbar to open a dialog box which allows you to buy gems.
 * [[File:Gems tooltip.png]]

Gold Points
This shows how many Gold and Silver Points you have. If you have over 1000 Gold Points, the number will be abbreviated, but you can hover over it to see the exact number.
 * [[File:Gold-and-silver.png]]

Quest Progress
Hovering over the crosshair icon shows the name of the quest you are participating in and your progress so far that day (either pending quest drops for collection quests or pending boss damage for boss quests). The icon is only displayed if you are currently participating in a quest.
 * [[File:Collection_Quest_Progress.png]]

Notifications
The Notifications Panel shows recent messages in your party or guilds, as well as alerting you when you have unallocated attribute points, a new Mystery Item, or a card.
 * [[File:Toolbar_3.0_Notifications.png]]

Audio
Clicking on the Audio icon opens a menu from which you can select either "Off" or any of the available audio themes. Audio themes causes different sound effects when you click on Tasks or Rewards.
 * [[File:Toolbar audio.png]]

Sync
The Sync button allows a player to refresh Habitica content, bringing it up to date with the server and input from other devices.
 * [[File:Sync.png]]

Settings
The pages under the Settings tab are:
 * Log Out
 * Site
 * API
 * Export
 * Promo Code
 * Subscription
 * Notifications
 * FAQ
 * Tutorials
 * [[File:Toolbar 3.0 settings.png]]

Subscription
This button only exists for players who are not already subscribed to Habitica. Clicking on it takes you to the same page as Settings > Subscription.
 * [[File:Toolbar Subscription Button.png]]
 * }
 * }

Current Version
The current version combines the individual page buttons from the first version with the re-ordered icons and gold display from the second version. Most of the icons have been replaced by text explaining what each drop-down represents, with the exception of the Settings button on the extreme right.

By popular request, guild notifications have now been consolidated into a single menu. Players can visit the guild page by clicking on the message icon, or they can delete the notification by clicking the circled X to the right of each.



The Audio Theme button was added on August 18th, 2014, and allows you to turn on sound effects when you click on Tasks. (No, it does not make music play in the Tavern.)

Toolbar 2.0


In this version, the page tabs have been moved to the opposite end of the toolbar from the notifications, player currency, and sync button. The new toolbar has also been stickied to the top of the screen along with the player pane.

Clicking "Tasks" brings players to their task list, and clicking "Options" brings the player to Profile page, where they can navigate via the page tabs.

Clicking the arrow now reveals a new, consolidated list of subpages to replace the individual page buttons from the previous toolbar.



Gold and silver have now joined the gem display in the toolbar, which helps subscribers figure out how many gems they'd like to purchase from the Market and will help all players once gold-purchasable quests are implemented.

Toolbar 1.0


In this version, the leftmost checkmark icon returns you to your task page. The head, heart, gift, and wrench icons correspond to the User, Social, Inventory, and Settings tabs, respectively. Clicking them presents a drop-down list of links to the sub-pages of those tabs. The question mark provides a link to the tutorials and an FAQ, and the spinning arrows re-synch (refresh) the game.

The middle area contains your gem display, as well as the subscription button and Bailey's avatar. Clicking on Bailey's avatar brings up a window containing the news feed of site updates.

The upper right area is reserved for guild and party notifications, which appear as speech bubbles. Clicking on the rightmost arrow collapses or expands the toolbar.

Barre d'outils