new.jade 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. extends ../layout
  2. block scripts
  3. script(type='text/javascript').
  4. window.recomendedCurrency = '#{currency}'
  5. window.plan_code = '#{plan_code}'
  6. block content
  7. - locals.supressDefaultJs = true
  8. script(data-main=jsPath+'main.js', src=jsPath+'libs/require.js', baseurl=jsPath)
  9. script(src=jsPath+'libs/recurly.min.js')
  10. .content.content-alt
  11. .container(ng-controller="NewSubscriptionController" ng-cloak)
  12. .row.card-group
  13. .col-md-6.col-md-push-3
  14. .card.card-highlighted
  15. .page-header
  16. span.dropdown.changePlanButton.pull-right(ng-cloak)
  17. a.btn.btn-default.dropdown-toggle(
  18. href="#",
  19. data-toggle="dropdown"
  20. )
  21. | {{currencyCode}} ({{plans[currencyCode]['symbol']}})
  22. span.caret
  23. ul.dropdown-menu(role="menu")
  24. li(ng-repeat="(currency, value) in plans", dropdown-toggle)
  25. a(
  26. ng-click="changeCurrency(currency)",
  27. ) {{currency}} ({{value['symbol']}})
  28. h1 #{translate("new_subscription")}
  29. #subscribeForm(style="min-height: 700px;") #{translate("loading_billing_form")}...
  30. .col-md-3.col-md-pull-6
  31. if showStudentPlan == 'true'
  32. a.btn-primary.btn.plansPageStudentLink(
  33. href,
  34. ng-click="switchToStudent()"
  35. ) #{translate("half_price_student")}
  36. .card.card-first
  37. .paymentPageFeatures
  38. .page-header
  39. h3 #{translate("features")}
  40. h3 #{translate("unlimited_projects")}
  41. p #{translate("create_unlimited_projects")}
  42. h3
  43. if plan.features.collaborators == -1
  44. - var collaboratorCount = 'Unlimited'
  45. else
  46. - var collaboratorCount = plan.features.collaborators
  47. | #{translate("collabs_per_proj", {collabcount:collaboratorCount})}
  48. p #{translate("work_on_single_version")}. #{translate("view_collab_edits")} in real time.
  49. h3 #{translate("full_doc_history")}
  50. p #{translate("see_what_has_been")}
  51. span.added #{translate("added")}
  52. | #{translate("and")}
  53. span.removed #{translate("removed")}.
  54. | #{translate("restore_to_any_older_version")}.
  55. h3 #{translate("sync_to_dropbox")}
  56. p
  57. | #{translate("acces_work_from_anywhere")}.
  58. | #{translate("work_offline_and_sync_with_dropbox")}.
  59. hr
  60. p.small.text-center We're confident that you'll love ShareLaTeX, but if not you can cancel anytime. We'll give you your money back, no questions asked, if you let us know within 30 days.
  61. script(type="text/javascript").
  62. ga('send', 'event', 'pageview', 'payment_form', "#{plan_code}")
  63. script(type="text/javascript").
  64. Recurly.config(!{recurlyConfig})
  65. var recurlySubscriptionFormConfig = !{subscriptionFormOptions}
  66. recurlySubscriptionFormConfig.successHandler = function(){
  67. ga('send', 'event', 'subscription-funnel', 'subscribed')
  68. }
  69. Recurly.buildSubscriptionForm(recurlySubscriptionFormConfig);
  70. window.ab = [
  71. {step:1, bucket:"red", testName:"button_color"},
  72. {step:1, bucket:"blue", testName:"button_color"}
  73. ]