popup.tpl.jade 1014 B

1234567891011121314151617181920212223
  1. .pop-over.js-pop-over(
  2. class="{{#unless title}}miniprofile{{/unless}}"
  3. class=currentBoard.colorClass
  4. class="{{#unless title}}no-title{{/unless}}"
  5. style="left:{{offset.left}}px; top:{{offset.top}}px;")
  6. .header
  7. a.back-btn.js-back-view(class="{{#unless hasPopupParent}}is-hidden{{/unless}}")
  8. i.fa.fa-chevron-left
  9. span.header-title= title
  10. a.close-btn.js-close-pop-over
  11. i.fa.fa-times-thin
  12. .content-wrapper
  13. //-
  14. We display the all stack of popup content next to each other and move
  15. the "window" by translating .content-container inside .content-wrapper.
  16. .content-container(class="popup-container-depth-{{depth}}")
  17. each stack
  18. //-
  19. XXX We need a better way to express the "is the last element" condition.
  20. Hopefully the @last helper will come soon (or at least @index)
  21. .content(class="{{#unless $eq popupName ../popupName}}no-height{{/unless}}")
  22. +Template.dynamic(template=popupName data=dataContext)
  23. .clearfix