codecombat/app/templates/game-menu/inventory-modal.jade

.modal-dialog
  .modal-content
    img(src="/images/pages/play/modal/inventory-background.png", draggable="false")#play-items-modal-narrow-bg

    div#gems-count-container
      span#gems-count.big-font= gems

    div#close-modal
      span.glyphicon.glyphicon-remove

    #equipped
      if selectedHero && selectedHero.get('featureImage')
        img(src="/file/"+selectedHero.get('featureImage'))#hero-image

      for slot in ['head', 'eyes', 'neck', 'torso', 'gloves', 'wrists', 'left-hand', 'right-hand', 'waist', 'feet', 'left-ring', 'right-ring', 'minion', 'flag', 'pet', 'programming-book', 'misc-0', 'misc-1']
        .item-slot(data-slot=slot)
          .placeholder
          if equipment[slot]
            img.item(src=equipment[slot].getPortraitURL(), data-item-id=equipment[slot].id)

    #unequipped
      .nano
        .nano-content
          if itemGroups
            if itemGroups.availableItems.models.length
              h4#available-description(data-i18n="inventory.available_item")
              for item in itemGroups.availableItems.models
                .item.available(class=item.classes, data-item-id=item.id)
                  img(src=item.getPortraitURL())
                  button.btn.equip-item(data-i18n="inventory.equip")
              .clearfix
            
            #double-click-hint.alert.alert-info
              span.glyphicon.glyphicon-info-sign.spr
              span(data-i18n="inventory.should_equip")
            
            if itemGroups.restrictedItems.models.length
              h4#restricted-description(data-i18n="inventory.restricted_title")
              for item in itemGroups.restrictedItems.models
                .item(class=item.classes, data-item-id=item.id)
                  img(src=item.getPortraitURL(), draggable="false")
              .clearfix
            
            if itemGroups.lockedItems.models.length
              h4#locked-description(data-i18n="play.locked")
              for item in itemGroups.lockedItems.models
                .item(class=item.classes, data-item-id=item.id)
                  img(src=item.getPortraitURL(), draggable="false")
              .clearfix

    #item-details-view
    #item-details-extra
      button#equip-item-viewed.btn.secret(data-i18n="inventory.equip")
      button#unequip-item-viewed.btn.secret(data-i18n="inventory.unequip")
      .alert.alert-danger#restricted-item-viewed.secret(data-i18n="inventory.restricted")
    
    button#choose-hero-button.btn.btn-lg.btn-primary.choose-inventory-active(data-i18n="play.change_hero") Change Hero
    button#play-level-button.btn.btn-lg.btn-success.choose-inventory-active(data-i18n="common.play") Play
Refactored, mostly redesigned inventory view, modeled after the Heald item store design. 2014-11-10 18:24:05 -05:00			`.modal-dialog`
			`.modal-content`
Don't be draggin' all these images around yo. 2014-11-19 19:36:06 -05:00			`img(src="/images/pages/play/modal/inventory-background.png", draggable="false")#play-items-modal-narrow-bg`
Integrated the new PlayHeroesModal into the game, refactoring PlayLevelModal into LevelSetupManager. 2014-11-06 19:23:23 -05:00
Refactored, mostly redesigned inventory view, modeled after the Heald item store design. 2014-11-10 18:24:05 -05:00			`div#gems-count-container`
			`span#gems-count.big-font= gems`
Integrated the new PlayHeroesModal into the game, refactoring PlayLevelModal into LevelSetupManager. 2014-11-06 19:23:23 -05:00
Refactored, mostly redesigned inventory view, modeled after the Heald item store design. 2014-11-10 18:24:05 -05:00			`div#close-modal`
			`span.glyphicon.glyphicon-remove`

			`#equipped`
Upgraded choose hero view for locked heroes. Went back to animated heroes instead of feature images. Removed some server logs. 2014-11-25 12:28:42 -05:00			`if selectedHero && selectedHero.get('featureImage')`
Refactored, mostly redesigned inventory view, modeled after the Heald item store design. 2014-11-10 18:24:05 -05:00			`img(src="/file/"+selectedHero.get('featureImage'))#hero-image`

			`for slot in ['head', 'eyes', 'neck', 'torso', 'gloves', 'wrists', 'left-hand', 'right-hand', 'waist', 'feet', 'left-ring', 'right-ring', 'minion', 'flag', 'pet', 'programming-book', 'misc-0', 'misc-1']`
Integrated the new PlayHeroesModal into the game, refactoring PlayLevelModal into LevelSetupManager. 2014-11-06 19:23:23 -05:00			`.item-slot(data-slot=slot)`
			`.placeholder`
Refactored, mostly redesigned inventory view, modeled after the Heald item store design. 2014-11-10 18:24:05 -05:00			`if equipment[slot]`
			`img.item(src=equipment[slot].getPortraitURL(), data-item-id=equipment[slot].id)`

			`#unequipped`
