_cards_controls_tables.pug 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. if annualTrialsAssignment == 'nudge'
  2. include ./_mixins_nudge
  3. else if annualTrialsAssignment == 'no-nudge'
  4. include ./_mixins_nudge
  5. else if annualTrialsAssignment == 'default'
  6. include ./_mixins
  7. .row.plans-v2-top-switch
  8. .col-xs-12
  9. ul.nav.plans-v2-nav
  10. li.active.plans-v2-top-switch-individual(
  11. data-ol-plans-v2-view-tab='individual'
  12. event-tracking="plans-page-toggle-plan"
  13. event-tracking-mb="true"
  14. event-tracking-trigger="click"
  15. event-segmentation='{"button": "individual"}'
  16. )
  17. button.btn.btn-default-outline #{translate("indvidual_plans")}
  18. li.plans-v2-top-switch-group(
  19. data-ol-plans-v2-view-tab='group'
  20. event-tracking="plans-page-toggle-plan"
  21. event-tracking-mb="true"
  22. event-tracking-trigger="click"
  23. event-segmentation='{"button": "group"}'
  24. )
  25. button.btn.btn-default-outline(
  26. href="#"
  27. )
  28. span #{translate("group_plans")}
  29. span (#{translate("save_30_percent_or_more")})
  30. li.plans-v2-top-switch-student(
  31. data-ol-plans-v2-view-tab='student'
  32. event-tracking="plans-page-toggle-plan"
  33. event-tracking-mb="true"
  34. event-tracking-trigger="click"
  35. event-segmentation='{"button": "student"}'
  36. )
  37. button.btn.btn-default-outline(
  38. href="#"
  39. ) #{translate("student_plans")}
  40. +monthly_annual_switch("annual", "plans-page-toggle-period")
  41. .row(hidden data-ol-plans-v2-license-picker-container)
  42. .col-sm-12
  43. +group_plans_license_picker()
  44. +table_sticky_header_all(plansConfig)
  45. .row.plans-v2-table-container(hidden data-ol-plans-v2-period='monthly')
  46. .col-sm-12(data-ol-plans-v2-view='individual')
  47. .row
  48. +table_individual('monthly')
  49. .col-sm-12(hidden data-ol-plans-v2-view='student')
  50. .row
  51. +table_student('monthly')
  52. .row.plans-v2-table-container(data-ol-plans-v2-period='annual')
  53. .col-sm-12(data-ol-plans-v2-view='individual')
  54. .row
  55. +table_individual('annual')
  56. .col-sm-12(hidden data-ol-plans-v2-view='group')
  57. .row
  58. +table_group('annual')
  59. .col-sm-12(hidden data-ol-plans-v2-view='student')
  60. .row
  61. +table_student('annual')
  62. //- sticky header on mobile will be "hidden" (by removing its sticky position) if it reaches this div
  63. .invisible(aria-hidden="true" data-ol-plans-v2-table-sticky-header-stop)