_plans_page_tables.pug 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. //- Features Tables
  2. mixin table_premium
  3. table.card.plans-table
  4. tr
  5. th
  6. th #{translate("personal")}
  7. th #{translate("collaborator")}
  8. .outer.outer-top
  9. .outer-content
  10. .best-value
  11. strong #{translate('best_value')}
  12. th #{translate("professional")}
  13. tr
  14. td #{translate("price")}
  15. td #{translate("free")}
  16. td
  17. +price_collaborator
  18. td
  19. +price_professional
  20. for feature in planFeatures
  21. tr
  22. td(event-tracking="features-table" event-tracking-trigger="hover" event-tracking-ga="subscription-funnel" event-tracking-label=`${feature.feature}`)
  23. if feature.info
  24. span(tooltip=translate(feature.info)) #{translate(feature.feature)}
  25. else
  26. | #{translate(feature.feature)}
  27. for plan in feature.plans
  28. td(ng-non-bindable)
  29. if feature.value == 'str'
  30. | #{plan}
  31. else if plan
  32. i.fa.fa-check(aria-hidden="true")
  33. span.sr-only Feature included
  34. else
  35. i.fa.fa-times(aria-hidden="true")
  36. span.sr-only Feature not included
  37. tr
  38. td
  39. td
  40. +btn_buy_free('table')
  41. td
  42. +btn_buy_collaborator('table')
  43. .outer.outer-btm
  44. .outer-content  
  45. td
  46. +btn_buy_professional('table')
  47. mixin table_cell_student(feature)
  48. if feature.value == 'str'
  49. | #{feature.student}
  50. else if feature.student
  51. i.fa.fa-check(aria-hidden="true")
  52. span.sr-only Feature included
  53. else
  54. i.fa.fa-times(aria-hidden="true")
  55. span.sr-only Feature not included
  56. mixin table_student
  57. table.card.plans-table
  58. tr
  59. th
  60. th #{translate("personal")}
  61. th #{translate("student")} (#{translate("annual")})
  62. .outer.outer-top
  63. .outer-content
  64. .best-value
  65. strong Best Value
  66. th #{translate("student")}
  67. tr
  68. td #{translate("price")}
  69. td #{translate("free")}
  70. td
  71. +price_student_annual
  72. td
  73. +price_student_monthly
  74. for feature in planFeatures
  75. tr
  76. td(event-tracking="plans-page-table" event-tracking-trigger="hover" event-tracking-ga="subscription-funnel" event-tracking-label=`${feature.feature}`)
  77. if feature.info
  78. span(tooltip=translate(feature.info)) #{translate(feature.feature)}
  79. else
  80. | #{translate(feature.feature)}
  81. td(ng-non-bindable)
  82. if feature.value == 'str'
  83. | #{feature.plans.free}
  84. else if feature.plans.free
  85. i.fa.fa-check(aria-hidden="true")
  86. span.sr-only Feature included
  87. else
  88. i.fa.fa-times(aria-hidden="true")
  89. span.sr-only Feature included
  90. td(ng-non-bindable)
  91. +table_cell_student(feature)
  92. td(ng-non-bindable)
  93. +table_cell_student(feature)
  94. tr
  95. td
  96. td
  97. +btn_buy_free('table')
  98. td
  99. +btn_buy_student('table', 'annual')
  100. .outer.outer-btm
  101. .outer-content  
  102. td
  103. +btn_buy_student('table', 'monthly')