Refactored item-details-view styling and shared styles between InventoryModal and PlayItemsView, fixing scrollbars and text overflow issues in the process. Dragging to unequip now updates restrictions again. Worked on pointer cursors for equippable ittems. Hid items not usable by your hero's class. Stopped silhouetted items from being clickable. 2014-11-10 21:13:04 -05:00			`.nano`
			`.nano-content`
			`if itemGroups`
			`if itemGroups.availableItems.models.length`
			`h4#available-description(data-i18n="inventory.available_item")`
			`for item in itemGroups.availableItems.models`
Equip hint and available header now are visible only when there are items to equip. 2014-11-18 16:20:51 -05:00			`.item.available(class=item.classes, data-item-id=item.id)`
Added an equip button to every piece of available equipment. 2014-11-18 16:02:01 -05:00			`img(src=item.getPortraitURL())`
			`button.btn.equip-item(data-i18n="inventory.equip")`
Refactored item-details-view styling and shared styles between InventoryModal and PlayItemsView, fixing scrollbars and text overflow issues in the process. Dragging to unequip now updates restrictions again. Worked on pointer cursors for equippable ittems. Hid items not usable by your hero's class. Stopped silhouetted items from being clickable. 2014-11-10 21:13:04 -05:00			`.clearfix`

Made the double click hint alert in the inventory modal more visible. 2014-11-18 16:28:04 -05:00			`#double-click-hint.alert.alert-info`
			`span.glyphicon.glyphicon-info-sign.spr`
			`span(data-i18n="inventory.should_equip")`
Refactored item-details-view styling and shared styles between InventoryModal and PlayItemsView, fixing scrollbars and text overflow issues in the process. Dragging to unequip now updates restrictions again. Worked on pointer cursors for equippable ittems. Hid items not usable by your hero's class. Stopped silhouetted items from being clickable. 2014-11-10 21:13:04 -05:00
			`if itemGroups.restrictedItems.models.length`
			`h4#restricted-description(data-i18n="inventory.restricted_title")`
			`for item in itemGroups.restrictedItems.models`
Added an equip button to every piece of available equipment. 2014-11-18 16:02:01 -05:00			`.item(class=item.classes, data-item-id=item.id)`
Don't be draggin' all these images around yo. 2014-11-19 19:36:06 -05:00			`img(src=item.getPortraitURL(), draggable="false")`
Refactored item-details-view styling and shared styles between InventoryModal and PlayItemsView, fixing scrollbars and text overflow issues in the process. Dragging to unequip now updates restrictions again. Worked on pointer cursors for equippable ittems. Hid items not usable by your hero's class. Stopped silhouetted items from being clickable. 2014-11-10 21:13:04 -05:00			`.clearfix`
Added an equip button to every piece of available equipment. 2014-11-18 16:02:01 -05:00
Refactored item-details-view styling and shared styles between InventoryModal and PlayItemsView, fixing scrollbars and text overflow issues in the process. Dragging to unequip now updates restrictions again. Worked on pointer cursors for equippable ittems. Hid items not usable by your hero's class. Stopped silhouetted items from being clickable. 2014-11-10 21:13:04 -05:00			`if itemGroups.lockedItems.models.length`
			`h4#locked-description(data-i18n="play.locked")`
			`for item in itemGroups.lockedItems.models`
Added an equip button to every piece of available equipment. 2014-11-18 16:02:01 -05:00			`.item(class=item.classes, data-item-id=item.id)`
Don't be draggin' all these images around yo. 2014-11-19 19:36:06 -05:00			`img(src=item.getPortraitURL(), draggable="false")`
Refactored item-details-view styling and shared styles between InventoryModal and PlayItemsView, fixing scrollbars and text overflow issues in the process. Dragging to unequip now updates restrictions again. Worked on pointer cursors for equippable ittems. Hid items not usable by your hero's class. Stopped silhouetted items from being clickable. 2014-11-10 21:13:04 -05:00			`.clearfix`
Integrated the new PlayHeroesModal into the game, refactoring PlayLevelModal into LevelSetupManager. 2014-11-06 19:23:23 -05:00
Refactored, mostly redesigned inventory view, modeled after the Heald item store design. 2014-11-10 18:24:05 -05:00			`#item-details-view`
			`#item-details-extra`
			`button#equip-item-viewed.btn.secret(data-i18n="inventory.equip")`
			`button#unequip-item-viewed.btn.secret(data-i18n="inventory.unequip")`
			`.alert.alert-danger#restricted-item-viewed.secret(data-i18n="inventory.restricted")`

			`button#choose-hero-button.btn.btn-lg.btn-primary.choose-inventory-active(data-i18n="play.change_hero") Change Hero`
			`button#play-level-button.btn.btn-lg.btn-success.choose-inventory-active(data-i18n="common.play") Play`