Andrew Miner
5b014c9921
This introduces the new crafting page design featuring a new vertical layout and list display of all crafting steps. It also makes it easy to move items between the have/need sections and even from each step into your inventory (causing a new crafting plan to be created which doesn't plan on making that item). * Convert the `BaseController.hide` and `show` methods to be much more robust in the use of CSS transitions (using a timer in case a transition doesn't actually fire). * Change `hide`/`show` to use events for communicating animation state instead of callbacks * Convert several controllers to fire events for communication with parent controllers instead of accepting functions. * Rewrite the `CraftPageController`, `CraftPage` model and related Jade/SCSS files to implement the new design. * Alter the `InventoryController` and `StackController` to allow a variety of action buttons, and for the events from those action buttons to bubble up to parent controllers * Add the `StepController` and its related model, template, and style sheet as part of the new craft page. * Tweak the `ItemSelectorController` and related files to allow for a variety of styles for the launcher button
120 lines
4.0 KiB
CoffeeScript
120 lines
4.0 KiB
CoffeeScript
###
|
|
Crafting Guide - header_controller.coffee
|
|
|
|
Copyright (c) 2015 by Redwood Labs
|
|
All rights reserved.
|
|
###
|
|
|
|
BaseController = require './base_controller'
|
|
ItemSelectorController = require './item_selector_controller'
|
|
{Duration} = require '../constants'
|
|
{Event} = require '../constants'
|
|
{ProductionEnvs} = require '../constants'
|
|
{Url} = require '../constants'
|
|
|
|
########################################################################################################################
|
|
|
|
module.exports = class HeaderController extends BaseController
|
|
|
|
constructor: (options={})->
|
|
if not options.client? then throw new Error 'options.client is required'
|
|
if not options.modPack? then throw new Error 'options.modPack is required'
|
|
super options
|
|
|
|
@client = options.client
|
|
@modPack = options.modPack
|
|
@_user = options.user
|
|
|
|
# Event Methods ################################################################################
|
|
|
|
onLoginLinkClicked: (event)->
|
|
event.preventDefault()
|
|
|
|
if @user?
|
|
@client.logout()
|
|
.then ->
|
|
router.user = null
|
|
.catch (error)->
|
|
logger.error -> "Failed to log out: #{error}"
|
|
.done()
|
|
else
|
|
router.navigate Url.login(), trigger:true
|
|
|
|
onLogoClicked: ->
|
|
router.navigate '/', trigger:true
|
|
return false
|
|
|
|
onNavItemClicked: (event)->
|
|
return true unless $(event.currentTarget).attr('href')?
|
|
|
|
router.navigate $(event.currentTarget).attr('href'), trigger:true
|
|
return false
|
|
|
|
# Property Methods #############################################################################
|
|
|
|
getUser: ->
|
|
return @_user
|
|
|
|
setUser: (user)->
|
|
@_user = user
|
|
@tryRefresh()
|
|
|
|
Object.defineProperties @prototype,
|
|
user: {get:@prototype.getUser, set:@prototype.setUser}
|
|
|
|
# BaseController Overrides #####################################################################
|
|
|
|
render: ->
|
|
# Overriding render because the header is already part of the stock page layout, and we
|
|
# don't need to replace it here.
|
|
@_rendered = true
|
|
|
|
@$navLinks = ($(el) for el in @$('.navBar a'))
|
|
@$loginName = @$('.login .name')
|
|
@$loginLink = @$('.login a')
|
|
|
|
zIndex = @$navLinks.length + 100
|
|
for $navLink in @$navLinks
|
|
$navLink.css 'z-index', zIndex--
|
|
|
|
if global.env in ProductionEnvs
|
|
addThisUrl = '//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-54f3c9717b2e530d'
|
|
$('body').append "<script async src=\"#{addThisUrl}\"></script>"
|
|
|
|
@_itemSelector = @addChild ItemSelectorController, '.view__item_selector.search',
|
|
modPack: @modPack
|
|
onChoseItem: (itemSlug)=> @_goToItem(itemSlug)
|
|
|
|
refresh: ->
|
|
if @user?
|
|
@$loginName.html "Hello #{router.user.login}!"
|
|
@$loginLink.html "Logout"
|
|
else
|
|
@$loginName.html ''
|
|
@$loginLink.html 'Login'
|
|
|
|
for $navLink in @$navLinks
|
|
linkPage = $navLink.data('page')
|
|
if @model is linkPage
|
|
$navLink.addClass 'selected'
|
|
else
|
|
$navLink.removeClass 'selected'
|
|
|
|
if @model.indexOf(linkPage) isnt -1
|
|
$navLink.find('.dot').css 'opacity': 1;
|
|
else
|
|
$navLink.find('.dot').css 'opacity': 0;
|
|
|
|
# Backbone.View Overrides ######################################################################
|
|
|
|
events: ->
|
|
return _.extend super,
|
|
'click a.logo': 'onLogoClicked'
|
|
'click .navBar a': 'onNavItemClicked'
|
|
'click .login a': 'onLoginLinkClicked'
|
|
|
|
# Private Methods ##############################################################################
|
|
|
|
_goToItem: (itemSlug)->
|
|
router.navigate Url.item(itemSlug:itemSlug.item, modSlug:itemSlug.mod), trigger:true
|