overleaf/services/web/app/views/subscriptions/_plans_page_tables.pug
Jessica Lawshe d97fe4e39d Merge pull request #1142 from sharelatex/jel-img-alt-and-icon-alt-a11y
Image alt tags and accessible icons

GitOrigin-RevId: 58f0609682c0dbeec95cad4e234e3f94b7b3c004
2018-11-15 17:41:22 +00:00

112 lines
2.6 KiB
Text

//- Features Tables
mixin table_premium
table.card.plans-table
tr
th
th #{translate("personal")}
th #{translate("collaborator")}
.outer.outer-top
.outer-content
.best-value
strong #{translate('best_value')}
th #{translate("professional")}
tr
td #{translate("price")}
td #{translate("free")}
td
+price_collaborator
td
+price_professional
for feature in planFeatures
tr
td(event-tracking="features-table" event-tracking-trigger="hover" event-tracking-ga="subscription-funnel" event-tracking-label=`${feature.feature}`)
if feature.info
span(tooltip=translate(feature.info)) #{translate(feature.feature)}
else
| #{translate(feature.feature)}
for plan in feature.plans
td
if feature.value == 'str'
| #{plan}
else if plan
i.fa.fa-check(aria-hidden)
span.sr-only Feature included
else
i.fa.fa-times(aria-hidden)
span.sr-only Feature not included
tr
td
td
+btn_buy_free('table')
td
+btn_buy_collaborator('table')
.outer.outer-btm
.outer-content  
td
+btn_buy_professional('table')
mixin table_cell_student(feature)
if feature.value == 'str'
| #{feature.student}
else if feature.student
i.fa.fa-check(aria-hidden)
span.sr-only Feature included
else
i.fa.fa-times(aria-hidden)
span.sr-only Feature not included
mixin table_student
table.card.plans-table
tr
th
th #{translate("personal")}
th #{translate("student")} (#{translate("annual")})
.outer.outer-top
.outer-content
.best-value
strong Best Value
th #{translate("student")}
tr
td #{translate("price")}
td #{translate("free")}
td
+price_student_annual
td
+price_student_monthly
for feature in planFeatures
tr
td(event-tracking="plans-page-table" event-tracking-trigger="hover" event-tracking-ga="subscription-funnel" event-tracking-label=`${feature.feature}`)
if feature.info
span(tooltip=translate(feature.info)) #{translate(feature.feature)}
else
| #{translate(feature.feature)}
td
if feature.value == 'str'
| #{feature.plans.free}
else if feature.plans.free
i.fa.fa-check(aria-hidden)
span.sr-only Feature included
else
i.fa.fa-times(aria-hidden)
span.sr-only Feature included
td
+table_cell_student(feature)
td
+table_cell_student(feature)
tr
td
td
+btn_buy_free('table')
td
+btn_buy_student('table', 'annual')
.outer.outer-btm
.outer-content  
td
+btn_buy_student('table', 'monthly')