From cc67fce5a2d2780ce9a0d8eea36f717ca089aefc Mon Sep 17 00:00:00 2001 From: Andrew Miner Date: Mon, 20 Apr 2015 11:26:21 -0700 Subject: [PATCH] Add "nothing" placeholder for empty inventories --- src/coffee/controllers/inventory_controller.coffee | 14 ++++++++++---- src/jade/templates/inventory.jade | 2 +- src/scss/templates/inventory.scss | 9 +++++++++ 3 files changed, 20 insertions(+), 5 deletions(-) diff --git a/src/coffee/controllers/inventory_controller.coffee b/src/coffee/controllers/inventory_controller.coffee index af038f077..1dfba9d27 100644 --- a/src/coffee/controllers/inventory_controller.coffee +++ b/src/coffee/controllers/inventory_controller.coffee @@ -79,10 +79,11 @@ module.exports = class InventoryController extends BaseController modPack: @modPack, onChoseItem: (itemSlug)=> @onItemChosen(itemSlug) - @$clearButton = @$('button.clear') - @$icon = @$('.icon') - @$itemContainer = @$('.item_container') - @$title = @$('h2 p') + @$clearButton = @$('button.clear') + @$emptyPlaceholder = @$('.empty_placeholder') + @$icon = @$('.icon') + @$itemContainer = @$('.item_container') + @$title = @$('h2 p') super refresh: -> @@ -97,6 +98,11 @@ module.exports = class InventoryController extends BaseController @_refreshStacks() + if @model.isEmpty + @show @$emptyPlaceholder + else + @hide @$emptyPlaceholder + super # Backbone.View Overrides ###################################################################### diff --git a/src/jade/templates/inventory.jade b/src/jade/templates/inventory.jade index 753d86150..ff46b2ba5 100644 --- a/src/jade/templates/inventory.jade +++ b/src/jade/templates/inventory.jade @@ -7,5 +7,5 @@ .view__inventory .item_container - .empty_placeholder.hideable.hidden Empty + .empty_placeholder.hideable.hidden nothing .view__item_selector.hideable.hidden.button: p add an item... diff --git a/src/scss/templates/inventory.scss b/src/scss/templates/inventory.scss index 9521b4b0e..dc414e132 100644 --- a/src/scss/templates/inventory.scss +++ b/src/scss/templates/inventory.scss @@ -7,6 +7,15 @@ All rights reserved. .view__inventory { + .empty_placeholder { + color: $color-gray-light; + font-family: $font-family-normal; + font-size: $font-size-large; + margin: 2em 0; + text-align: center; + width: 100%; + } + .item_container { position: relative; width: 100%;